.btn{border:none;border-radius:var(--radius-pill);padding:14px 28px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .1s ease,opacity .15s ease}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-strong));color:#fff;box-shadow:var(--shadow-pop)}.btn-ghost{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-full{width:100%;display:block}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:20px}.login-screen{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;gap:32px}.login-brand{text-align:center}.login-brand-emoji{font-size:3rem;display:block;margin-bottom:8px}.login-brand h1{margin:0;font-size:1.75rem;letter-spacing:.02em}.login-brand p{margin:4px 0 0;color:var(--color-text-muted);font-size:.9rem}.login-card{width:100%;max-width:360px}.login-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;font-size:.85rem;color:var(--color-text-muted)}.login-field input{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:12px 14px;color:var(--color-text);font-size:1.05rem}.login-field input:focus{outline:2px solid var(--color-primary-strong);outline-offset:1px}.login-error{color:var(--color-incorrect);font-size:.85rem;margin:-6px 0 16px}.login-switch-link{margin-top:-20px;color:var(--color-text-muted);font-size:.8rem;text-decoration:underline}.home-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:var(--sekai-ink)}.home-backdrop-svg{width:100%;height:100%;display:block;image-rendering:pixelated}.home-backdrop-fog{position:absolute;left:-20%;right:-20%;bottom:8%;height:14%;background:repeating-linear-gradient(90deg,rgba(155,111,224,.1) 0,rgba(155,111,224,.1) 6px,transparent 6px,transparent 12px);opacity:.5}@media (prefers-reduced-motion: no-preference){.home-backdrop-fog{animation:fog-drift 26s linear infinite}.twinkle-a{animation:star-twinkle 3.2s steps(2) infinite}.twinkle-b{animation:star-twinkle 4.1s steps(2) infinite 1.4s}}@keyframes fog-drift{0%{transform:translate(0)}to{transform:translate(12px)}}@keyframes star-twinkle{0%,to{opacity:1}50%{opacity:.25}}.home-backdrop-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0c1c8c,#0a0c1c00 16%,#0a0c1c00 55%,#0a0c1ce0)}.hud{position:sticky;top:0;z-index:20;display:flex;flex-direction:column;gap:8px;padding:12px 14px 10px;background:color-mix(in srgb,var(--sekai-ink-raised) 92%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:2px solid var(--sekai-line);image-rendering:pixelated}.hud-top{display:flex;align-items:center;gap:10px}.hud-avatar{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:1rem;color:var(--sekai-ink);background:var(--sekai-gold);border:2px solid var(--sekai-line);box-shadow:0 0 0 1px var(--sekai-ink),2px 2px #0006}.hud-id{flex:1;min-width:0}.hud-name-row{display:flex;align-items:center;gap:6px}.hud-lv-badge{flex-shrink:0;font-family:var(--font-pixel);font-size:.62rem;color:var(--sekai-ink);background:var(--sekai-gold-bright);border:1px solid var(--sekai-line);padding:1px 4px;letter-spacing:.02em}.hud-lv-number{font-size:.78rem;margin-left:1px}.hud-name{margin:0;font-size:.82rem;font-weight:700;color:var(--sekai-paper);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-title{margin:2px 0 0;font-family:var(--font-display);font-size:.68rem;color:var(--sekai-gold-bright);letter-spacing:.02em}.hud-streak{display:flex;align-items:center;gap:3px;font-size:.78rem;font-weight:700;color:var(--sekai-vermillion-bright);flex-shrink:0}.hud-streak svg{width:16px;height:16px}.hud-gear{width:var(--tap-min);height:var(--tap-min);margin:-6px -8px -6px 0;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--sekai-paper-dim);cursor:pointer}.hud-gear svg{width:20px;height:20px}.hud-exp{display:flex;align-items:center;gap:8px}.hud-exp-track{position:relative;flex:1;height:8px;background:#0006;border:2px solid var(--sekai-line)}.hud-exp-fill{height:100%;background:linear-gradient(180deg,var(--sekai-gold-bright),var(--sekai-gold));transition:width .4s steps(10)}.hud-exp-track:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 7px,rgba(0,0,0,.35) 7px,rgba(0,0,0,.35) 8px);pointer-events:none}.hud-exp-caption{font-family:var(--font-pixel);font-size:.6rem;color:var(--sekai-paper-faint);white-space:nowrap;font-variant-numeric:tabular-nums}.guide-fox{display:flex;align-items:flex-start;gap:10px;animation:guide-fox-in .35s cubic-bezier(.34,1.56,.64,1)}.guide-fox-icon{width:40px;height:40px;flex-shrink:0;filter:drop-shadow(0 0 6px rgba(226,138,77,.45))}.guide-fox-bubble{position:relative;flex:1;background:var(--sekai-ink-raised-2);border:1px solid var(--sekai-line-soft);border-radius:12px;padding:10px 30px 10px 12px}.guide-fox-bubble:before{content:"";position:absolute;left:-6px;top:12px;width:10px;height:10px;background:var(--sekai-ink-raised-2);border-left:1px solid var(--sekai-line-soft);border-bottom:1px solid var(--sekai-line-soft);transform:rotate(45deg)}.guide-fox-bubble p{margin:0;font-size:.78rem;color:var(--sekai-paper-dim);line-height:1.6}.guide-fox-dismiss{position:absolute;top:6px;right:6px;width:22px;height:22px;border:none;background:none;color:var(--sekai-paper-faint);font-size:.7rem;cursor:pointer}@keyframes guide-fox-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.guide-fox{animation:none}}.dungeon-row{position:relative;margin-bottom:16px}.dungeon-row:before{content:"";position:absolute;left:-21px;top:24px;width:21px;height:4px;background:repeating-linear-gradient(90deg,var(--sekai-line) 0 4px,#363260 4px 8px)}.dungeon-marker{display:flex;align-items:center;gap:12px;width:100%;min-height:var(--tap-min);padding:10px;background:color-mix(in srgb,var(--sekai-ink-raised-2) 92%,transparent);border:2px solid var(--sekai-line);box-shadow:2px 2px #0006,inset 0 0 0 1px #ffffff0a;cursor:pointer;text-align:left;image-rendering:pixelated}.dungeon-marker:active{transform:translate(1px,1px);box-shadow:1px 1px #0006}.dungeon-row-right .dungeon-marker{flex-direction:row-reverse;text-align:right}.dungeon-marker-plate{flex-shrink:0;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--marker-accent, var(--sekai-gold)) 22%,var(--sekai-ink));border:2px solid color-mix(in srgb,var(--marker-accent, var(--sekai-gold)) 65%,transparent)}.dungeon-icon{width:30px;height:30px;image-rendering:pixelated}.dungeon-marker-label{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.dungeon-marker-name{font-family:var(--font-display);font-weight:700;font-size:1rem;color:var(--sekai-paper)}.dungeon-marker-subtitle{display:inline-block;align-self:flex-start;font-size:.68rem;font-weight:700;color:var(--sekai-paper-dim);background:#0000004d;border:1px solid var(--sekai-line-soft);padding:1px 7px}.dungeon-row-right .dungeon-marker-label{align-items:flex-end}.dungeon-row-right .dungeon-marker-subtitle{align-self:flex-end}.dungeon-marker-sealed{border-color:var(--sekai-wisp);box-shadow:2px 2px #0006,0 0 10px #9b6fe073}.dungeon-marker-sealed .dungeon-marker-plate{background:color-mix(in srgb,var(--sekai-wisp) 30%,var(--sekai-ink));border-color:var(--sekai-wisp-bright)}.count-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;background:#08091499;animation:sheet-fade-in .15s ease}.count-sheet{width:100%;max-width:480px;background:var(--sekai-ink-raised);border-top:2px solid var(--sekai-line);box-shadow:0 -4px #00000059;padding:10px 20px calc(20px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:center;gap:10px;animation:sheet-slide-up .22s cubic-bezier(.22,1,.36,1)}.count-sheet-handle{width:40px;height:4px;background:var(--sekai-line);margin-bottom:4px}.count-sheet-stage{margin:0;font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:var(--sekai-gold-bright)}.count-sheet-question{margin:0 0 6px;font-size:.85rem;color:var(--sekai-paper-dim)}.count-sheet-options{display:flex;gap:10px;width:100%}.count-option{flex:1;min-height:var(--tap-min);background:var(--sekai-ink-raised-2);border:2px solid var(--sekai-line);color:var(--sekai-paper);font-weight:700;font-size:.95rem;cursor:pointer}.count-option-active{border-color:var(--sekai-gold-bright);background:color-mix(in srgb,var(--sekai-gold) 25%,var(--sekai-ink-raised-2));color:var(--sekai-gold-bright);box-shadow:0 0 8px #ffb45766}.count-sheet-confirm{width:100%;min-height:var(--tap-min);margin-top:6px;background:linear-gradient(180deg,var(--sekai-vermillion-bright),var(--sekai-vermillion));border:2px solid var(--sekai-line);color:var(--sekai-paper);font-family:var(--font-display);font-weight:700;font-size:1rem;cursor:pointer}.count-sheet-confirm:active{transform:translate(1px,1px)}.count-sheet-cancel{background:none;border:none;color:var(--sekai-paper-faint);font-size:.8rem;padding:6px;cursor:pointer}@keyframes sheet-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.count-sheet-backdrop,.count-sheet{animation:none}}.wisp-flame{width:16px;height:20px;filter:drop-shadow(0 0 4px rgba(155,111,224,.85))}.wisp-frame-2{opacity:0}@media (prefers-reduced-motion: no-preference){.wisp-frame-1{animation:wisp-flicker-a .9s steps(1) infinite}.wisp-frame-2{animation:wisp-flicker-b .9s steps(1) infinite}}@keyframes wisp-flicker-a{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes wisp-flicker-b{0%,49%{opacity:0}50%,to{opacity:1}}.gate-other-world{display:flex;align-items:center;gap:12px;width:100%;padding:12px;background:color-mix(in srgb,var(--sekai-ink-raised) 75%,transparent);border:2px dashed var(--sekai-line);cursor:pointer;text-align:left;opacity:.85;image-rendering:pixelated}.gate-other-world svg{width:34px;height:34px;flex-shrink:0;opacity:.7}.gate-other-world-text{flex:1;min-width:0}.gate-other-world-title{margin:0;font-family:var(--font-display);font-weight:700;font-size:.9rem;color:var(--sekai-paper-dim)}.gate-other-world-desc{margin:3px 0 0;font-size:.68rem;color:var(--sekai-paper-faint)}.gate-other-world-badge{font-family:var(--font-pixel);font-size:.75rem;color:var(--sekai-paper-faint);flex-shrink:0}.bottom-nav{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:100%;max-width:480px;z-index:20;display:flex;background:color-mix(in srgb,var(--sekai-ink-raised) 95%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:2px solid var(--sekai-line);padding:8px 4px calc(10px + env(safe-area-inset-bottom,0px))}.bottom-nav-tab{position:relative;flex:1;min-height:var(--tap-min);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;color:var(--sekai-paper-faint);font-size:.6rem;cursor:pointer}.bottom-nav-tab svg{width:19px;height:19px}.bottom-nav-tab-active{color:var(--sekai-vermillion-bright);box-shadow:inset 0 2px 0 var(--sekai-vermillion-bright)}.bottom-nav-tab-badge-slot{position:relative}.bottom-nav-badge{position:absolute;top:4px;right:calc(50% - 16px);width:6px;height:6px;background:var(--sekai-wisp-bright);border:1px solid var(--sekai-ink);box-shadow:0 0 4px var(--sekai-wisp)}.home-screen{position:relative;min-height:100%;display:flex;flex-direction:column;color:var(--sekai-paper);font-family:var(--font-sans)}.home-content{position:relative;z-index:1;padding:0 16px calc(96px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:4px}.hero-band{position:relative;height:128px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:4px -16px 18px;text-align:center}.hero-title{margin:0;font-family:var(--font-display);font-weight:800;font-size:1.5rem;letter-spacing:.14em;color:var(--sekai-paper);text-shadow:0 2px 18px rgba(0,0,0,.7)}.hero-sub{margin:6px 0 0;font-family:var(--font-pixel);font-size:.62rem;letter-spacing:.24em;color:var(--sekai-gold-bright)}.home-fox-slot{margin-bottom:12px}.home-loading{color:var(--sekai-paper-faint);text-align:center;padding:20px 0}.rematch-section{margin-bottom:22px}.rematch-card{display:flex;align-items:center;gap:12px;background:color-mix(in srgb,var(--sekai-vermillion) 16%,var(--sekai-ink-raised-2));border:2px solid var(--sekai-vermillion);padding:12px}.rematch-card svg{width:26px;height:26px;color:var(--sekai-vermillion-bright);flex-shrink:0}.rematch-text{flex:1;min-width:0}.rematch-title{margin:0;font-family:var(--font-display);font-weight:700;font-size:.95rem;color:var(--sekai-paper)}.rematch-desc{margin:2px 0 0;font-size:.72rem;color:var(--sekai-paper-dim)}.rematch-btn{min-height:var(--tap-min);font-family:var(--font-display);font-weight:700;font-size:.82rem;color:var(--sekai-paper);background:linear-gradient(180deg,var(--sekai-vermillion-bright),var(--sekai-vermillion));border:2px solid var(--sekai-line);padding:0 16px;white-space:nowrap;cursor:pointer}.rematch-btn:active{transform:translate(1px,1px)}.path-label{font-family:var(--font-display);font-size:.85rem;color:var(--sekai-paper-dim);letter-spacing:.06em;margin:4px 0 20px}.dungeon-path{position:relative;padding-left:36px}.path-spine{position:absolute;left:15px;top:4px;bottom:4px;width:4px;background:repeating-linear-gradient(180deg,var(--sekai-line) 0 5px,#2a2650 5px 10px);box-shadow:0 0 6px #6b64a066}.path-wisp{position:absolute;left:-8px;z-index:2}.path-wisp-a{top:30%}.path-wisp-b{top:68%}.gate-section{margin-top:22px}.question-card{display:flex;flex-direction:column;gap:16px}.question-difficulty{margin:0;color:var(--color-warning);font-size:.9rem;letter-spacing:2px}.question-text{margin:0;font-size:1.15rem;font-weight:700;line-height:1.7}.question-choices{display:flex;flex-direction:column;gap:10px}.choice-btn{min-height:var(--tap-min);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text);font-size:1rem;font-weight:600;padding:14px 16px;text-align:left;cursor:pointer;transition:transform .1s ease,background .15s ease}.choice-btn:hover:not(:disabled){background:var(--color-surface-hover)}.choice-btn:active:not(:disabled){transform:scale(.98)}.choice-btn:disabled{opacity:.6;cursor:not-allowed}.question-input-row{display:flex;gap:10px}.question-input-row input{flex:1;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:12px 14px;color:var(--color-text);font-size:1.05rem;min-width:0}.question-input-row input:focus{outline:2px solid var(--color-primary-strong);outline-offset:1px}.feedback-overlay{position:fixed;top:0;right:0;bottom:0;left:0;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:50;animation:feedback-fade-in .15s ease}.feedback-correct{background:color-mix(in srgb,var(--color-correct-bg) 88%,transparent)}.feedback-incorrect{background:color-mix(in srgb,var(--color-incorrect-bg) 88%,transparent)}.feedback-pop{display:flex;flex-direction:column;align-items:center;gap:8px;animation:feedback-pop .25s cubic-bezier(.34,1.56,.64,1)}.feedback-mark{font-size:4rem;font-weight:900;line-height:1}.feedback-correct .feedback-mark{color:var(--color-correct)}.feedback-incorrect .feedback-mark{color:var(--color-incorrect)}.feedback-label{font-size:1.3rem;font-weight:800;color:var(--color-text)}.feedback-answer{font-size:1rem;color:var(--color-text-muted)}.feedback-xp{font-size:1.05rem;font-weight:800;color:var(--color-xp)}.feedback-combo{margin-top:4px;font-weight:900;color:var(--color-combo);animation:combo-pop .3s cubic-bezier(.34,1.56,.64,1)}.feedback-combo-small{font-size:1.1rem}.feedback-combo-medium{font-size:1.4rem}.feedback-combo-large{font-size:1.8rem;text-shadow:0 0 12px color-mix(in srgb,var(--color-combo) 60%,transparent)}.feedback-combo-epic{font-size:2.2rem;text-shadow:0 0 20px color-mix(in srgb,var(--color-combo) 80%,transparent);background:linear-gradient(90deg,var(--color-combo),var(--color-xp));-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes combo-pop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.15);opacity:1}to{transform:scale(1)}}@keyframes feedback-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1)}}.levelup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:60;background:color-mix(in srgb,var(--color-primary) 30%,rgba(0,0,0,.55));animation:feedback-fade-in .15s ease}.levelup-pop{display:flex;flex-direction:column;align-items:center;gap:4px;animation:levelup-pop .4s cubic-bezier(.34,1.56,.64,1)}.levelup-label{font-size:1.3rem;font-weight:900;letter-spacing:.08em;color:#fff;text-shadow:0 0 16px color-mix(in srgb,var(--color-primary-strong) 80%,transparent)}.levelup-level{font-size:3.2rem;font-weight:900;background:linear-gradient(135deg,var(--color-xp),var(--color-accent));-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes levelup-pop{0%{transform:scale(.4) rotate(-6deg);opacity:0}70%{transform:scale(1.15) rotate(2deg);opacity:1}to{transform:scale(1) rotate(0)}}@keyframes feedback-fade-in{0%{opacity:0}to{opacity:1}}.quiz-result-card{text-align:center;min-width:260px}.quiz-result-title{margin:0 0 8px;font-size:1.6rem;font-weight:800;color:var(--color-xp)}.quiz-result-score{margin:0;font-size:1.2rem;font-weight:700}.quiz-result-actions{display:flex;flex-direction:column;gap:10px;width:100%;max-width:260px}.perfect-burst{position:absolute;top:20%;left:50%;width:0;height:0;pointer-events:none}.perfect-burst-item{position:absolute;font-size:1.8rem;animation:perfect-burst-fly .9s ease-out forwards;animation-delay:calc(var(--i) * .04s);transform:rotate(calc(var(--i) * 60deg)) translateY(0)}@keyframes perfect-burst-fly{0%{opacity:1;transform:rotate(calc(var(--i) * 60deg)) translateY(0) scale(.6)}70%{opacity:1}to{opacity:0;transform:rotate(calc(var(--i) * 60deg)) translateY(-90px) scale(1.1)}}.quiz-screen{padding:20px;display:flex;flex-direction:column;gap:16px}.quiz-progress{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--color-text-muted)}.quiz-progress-bar{height:8px;border-radius:var(--radius-pill);background:var(--color-surface);overflow:hidden}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transition:width .25s ease}.quiz-status{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px;text-align:center}.gauge{display:flex;flex-direction:column;gap:6px}.gauge-header{display:flex;justify-content:space-between;font-size:.85rem;color:var(--color-text-muted)}.gauge-track{height:10px;border-radius:var(--radius-pill);background:var(--color-bg-elevated);overflow:hidden}.gauge-fill{height:100%;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transition:width .4s ease}.stats-screen{padding:20px;display:flex;flex-direction:column;gap:16px}.stats-status{flex:1;display:flex;align-items:center;justify-content:center}.stats-hero{display:flex;justify-content:space-between;align-items:baseline;background:linear-gradient(135deg,var(--color-surface),var(--color-bg-elevated))}.stats-hero-level{margin:0;font-size:1.4rem;font-weight:800}.stats-hero-xp{margin:0;color:var(--color-xp);font-weight:700}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stats-tile{display:flex;flex-direction:column;gap:4px}.stats-tile-label{margin:0;font-size:.8rem;color:var(--color-text-muted)}.stats-tile-value{margin:0;font-size:1.4rem;font-weight:800}.stats-section-title{margin:0 0 12px;font-size:.95rem;color:var(--color-text-muted)}.stats-category-list{display:flex;flex-direction:column;gap:14px}.stats-weakest{margin:14px 0 0;font-size:.85rem;color:var(--color-incorrect)}.stats-streak{margin:0;font-size:1.6rem;font-weight:800;color:var(--color-combo)}.stats-streak-sub{font-size:.9rem;color:var(--color-text-muted);font-weight:500}.settings-screen{padding:20px;display:flex;flex-direction:column;gap:16px}.settings-card{display:flex;flex-direction:column;gap:20px}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.settings-row-column{flex-direction:column;align-items:stretch;gap:10px}.settings-row-title{margin:0;font-weight:700}.settings-row-desc{margin:2px 0 0;font-size:.8rem;color:var(--color-text-muted)}.settings-row input[type=range]{width:100%;accent-color:var(--color-primary)}.settings-switch{position:relative;display:inline-block;width:48px;height:28px;flex-shrink:0}.settings-switch input{opacity:0;width:0;height:0}.settings-switch-track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-border);border-radius:var(--radius-pill);transition:background .2s ease}.settings-switch-track:before{content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s ease}.settings-switch input:checked+.settings-switch-track{background:var(--color-primary)}.settings-switch input:checked+.settings-switch-track:before{transform:translate(20px)}.block-select-screen{position:relative;min-height:100%;display:flex;flex-direction:column}.block-select-content{position:relative;z-index:1;padding:20px;display:flex;flex-direction:column;gap:12px;color:var(--sekai-paper)}.block-select-back{align-self:flex-start;background:none;border:none;color:var(--sekai-paper-dim);font-size:.85rem;cursor:pointer;padding:6px 0}.block-select-title{margin:8px 0 0;font-family:var(--font-display);font-size:1.4rem;font-weight:800;color:var(--sekai-paper);letter-spacing:.04em}.block-select-desc{margin:0 0 8px;font-size:.85rem;color:var(--sekai-paper-dim)}.block-select-loading,.block-select-error{color:var(--sekai-paper-faint)}.block-select-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.block-select-card{cursor:pointer;display:flex;flex-direction:column;gap:4px;text-align:left;padding:14px;background:color-mix(in srgb,var(--sekai-ink-raised-2) 92%,transparent);border:2px solid var(--sekai-line);box-shadow:2px 2px #0006;color:inherit;font-family:inherit}.block-select-card:active{transform:translate(1px,1px);box-shadow:1px 1px #0006}.block-select-name{margin:0;font-family:var(--font-display);font-weight:700;font-size:.95rem;color:var(--sekai-paper)}.block-select-meta{margin:0;font-size:.8rem;color:var(--sekai-paper-dim)}.block-select-perfect{margin:0;font-family:var(--font-pixel);font-size:.75rem;color:var(--sekai-gold-bright);font-weight:700}.highlighted-question{margin:0;font-size:1.2rem;font-weight:700;line-height:1.9;color:var(--sekai-paper)}.highlighted-question-target{text-decoration:underline;text-decoration-color:var(--color-primary-strong);text-decoration-thickness:3px;text-underline-offset:4px;color:var(--color-primary-strong)}.block-answer-row{display:flex;gap:10px}.block-answer-row input{flex:1;min-width:0;min-height:var(--tap-min);background:color-mix(in srgb,var(--sekai-ink) 60%,transparent);border:2px solid var(--sekai-line);border-radius:0;padding:12px 14px;color:var(--sekai-paper);font-size:1.1rem}.block-answer-row input:focus{outline:none;border-color:var(--sekai-gold-bright)}.block-answer-row input:disabled{opacity:.7}.block-answer-submit{min-height:var(--tap-min);padding:0 20px;border:2px solid var(--sekai-line);background:linear-gradient(180deg,var(--sekai-vermillion-bright),var(--sekai-vermillion));color:var(--sekai-paper);font-family:var(--font-display);font-weight:700;font-size:1rem;cursor:pointer}.block-answer-submit:disabled{opacity:.5;cursor:not-allowed}.block-answer-submit:not(:disabled):active{transform:translate(1px,1px)}.block-result{display:flex;flex-direction:column;gap:18px;color:var(--sekai-paper)}.block-result-score-card{text-align:center;padding:28px 16px;background:color-mix(in srgb,var(--sekai-ink-raised-2) 92%,transparent);border:2px solid var(--sekai-line);box-shadow:3px 3px #0006}.block-result-score{margin:0;font-family:var(--font-display);font-size:2rem;font-weight:800;color:var(--sekai-paper)}.block-result-percent{margin:6px 0 0;font-family:var(--font-pixel);font-size:1.2rem;font-weight:700;color:var(--sekai-gold-bright)}.perfect-banner{text-align:center;padding:32px 16px;background:linear-gradient(135deg,rgba(201,161,90,.2),var(--sekai-ink-raised-2));border:2px solid var(--sekai-gold);box-shadow:0 0 30px #ffb4574d}.perfect-banner-title{margin:0;font-family:var(--font-display);font-size:2rem;font-weight:900;color:var(--sekai-gold-bright);letter-spacing:.08em}.perfect-banner-sub{margin:6px 0 0;font-size:1.1rem;font-weight:700;color:var(--sekai-paper)}.perfect-banner-count{margin:10px 0 0;font-family:var(--font-pixel);font-size:.9rem;color:var(--sekai-paper-dim)}.block-result-actions{display:flex;flex-direction:column;gap:10px}.block-result-btn-primary,.block-result-btn-ghost{min-height:var(--tap-min);border:2px solid var(--sekai-line);font-family:var(--font-display);font-weight:700;font-size:.95rem;cursor:pointer}.block-result-btn-primary{background:linear-gradient(180deg,var(--sekai-vermillion-bright),var(--sekai-vermillion));color:var(--sekai-paper)}.block-result-btn-ghost{background:none;color:var(--sekai-paper-dim)}.block-result-btn-primary:active,.block-result-btn-ghost:active{transform:translate(1px,1px)}.block-result-filter{display:flex;gap:8px}.block-result-filter-btn{flex:1;min-height:var(--tap-min);border:2px solid var(--sekai-line);background:color-mix(in srgb,var(--sekai-ink-raised) 80%,transparent);color:var(--sekai-paper-dim);font-size:.85rem;font-weight:700;cursor:pointer}.block-result-filter-active{border-color:var(--sekai-gold-bright);color:var(--sekai-gold-bright);background:color-mix(in srgb,var(--sekai-gold) 20%,var(--sekai-ink-raised))}.block-result-list{display:flex;flex-direction:column;gap:12px}.block-result-item{display:flex;flex-direction:column;gap:8px;padding:14px;background:color-mix(in srgb,var(--sekai-ink-raised-2) 90%,transparent);border:2px solid var(--sekai-line)}.block-result-item-wrong{border-color:var(--color-incorrect)}.block-result-item-no{margin:0;font-family:var(--font-pixel);font-size:.75rem;color:var(--sekai-paper-faint)}.block-result-item-answers{font-size:.9rem;color:var(--sekai-paper-dim);display:flex;flex-direction:column;gap:2px}.block-result-item-answers p{margin:0}.block-result-item-submitted{color:var(--sekai-paper);font-weight:700}.block-result-item-correct{color:var(--color-correct);font-weight:700}.block-result-item-mark{margin:0;font-weight:800;font-size:.9rem}.block-result-item-mark-correct{color:var(--color-correct)}.block-result-item-mark-wrong{color:var(--color-incorrect)}.block-result-empty{text-align:center;color:var(--sekai-paper-faint);padding:20px 0}.block-quiz-screen{position:relative;min-height:100%;display:flex;flex-direction:column}.block-quiz-content{position:relative;z-index:1;padding:20px;display:flex;flex-direction:column;gap:16px}.block-quiz-header{display:flex;align-items:center;justify-content:space-between}.block-quiz-back{background:none;border:none;color:var(--sekai-paper-dim);font-size:.85rem;cursor:pointer;padding:6px 0}.block-quiz-progress-label{margin:0;font-family:var(--font-pixel);font-size:.85rem;font-weight:700;color:var(--sekai-gold-bright);font-variant-numeric:tabular-nums}.block-quiz-progress-bar{height:8px;background:#0006;border:2px solid var(--sekai-line)}.block-quiz-progress-fill{height:100%;background:linear-gradient(90deg,var(--sekai-gold),var(--sekai-gold-bright));transition:width .25s steps(10)}.block-quiz-card{background:color-mix(in srgb,var(--sekai-ink-raised-2) 92%,transparent);border:2px solid var(--sekai-line);box-shadow:3px 3px #0006;padding:24px 20px;display:flex;flex-direction:column;gap:20px}.block-quiz-status{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px;text-align:center;color:var(--sekai-paper)}.block-quiz-plain-btn{background:none;border:2px solid var(--sekai-line);color:var(--sekai-paper-dim);font-family:var(--font-display);padding:10px 20px;cursor:pointer}.admin-dashboard{max-width:720px;margin:0 auto;padding:20px;display:flex;flex-direction:column;gap:16px;width:100%}.admin-header{display:flex;justify-content:space-between;align-items:center}.admin-toolbar{display:flex;gap:10px;flex-wrap:wrap}.admin-search{flex:1;min-width:180px;min-height:var(--tap-min);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:0 14px;color:var(--color-text)}.admin-loading{color:var(--color-text-faint)}.admin-student-list{display:flex;flex-direction:column;gap:10px}.admin-student-card{cursor:pointer;padding:14px 18px}.admin-student-card:hover{border-color:var(--color-primary-strong)}.admin-student-inactive{opacity:.55}.admin-student-name{margin:0;font-weight:700}.admin-student-login-id{color:var(--color-text-muted);font-weight:400;font-size:.85rem}.admin-student-meta{margin:4px 0 0;font-size:.8rem;color:var(--color-text-muted);display:flex;align-items:center;gap:8px}.admin-student-badge{background:var(--color-incorrect);color:#2a0f16;font-weight:700;border-radius:var(--radius-pill);padding:1px 8px;font-size:.7rem}.student-form-screen{max-width:480px;margin:0 auto;padding:20px;display:flex;flex-direction:column;gap:16px;width:100%}.student-form-card{display:flex;flex-direction:column;gap:4px}.student-form-title{margin:0 0 12px;font-size:1.1rem;font-weight:800}.student-form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;font-size:.85rem;color:var(--color-text-muted)}.student-form-field input{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:12px 14px;color:var(--color-text);font-size:1rem}.student-form-error{color:var(--color-incorrect);font-size:.85rem;margin:-6px 0 14px}.student-form-success-title{margin:0 0 8px;font-size:1.15rem;font-weight:800;color:var(--color-correct)}.student-form-credential-note{margin:0 0 12px;font-size:.8rem;color:var(--color-incorrect)}.student-form-credential{background:var(--color-bg-elevated);border-radius:var(--radius-sm);padding:14px;font-family:monospace;font-size:.95rem;display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.student-form-credential p{margin:0}.student-form-actions{display:flex;flex-direction:column;gap:10px}.student-detail-screen{max-width:640px;margin:0 auto;padding:20px;display:flex;flex-direction:column;gap:16px;width:100%}.student-detail-header{display:flex;justify-content:space-between;align-items:center}.student-detail-name{margin:0;font-size:1.15rem;font-weight:800}.student-detail-login-id{color:var(--color-text-muted);font-weight:400;font-size:.85rem}.student-detail-meta{margin:4px 0 0;font-size:.8rem;color:var(--color-text-muted)}.student-detail-badge{background:var(--color-incorrect);color:#2a0f16;font-weight:700;border-radius:var(--radius-pill);padding:4px 12px;font-size:.75rem;white-space:nowrap}.student-detail-password-card{border-color:var(--color-xp)}.student-detail-password-value{font-family:monospace;font-size:1.2rem;margin:6px 0 0}.student-detail-actions{display:flex;gap:8px;flex-wrap:wrap}.student-detail-delete-btn{color:var(--color-incorrect);border-color:var(--color-incorrect)}.student-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.student-detail-tile{display:flex;flex-direction:column;gap:4px}.student-detail-tile-label{margin:0;font-size:.75rem;color:var(--color-text-muted)}.student-detail-tile-value{margin:0;font-size:1.1rem;font-weight:800}.student-detail-section-title{margin:0 0 12px;font-size:.95rem;color:var(--color-text-muted)}.student-detail-category-list{display:flex;flex-direction:column;gap:14px}.student-detail-empty{margin:0;color:var(--color-text-faint);font-size:.85rem}.student-detail-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.student-detail-list li{display:flex;flex-direction:column;gap:2px;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.student-detail-list li:last-child{border-bottom:none;padding-bottom:0}.student-detail-list-text{font-size:.9rem}.student-detail-list-sub{font-size:.75rem;color:var(--color-text-muted)}.student-detail-mark-correct{color:var(--color-correct);font-weight:800}.student-detail-mark-incorrect{color:var(--color-incorrect);font-weight:800}.student-detail-status{display:inline-block;width:fit-content;font-size:.7rem;font-weight:700;border-radius:var(--radius-pill);padding:1px 8px;margin-bottom:2px}.student-detail-status-review{background:var(--color-bg-elevated);color:var(--color-text-muted)}.student-detail-status-weak{background:color-mix(in srgb,var(--color-warning) 25%,var(--color-bg-elevated));color:var(--color-warning)}.student-detail-status-very_weak{background:color-mix(in srgb,var(--color-incorrect) 25%,var(--color-bg-elevated));color:var(--color-incorrect)}.question-import-screen{max-width:720px;margin:0 auto;padding:20px;display:flex;flex-direction:column;gap:16px;width:100%}.question-import-card{display:flex;flex-direction:column;gap:6px}.question-import-title{margin:0 0 4px;font-size:1.05rem;font-weight:800}.question-import-desc{margin:0 0 4px;font-size:.85rem;color:var(--color-text-muted)}.question-import-format{margin:0 0 4px;font-size:.78rem;color:var(--color-text-faint);line-height:1.6}.question-import-format code{background:var(--color-bg-elevated);padding:1px 5px;border-radius:4px}.question-import-file-input{display:none}.question-import-error{color:var(--color-incorrect);font-size:.85rem;margin:4px 0 0}.question-import-result{margin-top:12px;font-size:.9rem}.question-import-error-list{margin:8px 0 0;padding-left:18px;font-size:.8rem;color:var(--color-incorrect);max-height:200px;overflow-y:auto}.question-import-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.question-import-list li{display:flex;gap:8px;align-items:baseline;padding-bottom:8px;border-bottom:1px solid var(--color-border);font-size:.85rem}.question-import-list-category{color:var(--color-accent);font-size:.75rem;white-space:nowrap}.question-import-list-type{color:var(--color-text-faint);font-size:.75rem;white-space:nowrap}.question-import-list-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root{--color-bg: #171a24;--color-bg-elevated: #1f2333;--color-surface: #262b3f;--color-surface-hover: #2e3550;--color-border: #383f5c;--color-text: #eef0fa;--color-text-muted: #9aa1c4;--color-text-faint: #6b7195;--color-primary: #6c5ce7;--color-primary-strong: #8b7bff;--color-accent: #22d3c5;--color-warning: #ffb84d;--color-correct: #3ddc97;--color-correct-bg: #16352c;--color-incorrect: #ff8fa3;--color-incorrect-bg: #3a2230;--color-xp: #ffd166;--color-combo: #ff9f1c;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 999px;--shadow-card: 0 4px 20px rgba(0, 0, 0, .35);--shadow-pop: 0 8px 30px rgba(108, 92, 231, .35);--font-sans: "Hiragino Sans", "Noto Sans JP", "Yu Gothic", system-ui, sans-serif;--font-display: "Shippori Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;--font-pixel: "DotGothic16", "Hiragino Sans", monospace;--tap-min: 48px;--sekai-ink: #10132a;--sekai-ink-raised: #1a2040;--sekai-ink-raised-2: #222950;--sekai-paper: #f4ecd8;--sekai-paper-dim: #c8bfa0;--sekai-paper-faint: #837c9e;--sekai-vermillion: #c1452e;--sekai-vermillion-bright: #e0673f;--sekai-gold: #ffb457;--sekai-gold-bright: #ffcf85;--sekai-moon: #f5e6ad;--sekai-wisp: #9b6fe0;--sekai-wisp-bright: #c9a8ff;--sekai-line: #4a4470;--sekai-line-soft: rgba(107, 100, 160, .4)}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100vh;min-height:100dvh}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-tap-highlight-color:transparent}button{font-family:inherit}button,input,select{min-height:var(--tap-min)}a{color:inherit}.app-shell{max-width:480px;margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.app-shell-admin{max-width:900px}