.furiko-page{max-width:1140px;margin:0 auto}.furiko-header{width:auto;margin:0 0 20px;padding-top:0}.furiko-header h1{font-size:32px;font-weight:700;color:var(--text);margin:0 0 10px}.furiko-header p{color:var(--text);font-size:15px;line-height:1.7;margin:0}.furiko-container{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}.board-wrapper{background:var(--card-bg);border-radius:var(--card-radius);padding:16px;box-shadow:var(--card-shadow)}#furikoCanvas{display:block;background:#eef6f8;border-radius:12px;width:100%;height:auto;max-width:600px;margin:0 auto}.controls{display:flex;flex-direction:column;gap:20px}.control-section{background:var(--card-bg);border-radius:var(--card-radius);padding:20px;box-shadow:var(--card-shadow)}.control-section h3{margin:0 0 15px;font-size:1.05rem;color:var(--text)}.slider-item{margin-bottom:16px}.slider-item label{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;font-weight:700;color:var(--text);margin-bottom:6px}.slider-val{font-size:16px;color:var(--accent);font-variant-numeric:tabular-nums}.slider-item input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}.btn-big{display:block;width:100%;padding:16px;border:none;border-radius:14px;background:var(--accent);color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:transform .15s ease,background .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px #2a9d8f59}.btn-big:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 16px #2a9d8f66}.btn-big:active{transform:translateY(0) scale(.98)}.btn-big.measuring{background:var(--card-bg);color:var(--danger);border:2px solid var(--danger);box-shadow:none}.btn-mid{display:block;width:100%;padding:10px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;background:var(--card-bg);color:var(--accent);border:2px solid var(--accent);transition:all .15s ease}.btn-mid:hover{background:var(--accent-soft);color:var(--accent-hover)}.play-hint{font-size:13px;color:var(--text-sub);line-height:1.8;margin:10px 0 0}.stopwatch-time{text-align:center;font-variant-numeric:tabular-nums;font-size:44px;font-weight:700;color:var(--text);line-height:1.2;margin-bottom:14px}.stopwatch-unit{font-size:18px;color:var(--text-sub);margin-left:4px}.stopwatch-status{font-size:13px;color:var(--text-sub);line-height:1.8;margin:12px 0 0;min-height:3.6em}.record-section{margin-top:32px;padding:28px;background:var(--card-bg);border-radius:var(--card-radius);box-shadow:var(--card-shadow)}.record-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.record-header h2{width:auto;margin:0;font-size:1.25rem;color:var(--text)}.btn-clear{padding:8px 16px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;background:var(--card-bg);color:var(--danger);border:1px solid var(--danger);transition:all .2s ease}.btn-clear:hover{background:var(--danger);color:#fff}.record-table-wrapper{overflow-x:auto}.record-table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}.record-table th,.record-table td{border:1px solid #dbe6e5;padding:8px 14px;text-align:center;color:var(--text);white-space:nowrap}.record-table th{background:var(--accent-soft, rgba(42, 157, 143, .08));font-weight:700}.record-table td:nth-child(5){font-weight:700;color:var(--accent)}.empty-note{font-size:13px;color:var(--text-sub);margin:12px 0 0}.hint-box{margin-top:20px;padding:16px 20px;background:var(--accent-soft, rgba(42, 157, 143, .08));border-radius:12px}.hint-box h3{margin:0 0 10px;font-size:1rem;color:var(--text)}.hint-box ul{margin:0 0 0 20px;padding:0}.hint-box li{font-size:14px;color:var(--text);line-height:1.9}.explanation{margin-top:32px;padding:28px;background:var(--card-bg);border-radius:var(--card-radius);box-shadow:var(--card-shadow)}.explanation h2{width:auto;margin:0 0 14px;font-size:1.25rem;color:var(--text)}.explanation p{line-height:1.8;color:var(--text);margin-bottom:12px}.furiko-page .board-wrapper{position:relative}.sound-toggle{position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:50%;border:1px solid var(--card-border, #dbe6e5);background:var(--card-bg);font-size:18px;line-height:1;cursor:pointer;box-shadow:var(--card-shadow);z-index:6;transition:transform .15s ease,opacity .15s ease}.sound-toggle:hover{transform:scale(1.08)}.sound-toggle.is-muted{opacity:.55}.quiz-section{margin-top:32px;padding:28px;background:var(--card-bg);border-radius:var(--card-radius);box-shadow:var(--card-shadow)}.quiz-header{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:6px}.quiz-header h2{width:auto;margin:0;font-size:1.25rem;color:var(--text)}.quiz-badge{padding:4px 12px;border-radius:999px;background:#fdf3d8;border:1px solid #e9c46a;color:#8a6d1f;font-size:13px;font-weight:700}.quiz-lead{font-size:14px;color:var(--text-sub);line-height:1.8;margin:0 0 14px}.quiz-item{padding:16px 0;border-top:1px solid var(--card-border, #dbe6e5)}.quiz-question{margin:0 0 10px;font-weight:700;color:var(--text);font-size:15px;line-height:1.7}.quiz-choices{display:flex;flex-wrap:wrap;gap:8px}.quiz-choice{padding:9px 18px;border-radius:999px;border:2px solid var(--card-border, #dbe6e5);background:var(--card-bg);color:var(--text);font-size:14px;font-weight:700;cursor:pointer;transition:all .15s ease}.quiz-choice:hover{border-color:var(--accent);color:var(--accent)}.quiz-item.answered .quiz-choice{pointer-events:none;opacity:.55}.quiz-item.answered .quiz-choice.correct{opacity:1;background:var(--accent);border-color:var(--accent);color:#fff}.quiz-item.answered .quiz-choice.wrong{opacity:1;background:#dc354514;border-color:var(--danger);color:var(--danger)}.quiz-explain{margin:12px 0 0;padding:10px 14px;border-radius:10px;background:var(--accent-soft, rgba(42, 157, 143, .08));font-size:13px;line-height:1.8;color:var(--text)}.quiz-footer{margin-top:4px;border-top:1px solid var(--card-border, #dbe6e5);padding-top:16px}.quiz-score{margin:0 0 12px;font-size:15px;font-weight:700;color:var(--text);min-height:1.5em}.quiz-score.perfect{color:var(--accent);font-size:17px}.quiz-actions{display:flex;flex-wrap:wrap;gap:10px}.quiz-actions .btn-mid{display:inline-block;width:auto;padding:10px 18px}@media (max-width: 900px){.furiko-page{padding:0 14px}.furiko-container{grid-template-columns:1fr}}@media (max-width: 480px){.furiko-header h1{font-size:24px}.board-wrapper{padding:10px}.record-section,.explanation,.quiz-section{padding:20px}.stopwatch-time{font-size:36px}.sound-toggle{top:6px;right:6px;width:36px;height:36px;font-size:16px}}