:root{color-scheme:dark;--bg: #101722;--bg-rail: #121c29;--surface: #172231;--surface-strong: #1d2b3d;--surface-glass: rgba(23, 34, 49, .82);--text: #f8fbff;--muted: #9fb1c8;--border: #2c3b4f;--accent: #ff6b7a;--accent-strong: #f15066;--mint: #55e1a8;--mint-strong: #23bd84;--gold: #f6c85f;--danger: #ff7d8e;--shadow: 0 24px 70px rgba(0, 0, 0, .32);--radius: 8px;font-family:Inter,Noto Sans JP,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=light]{color-scheme:light;--bg: #f5f8fb;--bg-rail: #ecf3f7;--surface: #ffffff;--surface-strong: #e8f0f5;--surface-glass: rgba(255, 255, 255, .86);--text: #17202c;--muted: #55708a;--border: #cedae4;--accent: #d9485f;--accent-strong: #bf314c;--mint: #169b70;--mint-strong: #087a57;--gold: #b77a0d;--danger: #cc3b55;--shadow: 0 20px 60px rgba(30, 51, 76, .14)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 18%,transparent),transparent 38%),linear-gradient(215deg,color-mix(in srgb,var(--mint) 16%,transparent),transparent 42%),radial-gradient(circle at 50% -12%,color-mix(in srgb,var(--gold) 12%,transparent),transparent 34%),var(--bg);color:var(--text);transition:background .3s ease,color .3s ease}.mode-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media(max-width:480px){.mode-grid{grid-template-columns:1fr}.feature-strip{flex-direction:column;gap:.5rem}}@media(min-width:481px)and (max-width:768px){.mode-grid{grid-template-columns:repeat(2,1fr)}}.mode-card{transition:transform .2s ease,box-shadow .2s ease}.mode-card:hover{transform:scale(1.03);box-shadow:0 4px 12px var(--shadow)}.submode-card{transition:transform .2s ease,box-shadow .2s ease}.submode-card:hover{transform:scale(1.03);box-shadow:0 4px 12px var(--shadow)}button{border:0;font:inherit}button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 58%,white);outline-offset:3px}.app-shell{position:relative;display:grid;min-height:100dvh;place-items:start center;padding:72px 28px 32px}.app-footer{display:flex;flex-wrap:wrap;justify-content:center;justify-self:center;width:min(100%,1040px);margin:22px 0 0;gap:6px 14px;color:color-mix(in srgb,var(--muted) 84%,transparent);font-size:.78rem;font-weight:800;line-height:1.4;text-align:center}.app-copyright{margin:0}.terms-link{color:color-mix(in srgb,var(--muted) 92%,var(--text));text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.terms-link:hover{color:var(--accent)}.game-loading{display:flex;width:min(100%,1040px);min-height:52vh;align-items:center;justify-content:center;gap:16px;color:var(--text)}.game-loading h1{margin:6px 0 0;font-size:clamp(1.5rem,5vw,2.6rem);line-height:1}.game-loading__spinner{width:38px;height:38px;border:4px solid color-mix(in srgb,var(--border) 72%,transparent);border-top-color:var(--accent);border-radius:50%;animation:loadingSpin .68s linear infinite}.theme-toggle,.icon-button{display:inline-grid;width:48px;height:48px;place-items:center;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 86%,transparent);color:var(--text);cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.theme-toggle{position:fixed;z-index:10;top:20px;right:20px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.theme-toggle:hover,.icon-button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 58%,var(--border));background:var(--surface)}.user-chip{position:fixed;z-index:10;top:20px;left:20px;display:inline-flex;max-width:min(320px,calc(100vw - 108px));align-items:center;gap:8px;min-height:48px;padding:6px 8px 6px 14px;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 86%,transparent);color:var(--text);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.user-chip span{overflow:hidden;font-size:.86rem;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.user-chip button{display:inline-grid;flex:0 0 auto;width:34px;height:34px;place-items:center;border-radius:var(--radius);background:color-mix(in srgb,var(--accent) 16%,var(--surface-strong));color:var(--accent);cursor:pointer}.theme-toggle svg,.icon-button svg,.primary-button svg,.secondary-button svg,.user-chip svg,.mode-card svg,.stat-pill svg,.timer-ring svg,.grade-badge svg{width:20px;height:20px;stroke-width:2.2}.auth-screen{display:grid;width:min(100%,1040px);grid-template-columns:minmax(0,1fr) 420px;gap:18px;align-self:center;align-items:stretch}.auth-brand,.auth-panel,.auth-roadmap{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-glass);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.auth-brand{display:grid;align-content:center;justify-items:start;gap:20px;min-height:520px;padding:32px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,transparent),transparent 48%),linear-gradient(215deg,color-mix(in srgb,var(--mint) 14%,transparent),transparent 48%),var(--surface-glass)}.auth-brand h1{margin:8px 0 0;color:var(--text);font-size:clamp(3.3rem,8vw,6.4rem);font-weight:950;line-height:.95;letter-spacing:0}.auth-panel{display:grid;align-content:start;gap:16px;padding:22px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:6px;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--bg) 56%,transparent)}.auth-tab{min-height:42px;border-radius:var(--radius);background:transparent;color:var(--muted);cursor:pointer;font-size:.95rem;font-weight:900}.auth-tab--active{background:var(--accent);color:#fff}.auth-form,.auth-field{display:grid;gap:12px}.auth-field span{color:var(--muted);font-size:.82rem;font-weight:900;text-transform:uppercase}.auth-field input{min-height:52px;width:100%;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--surface-strong) 72%,transparent);color:var(--text);font:inherit;font-size:1rem;font-weight:750;outline:none;padding:0 14px}.auth-field input:focus{border-color:color-mix(in srgb,var(--accent) 68%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}.auth-field input::placeholder{color:color-mix(in srgb,var(--muted) 74%,transparent)}.auth-submit{width:100%;margin-top:2px}.auth-submit:disabled,.google-button:disabled{cursor:not-allowed;opacity:.58;transform:none}.auth-separator{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;color:var(--muted);font-size:.8rem;font-weight:900;text-transform:uppercase}.auth-separator:before,.auth-separator:after{height:1px;content:"";background:var(--border)}.google-button{display:inline-flex;min-height:54px;align-items:center;justify-content:center;gap:10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);cursor:pointer;font-size:1rem;font-weight:900}.google-mark{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 0 50%,#fbbc05 0 75%,#ea4335 0),#fff;color:#fff;font-size:.9rem;font-weight:950}.auth-error,.auth-help{margin:0;color:var(--muted);font-size:.9rem;font-weight:750;line-height:1.5}.auth-error{color:var(--danger)}.auth-roadmap{grid-column:1 / -1;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;padding:16px 18px}.auth-roadmap h2{margin:0;color:var(--text);font-size:1rem;font-weight:950}.auth-roadmap ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.auth-roadmap li{display:inline-flex;min-height:32px;align-items:center;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--surface-strong) 66%,transparent);color:var(--muted);font-size:.8rem;font-weight:850}.menu-screen,.game-screen,.result-screen{width:min(100%,1040px)}.menu-screen{display:grid;align-self:center;gap:28px}.terms-screen{display:grid;width:min(100%,860px);align-self:start;gap:22px}.terms-back{justify-self:start}.terms-hero,.terms-content,.terms-section{display:grid;gap:10px}.terms-hero{gap:12px}.terms-hero h1{margin:0;color:var(--text);font-size:clamp(2.4rem,8vw,5.6rem);font-weight:950;line-height:.96;letter-spacing:0}.terms-hero p,.terms-section p,.terms-section li{margin:0;color:var(--muted);font-size:1rem;font-weight:650;line-height:1.65}.terms-content{gap:24px}.terms-section h2{margin:0;color:var(--text);font-size:1.18rem;font-weight:950;line-height:1.2}.terms-section ul{display:grid;gap:8px;margin:2px 0 0;padding-left:20px}.terms-scoring{padding-left:14px;border-left:3px solid var(--accent)}.brand-header{display:flex;align-items:center;gap:18px}.brand-mark{display:grid;width:72px;height:72px;place-items:center;border-radius:var(--radius);background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 42%,var(--mint))),var(--accent);color:#fff;font-family:Noto Sans JP,system-ui,sans-serif;font-size:34px;font-weight:900;box-shadow:var(--shadow)}.brand-name,.game-topbar p,.result-mode,.result-caption{margin:0;color:var(--muted);font-size:.86rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.brand-header h1,.game-topbar h1,.result-hero h1{margin:0;color:var(--text);line-height:1;letter-spacing:0}.brand-header h1{margin-top:6px;font-size:clamp(3rem,8vw,6.7rem);font-weight:900}.menu-copy{max-width:680px}.menu-copy p{margin:0;color:var(--muted);font-size:1.12rem;font-weight:600;line-height:1.7}.feature-strip{display:flex;flex-wrap:wrap;gap:8px}.feature-strip span{display:inline-flex;min-height:34px;align-items:center;padding:0 12px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 82%,transparent);color:var(--muted);font-size:.82rem;font-weight:900}.mode-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.mode-card,.submode-card{display:grid;min-height:162px;grid-template-rows:auto 1fr auto;gap:18px;padding:22px;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 92%,transparent);color:var(--text);box-shadow:var(--shadow);cursor:pointer;text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease}.mode-card:hover,.submode-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 62%,var(--border));background:var(--surface)}.mode-card--challenge{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 12%,transparent),color-mix(in srgb,var(--gold) 8%,transparent)),color-mix(in srgb,var(--surface) 92%,transparent)}.mode-card--challenge .mode-card__icon{background:color-mix(in srgb,var(--gold) 22%,var(--surface-strong));color:var(--gold)}.mode-card__icon,.mode-card__action{display:inline-grid;width:44px;height:44px;place-items:center;border-radius:var(--radius)}.mode-card__icon{background:color-mix(in srgb,var(--accent) 18%,var(--surface-strong));color:var(--accent)}.mode-card__action{justify-self:end;background:var(--accent);color:#fff}.mode-card__body{display:grid;gap:8px}.mode-card__body strong{font-size:1.35rem;line-height:1.15}.mode-card__body span{color:var(--muted);font-size:.98rem;font-weight:650;line-height:1.5}.submode-section{display:grid;gap:14px}.submode-header{display:flex;align-items:center;gap:14px}.submode-header h2{margin:4px 0 0;color:var(--text);font-size:clamp(1.35rem,4vw,2rem);line-height:1.05}.submode-header p:last-child{margin:8px 0 0;color:var(--muted);font-size:.98rem;font-weight:650;line-height:1.5}.submode-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.submode-card{min-height:144px;padding:18px;box-shadow:none}.dashboard-leaderboard{display:grid;gap:14px;padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 94%,transparent),color-mix(in srgb,var(--surface-strong) 70%,transparent)),var(--surface);box-shadow:var(--shadow)}.dashboard-leaderboard__header{display:flex;align-items:center;justify-content:space-between;gap:14px}.dashboard-leaderboard__header h2{margin:4px 0 0;color:var(--text);font-size:clamp(1.25rem,3vw,1.8rem);line-height:1.1}.dashboard-leaderboard__header small,.leaderboard-header small,.goat-header small{display:block;margin-top:7px;color:var(--muted);font-size:.82rem;font-weight:800;line-height:1.4}.leaderboard-tabs{display:flex;flex-wrap:wrap;gap:8px}.leaderboard-tab{display:inline-flex;min-height:34px;align-items:center;justify-content:center;padding:0 11px;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--surface-strong) 62%,transparent);color:var(--muted);cursor:pointer;font-size:.78rem;font-weight:900;transition:transform .14s ease,border-color .14s ease,background .14s ease,color .14s ease}.leaderboard-tab:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 48%,var(--border))}.leaderboard-tab--active{border-color:color-mix(in srgb,var(--accent) 78%,var(--border));background:var(--accent);color:#fff}.dashboard-leaderboard__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.dashboard-leaderboard__row{display:grid;grid-template-columns:44px 1fr auto;gap:4px 10px;align-items:center;min-height:62px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--border) 84%,transparent);border-radius:var(--radius);background:color-mix(in srgb,var(--surface-strong) 62%,transparent)}.dashboard-leaderboard__row--current{border-color:color-mix(in srgb,var(--accent) 62%,var(--border));background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 15%,transparent),transparent),color-mix(in srgb,var(--surface-strong) 72%,transparent)}.dashboard-leaderboard__row span{display:grid;width:34px;height:34px;place-items:center;border-radius:var(--radius);background:color-mix(in srgb,var(--accent) 16%,var(--surface));color:var(--accent);font-size:.84rem;font-weight:950}.dashboard-leaderboard__row strong,.dashboard-leaderboard__row em{overflow:hidden;color:var(--text);font-size:.95rem;font-style:normal;font-weight:950;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.dashboard-leaderboard__row em{justify-self:end;color:var(--gold)}.dashboard-leaderboard__row small{grid-column:2 / -1;overflow:hidden;color:var(--muted);font-size:.74rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.goat-panel{display:grid;gap:12px;margin-top:4px;padding-top:16px;border-top:1px solid color-mix(in srgb,var(--gold) 34%,var(--border))}.goat-panel--result{margin-top:2px}.goat-header{display:flex;align-items:center;justify-content:space-between;gap:14px}.goat-header h2,.goat-header h3{margin:4px 0 0;color:var(--text);font-size:clamp(1.18rem,3vw,1.65rem);line-height:1.1}.goat-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.goat-row{display:grid;grid-template-columns:50px 1fr auto;gap:10px;align-items:center;min-height:64px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--gold) 22%,var(--border));border-radius:var(--radius);background:linear-gradient(90deg,color-mix(in srgb,var(--gold) 8%,transparent),transparent),color-mix(in srgb,var(--surface-strong) 62%,transparent)}.goat-row:first-child{border-color:color-mix(in srgb,var(--gold) 68%,var(--border));background:linear-gradient(100deg,color-mix(in srgb,var(--gold) 18%,transparent),color-mix(in srgb,var(--accent) 8%,transparent)),color-mix(in srgb,var(--surface-strong) 72%,transparent)}.goat-row--current{border-color:color-mix(in srgb,var(--accent) 64%,var(--gold))}.goat-rank{display:grid;width:40px;height:40px;place-items:center;border-radius:var(--radius);background:var(--gold);color:#241700;font-size:.82rem;font-weight:950}.goat-player{display:grid;min-width:0;gap:4px}.goat-player strong,.goat-row em{overflow:hidden;color:var(--text);font-size:.98rem;font-style:normal;font-weight:950;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.goat-player small{overflow:hidden;color:var(--muted);font-size:.76rem;font-weight:800;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.goat-row em{justify-self:end;color:var(--gold);text-align:right}.game-screen{position:relative;display:grid;gap:14px}.game-topbar{display:flex;align-items:center;gap:14px;padding-right:56px}.game-topbar h1{margin-top:4px;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:900}.game-hud{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-glass);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.timer-ring{--timer-progress: 360deg;display:grid;flex:0 0 auto;width:76px;height:76px;place-items:center;border-radius:50%;background:radial-gradient(circle at center,var(--surface) 0 58%,transparent 60%),conic-gradient(var(--accent) var(--timer-progress),color-mix(in srgb,var(--border) 76%,transparent) 0);color:var(--text);transition:background .22s ease}.timer-ring--warning{animation:timerPulse 1s ease-in-out infinite}.timer-ring--danger{animation:urgentPulse .7s ease-in-out infinite}.timer-ring svg{grid-area:1 / 1;align-self:start;margin-top:14px;color:var(--muted)}.timer-ring span{grid-area:1 / 1;align-self:end;margin-bottom:12px;font-size:1.35rem;font-weight:900}.hud-stats{display:grid;flex:1;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.timer-bar{overflow:hidden;flex:1 0 100%;height:8px;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:999px;background:color-mix(in srgb,var(--bg) 76%,transparent)}.timer-bar span{display:block;width:100%;height:100%;transform-origin:left center;border-radius:inherit;background:linear-gradient(90deg,var(--mint),var(--accent));box-shadow:0 0 22px color-mix(in srgb,var(--accent) 42%,transparent);transition:transform .9s linear}.timer-bar--warning span{background:linear-gradient(90deg,var(--gold),var(--accent))}.timer-bar--danger span{background:linear-gradient(90deg,var(--danger),var(--accent-strong))}.rush-zones{display:flex;flex:1 0 100%;flex-wrap:wrap;gap:8px}.rush-zone{display:inline-flex;min-height:34px;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--surface-strong) 72%,transparent);color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase}.rush-zone svg{width:16px;height:16px;stroke-width:2.4}.rush-zone--speed{border-color:color-mix(in srgb,var(--mint) 30%,var(--border));color:var(--mint)}.rush-zone--boss.rush-zone--active{border-color:color-mix(in srgb,var(--danger) 58%,var(--border));color:var(--danger);animation:urgentPulse .9s ease-in-out infinite}.rush-zone--review{border-color:color-mix(in srgb,var(--accent) 34%,var(--border));color:var(--accent)}.rush-zone--challenge{border-color:color-mix(in srgb,var(--gold) 46%,var(--border));color:var(--gold)}.stat-pill{display:grid;min-width:0;grid-template-columns:auto 1fr;gap:2px 8px;align-items:center;min-height:58px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--surface-strong) 78%,transparent);transition:transform .18s ease,border-color .18s ease,background .18s ease}.stat-pill svg{color:var(--muted)}.stat-pill__label{overflow:hidden;color:var(--muted);font-size:.76rem;font-weight:800;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.stat-pill strong{grid-column:2;overflow:hidden;color:var(--text);font-size:1rem;font-weight:900;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.stat-pill--combo svg,.stat-pill--best svg{color:var(--gold)}.stat-pill--combo{border-color:color-mix(in srgb,var(--gold) 28%,var(--border))}.stat-pill--good svg{color:var(--mint)}.stat-pill--bad svg{color:var(--danger)}.kana-stage-shell{position:relative;overflow:hidden;border-radius:var(--radius)}.kana-stage-shell:before{position:absolute;inset:0;z-index:1;pointer-events:none;content:"";opacity:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--mint) 22%,transparent),transparent),radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--mint) 24%,transparent),transparent 52%)}.kana-stage-shell--correct:before{animation:successSweep .62s ease-out}.kana-stage-shell--wrong{animation:stageShake .15s ease-in-out}.kana-stage-shell--wrong:before{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--danger) 20%,transparent),transparent),radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--danger) 18%,transparent),transparent 52%);animation:dangerFlash .36s ease-out}.phaser-stage{overflow:hidden;width:100%;height:clamp(238px,42vh,390px);border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 92%,transparent),color-mix(in srgb,var(--bg-rail) 74%,transparent)),var(--surface);box-shadow:var(--shadow)}.phaser-stage canvas{display:block}.answer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.answer-button{display:flex;align-items:center;justify-content:flex-start;min-width:0;min-height:78px;gap:14px;padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);box-shadow:var(--shadow);cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}.answer-button:hover:not(:disabled){transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 62%,var(--border));box-shadow:0 22px 60px color-mix(in srgb,var(--accent) 16%,transparent)}.answer-button:disabled{cursor:default}.answer-button__key{display:grid;flex:0 0 auto;width:42px;height:42px;place-items:center;border-radius:var(--radius);background:color-mix(in srgb,var(--accent) 16%,var(--surface-strong));color:var(--accent);font-size:.92rem;font-weight:900}.answer-button__text{overflow-wrap:anywhere;font-size:1.45rem;font-weight:900;line-height:1}.answer-button--correct{border-color:color-mix(in srgb,var(--mint) 80%,white);background:color-mix(in srgb,var(--mint) 18%,var(--surface));animation:answerCorrect .15s cubic-bezier(.2,.9,.2,1);box-shadow:0 22px 70px color-mix(in srgb,var(--mint) 28%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--mint) 42%,transparent)}.answer-button--correct .answer-button__key{background:var(--mint);color:#07251b}.answer-button--wrong{border-color:color-mix(in srgb,var(--danger) 82%,white);background:color-mix(in srgb,var(--danger) 18%,var(--surface));animation:answerWrong .18s ease-in-out;box-shadow:0 22px 70px color-mix(in srgb,var(--danger) 24%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--danger) 38%,transparent)}.answer-button--wrong .answer-button__key{background:var(--danger);color:#2e0710}.feedback-layer{position:absolute;inset:0;z-index:4;display:grid;place-items:center;pointer-events:none}.combo-burst{display:grid;min-width:132px;justify-items:center;gap:2px;padding:10px 14px;border:1px solid color-mix(in srgb,var(--gold) 62%,white);border-radius:var(--radius);background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 88%,white),color-mix(in srgb,var(--accent) 86%,white)),var(--gold);color:#2a1600;box-shadow:0 18px 44px color-mix(in srgb,var(--gold) 24%,transparent),0 0 0 5px color-mix(in srgb,var(--gold) 8%,transparent);text-transform:uppercase;animation:comboBurst .38s cubic-bezier(.18,.9,.24,1) both}.combo-burst span{font-size:.68rem;font-weight:950}.combo-burst strong{font-size:clamp(1.9rem,7vw,3.2rem);font-weight:950;line-height:.95}.combo-burst--x5{filter:saturate(1.12)}.combo-burst--x10{min-width:148px;background:linear-gradient(135deg,#fff1a8,var(--gold) 42%,var(--accent)),var(--gold);animation-duration:.46s}.result-screen{display:grid;align-self:center;gap:20px;place-items:center;text-align:center}.result-hero{position:relative;display:grid;width:min(100%,760px);gap:10px;justify-items:center;padding:28px 24px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 92%,transparent),color-mix(in srgb,var(--surface-strong) 72%,transparent)),var(--surface);box-shadow:var(--shadow);overflow:hidden}.result-hero:before{position:absolute;inset:-40% -12% auto;height:220px;pointer-events:none;content:"";background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 32%,transparent),color-mix(in srgb,var(--gold) 18%,transparent),transparent);opacity:.72}.result-grade-wrap{position:relative;display:grid;place-items:center}.grade-badge{position:relative;z-index:1;display:inline-flex;align-items:center;gap:10px;min-width:112px;justify-content:center;padding:12px 18px;border-radius:var(--radius);background:var(--gold);color:#241700;font-size:2rem;font-weight:950;box-shadow:var(--shadow);animation:resultPop .54s cubic-bezier(.2,.9,.2,1) both}.result-spark{position:absolute;z-index:0;width:28px;height:28px;color:var(--gold);opacity:.86}.result-spark--left{left:-42px;animation:floatSpark 2.2s ease-in-out infinite}.result-spark--right{right:-42px;animation:floatSpark 2.2s ease-in-out infinite reverse}.grade-badge--s{background:linear-gradient(135deg,var(--gold),#fff1a8)}.grade-badge--a,.grade-badge--b{background:var(--mint);color:#07251b}.grade-badge--c,.grade-badge--d{background:var(--accent);color:#fff}.result-hero h1{position:relative;font-size:clamp(4rem,14vw,8.5rem);font-weight:950;text-shadow:0 18px 70px color-mix(in srgb,var(--accent) 18%,transparent)}.result-message{position:relative;max-width:520px;margin:2px 0 0;color:var(--muted);font-size:1rem;font-weight:750;line-height:1.5}.result-summary{display:grid;width:min(100%,860px);grid-template-columns:180px 1fr;gap:14px;align-items:stretch}.accuracy-orb{--accuracy-degrees: 0deg;display:grid;place-items:center;align-content:center;gap:4px;min-height:170px;border:1px solid var(--border);border-radius:var(--radius);background:radial-gradient(circle at center,var(--surface) 0 55%,transparent 56%),conic-gradient(var(--mint) var(--accuracy-degrees),color-mix(in srgb,var(--border) 72%,transparent) 0);box-shadow:var(--shadow)}.accuracy-orb span{color:var(--text);font-size:2.35rem;font-weight:950;line-height:1}.accuracy-orb small{color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase}.result-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.result-metric{display:grid;grid-template-columns:auto 1fr;gap:8px 10px;min-height:112px;justify-items:start;align-content:center;padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--shadow);text-align:left}.result-metric svg{color:var(--muted)}.result-metric--good svg{color:var(--mint)}.result-metric--bad svg{color:var(--danger)}.result-metric--combo svg{color:var(--gold)}.result-metric span{align-self:center;color:var(--muted);font-size:.84rem;font-weight:850;line-height:1.2;text-transform:uppercase}.result-metric strong{grid-column:1 / -1;color:var(--text);font-size:clamp(1.55rem,5vw,2.4rem);font-weight:950;line-height:1}.result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.leaderboard-panel,.progress-panel{display:grid;width:min(100%,860px);gap:14px;padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 94%,transparent),color-mix(in srgb,var(--surface-strong) 68%,transparent)),var(--surface);box-shadow:var(--shadow);text-align:left}.progress-header,.progress-card__title{display:flex;align-items:center;justify-content:space-between;gap:14px}.progress-header h2{margin:4px 0 0;color:var(--text);font-size:clamp(1.2rem,3vw,1.7rem);line-height:1.1}.progress-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.progress-card{display:grid;gap:10px;align-content:start;min-height:188px;padding:14px;border:1px solid color-mix(in srgb,var(--border) 84%,transparent);border-radius:var(--radius);background:color-mix(in srgb,var(--surface-strong) 62%,transparent)}.progress-card__title{justify-content:flex-start;color:var(--muted);font-size:.82rem;font-weight:950;text-transform:uppercase}.progress-card__title svg{width:18px;height:18px;color:var(--accent)}.progress-card>strong{color:var(--text);font-size:clamp(2.3rem,7vw,4rem);font-weight:950;line-height:.95}.progress-card>small,.progress-empty{margin:0;color:var(--muted);font-size:.84rem;font-weight:760;line-height:1.4}.kana-card-row,.badge-row,.weak-kana-list{display:flex;flex-wrap:wrap;gap:8px}.mini-kana-card{display:grid;min-width:58px;justify-items:center;gap:2px;padding:8px;border:1px solid color-mix(in srgb,var(--gold) 42%,var(--border));border-radius:var(--radius);background:color-mix(in srgb,var(--gold) 12%,var(--surface))}.mini-kana-card b{font-family:Noto Sans JP,system-ui,sans-serif;font-size:1.45rem;line-height:1}.mini-kana-card small{color:var(--muted);font-size:.72rem;font-weight:900}.earned-badge,.weak-kana-list span{display:inline-flex;min-height:32px;align-items:center;gap:6px;padding:0 9px;border:1px solid color-mix(in srgb,var(--mint) 38%,var(--border));border-radius:var(--radius);background:color-mix(in srgb,var(--mint) 10%,var(--surface));color:var(--mint);font-size:.78rem;font-weight:900}.earned-badge svg{width:15px;height:15px}.earned-badge--quiet{border-color:var(--border);color:var(--muted);background:color-mix(in srgb,var(--surface) 70%,transparent)}.weak-kana-list span{border-color:color-mix(in srgb,var(--danger) 34%,var(--border));color:var(--muted);background:color-mix(in srgb,var(--danger) 8%,var(--surface))}.weak-kana-list b{color:var(--text);font-family:Noto Sans JP,system-ui,sans-serif;font-size:1.1rem}.leaderboard-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.leaderboard-header h2{margin:4px 0 0;color:var(--text);font-size:clamp(1.2rem,3vw,1.7rem);line-height:1.1}.sync-badge{display:inline-flex;min-height:34px;align-items:center;justify-content:center;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--surface-strong) 82%,transparent);color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase;white-space:nowrap}.sync-badge--saved{border-color:color-mix(in srgb,var(--mint) 58%,var(--border));color:var(--mint)}.sync-badge--best-kept{border-color:color-mix(in srgb,var(--gold) 58%,var(--border));color:var(--gold)}.sync-badge--ready{border-color:color-mix(in srgb,var(--mint) 58%,var(--border));color:var(--mint)}.sync-badge--loading,.sync-badge--saving,.sync-badge--waiting-auth{border-color:color-mix(in srgb,var(--gold) 58%,var(--border));color:var(--gold)}.sync-badge--disabled,.sync-badge--error,.sync-badge--skipped{border-color:color-mix(in srgb,var(--danger) 58%,var(--border));color:var(--danger)}.leaderboard-note,.leaderboard-empty{margin:0;color:var(--muted);font-size:.92rem;font-weight:750;line-height:1.5}.leaderboard-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.leaderboard-row{display:grid;grid-template-columns:54px 1fr auto;gap:12px;align-items:center;min-height:64px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--border) 84%,transparent);border-radius:var(--radius);background:color-mix(in srgb,var(--surface-strong) 62%,transparent)}.leaderboard-row--current{border-color:color-mix(in srgb,var(--accent) 64%,var(--border));background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 16%,transparent),transparent),color-mix(in srgb,var(--surface-strong) 72%,transparent)}.leaderboard-rank{display:grid;width:42px;height:42px;place-items:center;border-radius:var(--radius);background:color-mix(in srgb,var(--accent) 16%,var(--surface));color:var(--accent);font-weight:950}.leaderboard-player,.leaderboard-score{display:grid;min-width:0;gap:4px}.leaderboard-player strong,.leaderboard-score strong{overflow:hidden;color:var(--text);font-size:1rem;font-weight:950;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.leaderboard-player small,.leaderboard-score small{overflow:hidden;color:var(--muted);font-size:.76rem;font-weight:800;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.leaderboard-score{justify-items:end;text-align:right}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:58px;gap:10px;padding:0 22px;border-radius:var(--radius);color:var(--text);font-size:1rem;font-weight:900;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.primary-button{background:var(--accent);color:#fff}.secondary-button{border:1px solid var(--border);background:var(--surface)}.primary-button:hover,.secondary-button:hover{transform:translateY(-2px)}@media(max-width:860px){.app-shell{padding:72px 18px 18px}.auth-screen{grid-template-columns:1fr}.auth-brand{min-height:260px}.mode-grid,.submode-grid,.result-metrics,.progress-grid{grid-template-columns:1fr}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-card,.submode-card{min-height:132px;grid-template-columns:auto 1fr auto;grid-template-rows:1fr;align-items:center}.game-hud{align-items:stretch}.hud-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-pill:first-child{grid-column:1 / -1}.answer-button{min-height:66px}}@media(max-width:560px){.theme-toggle{top:14px;right:14px}.user-chip{top:14px;left:14px;max-width:calc(100vw - 92px)}.auth-brand,.auth-panel,.auth-roadmap{padding:16px}.auth-brand h1{font-size:3.5rem}.auth-roadmap{grid-template-columns:1fr}.brand-header{align-items:flex-start;flex-direction:column}.brand-mark{width:58px;height:58px;font-size:28px}.brand-header h1{font-size:3.6rem}.menu-copy p{font-size:1rem}.mode-card{gap:12px;padding:16px}.submode-header{align-items:flex-start}.submode-card{gap:12px;padding:16px}.mode-card__action{display:none}.game-topbar{padding-right:54px}.game-hud{display:grid;grid-template-columns:auto 1fr}.timer-ring{width:68px;height:68px}.timer-bar{grid-column:1 / -1;width:100%}.rush-zones{grid-column:1 / -1}.hud-stats{grid-template-columns:1fr 1fr}.stat-pill{min-height:52px;padding:8px 10px}.phaser-stage{height:252px}.combo-burst{min-width:168px;padding:14px 18px}.result-summary{grid-template-columns:1fr}.accuracy-orb{min-height:138px}.result-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.leaderboard-panel{padding:14px}.leaderboard-header,.progress-header,.goat-header{align-items:flex-start;flex-direction:column}.leaderboard-row,.goat-row{grid-template-columns:46px 1fr}.leaderboard-score{grid-column:2;justify-items:start;text-align:left}.goat-row em{grid-column:2;justify-self:start;text-align:left}.answer-grid{gap:10px}.result-actions{width:100%}.primary-button,.secondary-button{flex:1 1 160px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes answerCorrect{0%{transform:translateY(0) scale(1)}45%{transform:translateY(-2px) scale(1.012)}to{transform:translateY(0) scale(1)}}@keyframes loadingSpin{to{transform:rotate(360deg)}}@keyframes answerWrong{0%,to{transform:translate(0)}22%{transform:translate(-5px)}44%{transform:translate(5px)}66%{transform:translate(-3px)}}@keyframes stageShake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}@keyframes successSweep{0%{opacity:0;transform:translate(-35%) scaleX(.75)}35%{opacity:1}to{opacity:0;transform:translate(35%) scaleX(1.2)}}@keyframes dangerFlash{0%{opacity:0}35%{opacity:1}to{opacity:0}}@keyframes comboBurst{0%{opacity:0;transform:translateY(8px) scale(.86) rotate(-2deg)}18%{opacity:1;transform:translateY(0) scale(1.02) rotate(0)}72%{opacity:1;transform:translateY(-4px) scale(1) rotate(0)}to{opacity:0;transform:translateY(-16px) scale(.96)}}@keyframes resultPop{0%{opacity:0;transform:translateY(12px) scale(.86)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes floatSpark{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(8deg)}}@keyframes timerPulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--gold) 0%,transparent)}50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--gold) 10%,transparent)}}@keyframes urgentPulse{0%,to{transform:scale(1);box-shadow:0 0 color-mix(in srgb,var(--danger) 0%,transparent)}50%{transform:scale(1.04);box-shadow:0 0 0 9px color-mix(in srgb,var(--danger) 12%,transparent)}}