@font-face{font-family:Cormorant Upright;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/cormorantupright/v19/VuJudM3I2Y35poFONtLdafkUCHw1y1MNoBDs.ttf)format("truetype")}@font-face{font-family:Cormorant Upright;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/cormorantupright/v19/VuJudM3I2Y35poFONtLdafkUCHw1y1MNoBDs.ttf)format("truetype")}@font-face{font-family:Cormorant Upright;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/cormorantupright/v19/VuJudM3I2Y35poFONtLdafkUCHw1y1MNoBDs.ttf)format("truetype")}@font-face{font-family:Cormorant Upright;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/cormorantupright/v19/VuJudM3I2Y35poFONtLdafkUCHw1y1NpoRDs.ttf)format("truetype")}:root{--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);--unit:4px;--radius-xs:3px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:999px;--radius-btn-xs:4px;--radius-btn-sm:6px;--radius-btn:8px;--radius-btn-lg:10px;--parchment-base:#f2eada;--parchment-card:#faf6ec;--parchment-slot:#e4d8c3;--parchment-border:#c8b79b;--ink-primary:#1a1712;--ink-secondary:#3b342b;--ink-muted:#6b6154;--terra-200:#ebc9bc;--terra-400:#c98a70;--terra-500:#b8755c;--terra-700:#8c4f3a;--terra-900:#5e3123;--lav-300:#b5aec0;--lav-500:#8a8198;--lav-700:#5e566b;--wakaba-300:#a8d84a;--wakaba-500:#8cc96b;--wakaba-700:#42883f;--wakaba-900:#3a6118;--wakaba-bg:#e1f5ee;--wakaba-text:#0f6e56;--teal-deep:#0f6a78;--teal-mid:#17909f;--teal-bright:#52becb;--teal-wash:#bde6ec;--indigo-deep:#1b3c6b;--indigo-mid:#2e5e86;--glow-cyan:#5ff4d6;--glow-violet:#c18bff;--glow-lime:#b6ff5e;--glow-gold:#ffd84d;--glow-pink:#ff7fa8;--font-pixel:"Cormorant Upright", "Zen Maru Gothic", "DotGothic16", "Noto Sans JP", sans-serif;--font-mono:"VT323", monospace;--font-hud:"Cormorant Upright", "Zen Maru Gothic", "DotGothic16", "Noto Sans JP", sans-serif;--font-jp:"Zen Maru Gothic", "DotGothic16", "Noto Sans JP", sans-serif;--font-eng:"Cormorant Upright", serif;--font-sans:"Cormorant Upright", "Zen Maru Gothic", "DotGothic16", "Noto Sans JP", -apple-system, BlinkMacSystemFont, sans-serif;--bg-void:#f2eada;--bg-panel:#faf6ec;--bg-panel-2:#e4d8c3;--bg-card:#faf6ec;--bg-panel-hover:#e8dec8;--border-ui:#1a1712;--border-shadow:#1a1712;--border-subtle:#c8b79b;--border-divider:#e4d8c3;--border-highlight:#fff;--text-paper:#1a1712;--text-dim:#3b342b;--text-muted:#6b6154;--washi:#faf6ec;--sumi:#1a1712;--accent-gold:#ffd84d;--accent-gold-dark:#b8755c;--accent-gold-bright:#ffd84d;--accent-gold-text:#9a5807;--accent-torii:#b8755c;--accent-torii-light:#c98a70;--accent-jade:#0f6a78;--accent-jade-bright:#52becb;--accent-ai:#1b3c6b;--accent-ai-light:#52becb;--accent-moegi:#42883f;--accent-moegi-light:#8cc96b;--accent-sakura:#ff7fa8;--accent-murasaki:#6b4a8f;--danger:#8e2a1c;--btn-gold-text:#1a1712;--btn-torii-text:#faf6ec;--btn-jade-text:#faf6ec;--btn-ai-text:#faf6ec;--btn-moegi-text:#faf6ec;--pixel-bevel:inset 2px 2px 0px #fff, inset -2px -2px 0px #c8b79b;--pixel-shadow:inset 2px 2px 0px #fff, inset -2px -2px 0px #c8b79b, 0 4px 0px #1a1712;--card-shadow:0 4px 0px #1a1712;--card-shadow-color:#1a1712;--crt-opacity:.02;--texture-opacity:.12;font-family:var(--font-sans);color:var(--text-paper);background-color:var(--bg-void);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-size:15px;font-weight:600;line-height:1.55}[data-theme=yoru]{--bg-void:#0e1420;--bg-panel:#161e2e;--bg-panel-2:#212c40;--bg-card:#161e2e;--bg-panel-hover:#293750;--border-ui:#556580;--border-shadow:#000;--border-subtle:#41506b;--border-divider:#212c40;--border-highlight:#e8e2d4;--text-paper:#faf6ec;--text-dim:#e8e2d4;--text-muted:#b9b2a2;--washi:#161e2e;--sumi:#faf6ec;--accent-gold:#ffd84d;--accent-gold-dark:#9333ea;--accent-gold-bright:#ffd84d;--accent-gold-text:#ffd84d;--accent-torii:#b026ff;--accent-torii-light:#d8b4fe;--accent-torii-glow:#b026ff66;--terra-200:#35135a;--terra-400:#c084fc;--terra-500:#b026ff;--terra-700:#7e22ce;--terra-900:#f3e8ff;--accent-jade:#5ff4d6;--accent-jade-bright:#5ff4d6;--accent-ai:#52becb;--accent-ai-light:#5ff4d6;--accent-moegi:#b6ff5e;--accent-moegi-light:#b6ff5e;--accent-sakura:#ff7fa8;--accent-murasaki:#c18bff;--danger:#ff7fa8;--btn-gold-text:#0e1420;--btn-torii-text:#faf6ec;--btn-jade-text:#0e1420;--btn-ai-text:#0e1420;--btn-moegi-text:#0e1420;--pixel-bevel:inset 2px 2px 0px #ffffff26, inset -2px -2px 0px #0009;--pixel-shadow:inset 2px 2px 0px #ffffff26, inset -2px -2px 0px #0009, 0 4px 0px #000;--card-shadow:0 4px 0px #000;--card-shadow-color:#000;--crt-opacity:.03;--texture-opacity:.06}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-void);min-height:100dvh;color:var(--text-paper);padding:0;padding-top:var(--sat);padding-bottom:var(--sab);padding-left:var(--sal);padding-right:var(--sar);margin:0;transition:background-color .2s,color .2s;overflow-x:hidden}button,input,select,textarea{appearance:none;font-family:var(--font-sans);font-weight:600}svg{shape-rendering:geometricprecision}h1,h2,h3,h4,.pixel-font{font-family:var(--font-sans);letter-spacing:.5px;font-weight:600;line-height:1.4}.content-jp,.jp-text,ruby,rt,[lang=ja],[lang=zh]{font-family:var(--font-jp);letter-spacing:.5px;font-weight:400;line-height:1.6}.content-eng,.eng-text,.en-text,.english-text{font-family:var(--font-eng);font-weight:600}img{image-rendering:pixelated}.crt-overlay{pointer-events:none;z-index:999;mix-blend-mode:multiply;opacity:var(--crt-opacity);background:repeating-linear-gradient(#00000014 0 1px,#0000 2px 4px);transition:opacity .3s;position:fixed;inset:0}.washi-bg{z-index:0;pointer-events:none;background-color:var(--bg-void);opacity:var(--texture-opacity);background-image:linear-gradient(90deg,#00000012 1px,#0000 1px),linear-gradient(#00000012 1px,#0000 1px);background-size:24px 24px;transition:opacity .3s,background-color .2s;position:fixed;inset:0}[data-theme=yoru] .washi-bg{background-image:linear-gradient(90deg,#ffffff0a 1px,#0000 1px),linear-gradient(#ffffff0a 1px,#0000 1px)}.pixel-panel{background:var(--bg-panel);border:1px solid var(--border-divider);box-shadow:0 2px 0 var(--border-divider);border-radius:16px;padding:20px;transition:background-color .15s,border-color .15s,box-shadow .15s;position:relative}[data-theme=yoru] .pixel-panel{border-color:var(--border-ui);box-shadow:0 2px #000}.pixel-panel-torii{background:var(--bg-panel);border:3px solid var(--accent-torii);box-shadow:4px 4px 0px var(--border-shadow), var(--pixel-bevel);border-radius:0;padding:20px;position:relative}[data-theme=yoru] .pixel-panel-torii{border-color:var(--accent-torii);box-shadow:0 0 16px #b026ff40,0 2px #000}.pixel-panel-torii:before{content:"";background:var(--accent-torii);height:5px;position:absolute;top:0;left:0;right:0}[data-theme=yoru] .pixel-panel-torii:before{background:var(--accent-torii);box-shadow:0 0 10px #b026ff99}.pixel-panel-jade{background:var(--bg-panel);border:3px solid var(--accent-jade);box-shadow:4px 4px 0px var(--border-shadow), var(--pixel-bevel);border-radius:0;padding:20px;position:relative}.pixel-panel-jade:before{content:"";background:var(--accent-jade);height:5px;position:absolute;top:0;left:0;right:0}.pixel-panel-ai{background:var(--bg-panel);border:3px solid var(--accent-ai);box-shadow:4px 4px 0px var(--border-shadow), var(--pixel-bevel);border-radius:0;padding:20px;position:relative}.pixel-panel-ai:before{content:"";background:var(--accent-ai);height:5px;position:absolute;top:0;left:0;right:0}.pixel-btn,.btn2{font-family:var(--font-sans);letter-spacing:.5px;color:var(--text-paper);background:var(--bg-panel);border:2px solid var(--border-ui);border-radius:var(--radius-btn,8px);cursor:pointer;box-shadow:var(--pixel-shadow);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 18px;font-size:15px;font-weight:600;text-decoration:none;transition:transform 80ms,box-shadow 80ms,filter 80ms;display:inline-flex;position:relative;transform:translateY(0)}.pixel-btn:hover:not(:disabled),.btn2:hover:not(:disabled){filter:brightness(1.05);box-shadow:inset 2px 2px 0 #fff, inset -2px -2px 0 #c8b79b, 0 6px 0 var(--border-ui);transform:translateY(-2px)}.pixel-btn:active:not(:disabled),.btn2:active:not(:disabled){box-shadow:inset 2px 2px 0 #fff, inset -2px -2px 0 #c8b79b, 0 2px 0 var(--border-ui);transform:translateY(2px)}.pixel-btn:disabled,.btn2:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.6);box-shadow:inset 2px 2px 0 #fff, inset -2px -2px 0 #c8b79b, 0 2px 0 var(--border-ui);transform:none}.pixel-btn.pill{border-radius:999px}.pixel-btn.bengara,.pixel-btn.torii{background:var(--accent-torii);color:var(--btn-torii-text,#faf6ec);border-color:var(--border-ui);box-shadow:inset 2px 2px 0 #fff6, inset -2px -2px 0 #00000040, 0 4px 0 var(--border-ui)}.pixel-btn.bengara:hover:not(:disabled),.pixel-btn.torii:hover:not(:disabled){background:var(--accent-torii-light);box-shadow:inset 2px 2px 0 #fff6, inset -2px -2px 0 #00000040, 0 6px 0 var(--border-ui)}[data-theme=yoru] .pixel-btn.bengara,[data-theme=yoru] .pixel-btn.torii{background:var(--accent-torii);color:#faf6ec;border-color:var(--border-ui);box-shadow:inset 2px 2px #ffffff59,inset -2px -2px #00000080,0 4px #000,0 0 14px #b026ff66}[data-theme=yoru] .pixel-btn.bengara:hover:not(:disabled),[data-theme=yoru] .pixel-btn.torii:hover:not(:disabled){background:var(--accent-torii-light);color:#0e1420;box-shadow:inset 2px 2px #ffffff80,inset -2px -2px #00000080,0 6px #000,0 0 20px #d8b4fea6}.pixel-btn.teal,.pixel-btn.jade{background:var(--teal-deep);color:#faf6ec;border-color:var(--border-ui);box-shadow:inset 2px 2px 0 #fff6, inset -2px -2px 0 #00000040, 0 4px 0 var(--border-ui)}.pixel-btn.teal:hover:not(:disabled),.pixel-btn.jade:hover:not(:disabled){background:var(--teal-mid);box-shadow:inset 2px 2px 0 #fff6, inset -2px -2px 0 #00000040, 0 6px 0 var(--border-ui)}.pixel-btn.wakaba,.pixel-btn.moegi{background:var(--wakaba-700);color:#faf6ec;border-color:var(--border-ui);box-shadow:inset 2px 2px 0 #fff6, inset -2px -2px 0 #00000040, 0 4px 0 var(--border-ui)}.pixel-btn.gold{background:var(--accent-gold);color:#1a1712;border-color:var(--border-ui);box-shadow:inset 2px 2px 0 #ffffffb3, inset -2px -2px 0 #0003, 0 4px 0 var(--border-ui)}.pixel-btn.indigo,.pixel-btn.ai{background:var(--indigo-deep);color:#faf6ec;border-color:var(--border-ui);box-shadow:inset 2px 2px 0 #ffffff59, inset -2px -2px 0 #0000004d, 0 4px 0 var(--border-ui)}.pixel-btn.ghost{border:1px solid var(--border-subtle);color:var(--text-muted);box-shadow:none;background:0 0}.pixel-btn.ghost:hover:not(:disabled){background:var(--bg-panel-2);color:var(--text-paper);border-color:var(--border-ui);box-shadow:0 2px 0 var(--border-ui)}.pixel-btn.small,.pixel-btn.mini{border-radius:var(--radius-btn-sm,6px);min-height:32px;box-shadow:inset 1px 1px 0 #fff, inset -1px -1px 0 #c8b79b, 0 3px 0 var(--border-ui);padding:6px 12px;font-size:13px;font-weight:600}.pixel-btn.small:active:not(:disabled){box-shadow:inset 1px 1px 0 #fff, inset -1px -1px 0 #c8b79b, 0 1px 0 var(--border-ui);transform:translateY(2px)}.px2{image-rendering:pixelated;display:block}.pf,.ps,.pv{font-family:var(--font-sans);letter-spacing:.04em;font-weight:600}.g1{animation:.6s step-end infinite gA}.g2{animation:.6s step-end infinite gB}@keyframes gA{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes gB{0%,49%{opacity:0}50%,to{opacity:1}}.hop{animation:.9s step-end infinite hopAnim}@keyframes hopAnim{0%,49%{transform:translateY(0)}50%,to{transform:translateY(-4px)}}.sway{animation:1.3s step-end infinite swayAnim}@keyframes swayAnim{0%,49%{transform:translateY(0)}50%,to{transform:translateY(-2px)}}.pixel-input{background:var(--bg-panel-2);border:2px solid var(--border-ui);border-radius:var(--radius-btn-sm,6px);width:100%;color:var(--text-paper);font-family:var(--font-jp);outline:none;min-height:42px;padding:10px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s;box-shadow:inset 2px 2px #00000026}.pixel-input:focus{border-color:var(--accent-ai);box-shadow:inset 2px 2px 0px #00000026, 0 0 0 2px var(--accent-ai)}.pixel-input::placeholder{color:var(--text-muted)}.pixel-select{background:var(--bg-panel-2);border:2px solid var(--border-ui);border-radius:var(--radius-btn-sm,6px);width:100%;color:var(--text-paper);font-family:var(--font-hud);cursor:pointer;outline:none;min-height:42px;padding:10px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.pixel-select:focus{border-color:var(--accent-ai);box-shadow:0 0 0 3px #1b3c6b26}.pixel-label{font-family:var(--font-sans);color:var(--accent-ai);letter-spacing:.5px;opacity:.95;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.pixel-chip{font-size:13px;font-family:var(--font-sans);border:1px solid var(--border-subtle);color:var(--text-paper);cursor:pointer;background:var(--bg-panel);-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;gap:6px;padding:8px 14px;font-weight:600;transition:all .12s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.pixel-chip:hover{color:var(--teal-deep);border-color:var(--teal-deep);background:var(--teal-wash);transform:translateY(-1px)}.pixel-chip.on{border-color:var(--teal-deep);color:#faf6ec;background:var(--teal-deep);font-weight:700}[data-theme=yoru] .pixel-chip.on{border-color:var(--teal-bright);color:#0e1420;background:var(--teal-bright)}.hanko{background:var(--terra-200);width:36px;height:36px;color:var(--terra-900);border:1.5px solid var(--terra-400);font-family:var(--font-sans);-webkit-user-select:none;user-select:none;border-radius:10px;justify-content:center;align-items:center;font-size:15px;font-weight:600;display:inline-flex}[data-theme=yoru] .hanko:not(.gold){box-shadow:0 0 10px #b026ff59}.hanko.gold{background:var(--accent-gold);color:#111827;box-shadow:0 0 0 2px var(--border-ui), 3px 3px 0px var(--border-shadow);border-color:#111827}@keyframes blink-hard{0%,49%{opacity:1}50%,to{opacity:.35}}.blink{animation:1.1s step-end infinite blink-hard}@keyframes node-breathe{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.15);transform:scale(1.06)}}.cursor-prompt{font-family:var(--font-pixel);color:var(--accent-gold);animation:.8s step-end infinite blink-hard;display:inline-block}.pixel-badge{font-family:var(--font-hud);border:2px solid var(--border-ui);border-radius:var(--radius-btn-xs,4px);background:var(--bg-panel-2);color:var(--text-paper);box-shadow:2px 2px 0px var(--border-shadow);text-transform:uppercase;align-items:center;gap:4px;padding:3px 8px;font-size:9px;display:inline-flex}.grammar-particle{color:var(--asagi-700);font-weight:700}.grammar-stem{color:var(--sumi-900)}.grammar-ending{color:var(--murasaki-500);font-weight:500}.grammar-counter{color:var(--kin-700);font-weight:700}.grammar-keigo{color:var(--ai-700);font-weight:500}.wash-hiragana{background-color:var(--washi-1)}.wash-katakana{background-color:var(--washi-2)}.wash-kanji{background-color:#bde6ec66}.feedback-correct{background-color:var(--asagi-100)!important;border-color:var(--asagi-300)!important;color:var(--asagi-700)!important}.feedback-not-yet{background-color:var(--washi-2)!important;border-color:var(--sumi-500)!important;color:var(--sumi-900)!important}.feedback-correction-text{font-weight:700;color:var(--ai-700)!important}.grid-2{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=768px){.grid-2{grid-template-columns:1fr;gap:16px}}.setup-container{flex-direction:column;gap:1.5rem;width:100%;max-width:600px;margin:0 auto;padding:2rem 1.5rem;display:flex}.setup-header{text-align:center}.setup-header h1{color:var(--text-paper);margin-bottom:.5rem;font-size:1.75rem}.subtitle{color:var(--text-dim);font-size:.95rem}.status-card,.mobile-info-card{background-color:var(--bg-panel);border:2px solid var(--border-ui);box-shadow:var(--card-shadow);flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.status-card h2,.mobile-info-card h3{color:var(--text-paper);font-size:1.1rem}.status-badge{border:1px solid var(--border-subtle);align-items:center;gap:.5rem;width:fit-content;padding:.4rem .8rem;font-size:.875rem;font-weight:500;display:inline-flex}.status-badge.online{color:var(--accent-moegi);border-color:var(--accent-moegi);background-color:#42883f26}.status-badge.error{color:var(--danger);border-color:var(--danger);background-color:#d14a2e26}.dot{background-color:var(--accent-moegi);width:8px;height:8px;display:inline-block}.info-line,.mobile-info-card p{color:var(--text-dim);font-size:.9rem}.mobile-info-card code{background-color:var(--bg-panel-2);border:1px solid var(--border-subtle);color:var(--accent-ai);font-family:var(--font-mono);padding:.4rem .8rem;font-size:.85rem;display:block}.wireframe-floating-aside{z-index:900;font-family:var(--font-sans);align-items:center;gap:8px;display:flex;position:fixed;top:10px;right:14px}.theme-quick-btn{background:var(--bg-panel);border:1px solid var(--border-divider);color:var(--text-paper);font-size:10px;font-weight:700;font-family:var(--font-hud);cursor:pointer;box-shadow:0 2px 0 var(--border-divider);-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.theme-quick-btn:hover{border-color:var(--teal-deep);transform:translateY(-1px)}.theme-quick-btn:active{transform:translateY(2px)}.wireframe-toggle-btn{background:var(--bg-panel);border:1px solid var(--border-divider);color:var(--teal-deep);font-size:10px;font-weight:700;font-family:var(--font-hud);cursor:pointer;box-shadow:0 2px 0 var(--border-divider);-webkit-user-select:none;user-select:none;border-radius:999px;padding:6px 14px;transition:transform 80ms,box-shadow 80ms}[data-theme=yoru] .wireframe-toggle-btn{color:var(--teal-bright)}.wireframe-toggle-btn:hover{transform:translateY(-1px)}.wireframe-toggle-btn:active{transform:translateY(2px)}.wireframe-menu-panel{background:var(--bg-panel);border:2px solid var(--border-ui);box-shadow:0 4px 0 var(--border-ui), inset 2px 2px 0 #fff, inset -2px -2px 0 #c8b79b;border-radius:14px;flex-direction:column;gap:8px;width:250px;padding:14px;display:flex;position:absolute;top:calc(100% + 8px);right:0}[data-theme=yoru] .wireframe-menu-panel{background:#161e2e;border-color:#556580;box-shadow:0 4px #000,inset 2px 2px #ffffff1a,inset -2px -2px #00000080}.theme-selector-box{border-bottom:1px dashed var(--border-divider);flex-direction:column;gap:6px;margin-bottom:6px;padding-bottom:10px;display:flex}.theme-toggle-row{grid-template-columns:1fr 1fr;gap:6px;display:grid}.theme-select-pill{background:var(--bg-panel-2);border:1px solid var(--border-divider);border-radius:var(--radius-sm);color:var(--text-paper);font-family:var(--font-sans);cursor:pointer;text-align:center;padding:7px 6px;font-size:11px;font-weight:600;transition:all .15s}.theme-select-pill:hover{border-color:var(--accent-ai)}.theme-select-pill.active{background:var(--accent-ai);border-color:var(--accent-ai);color:var(--washi-0);box-shadow:0 2px 8px #1b3c6b33}[data-theme=yoru] .theme-select-pill.active{background:var(--accent-gold);border-color:var(--accent-gold);color:var(--sumi-900)}.wireframe-item-btn{background:var(--bg-panel-2);color:var(--text-paper);border:1px solid var(--border-divider);border-radius:var(--radius-sm);text-align:left;font-family:var(--font-sans);cursor:pointer;padding:8px 10px;font-size:12px;transition:all .12s}.wireframe-item-btn:hover{border-color:var(--accent-gold);transform:translate(2px)}.wireframe-item-btn.active{background:var(--accent-gold);color:var(--sumi-900);border-color:var(--accent-gold);font-weight:700}@media (width<=900px){.wireframe-floating-aside{top:auto;bottom:calc(72px + var(--sab));z-index:950;right:10px}.theme-quick-btn{display:none!important}.wireframe-toggle-btn{padding:5px 10px;font-size:10px}.wireframe-menu-panel{width:220px;max-height:60vh;top:auto;bottom:42px;right:0;overflow-y:auto}}.landing-screen{z-index:1;justify-content:center;align-items:center;min-height:100dvh;padding:30px 16px 40px;display:flex;position:relative}.landing-inner{text-align:center;flex-direction:column;gap:24px;width:100%;max-width:640px;display:flex}.brand-hanko-wrap{margin-bottom:12px}.hanko.large{width:48px;height:48px;font-size:16px}.brand-title{font-family:var(--font-sans);color:var(--teal-deep);letter-spacing:.5px;margin-bottom:6px;font-size:32px;font-weight:600}[data-theme=yoru] .brand-title{color:var(--teal-bright)}.brand-title span{color:var(--text-muted);letter-spacing:3px;font-size:14px;font-family:var(--font-sans);margin-top:8px;font-weight:600;display:block}.title-tag{color:var(--text-dim);max-width:520px;font-size:18px;line-height:1.45;font-family:var(--font-sans);margin:0 auto;font-weight:600}.vs-card{background:var(--bg-panel);border:2px solid var(--border-ui);box-shadow:0 4px 0 var(--border-ui), inset 2px 2px 0 #fff, inset -2px -2px 0 #c8b79b;text-align:left;border-radius:16px;padding:22px 24px}[data-theme=yoru] .vs-card{background:#161e2e;border-color:#556580;box-shadow:0 4px #000,inset 2px 2px #ffffff1a,inset -2px -2px #00000080}.vs-heading{border-bottom:2px solid var(--border-divider);font-family:var(--font-sans);letter-spacing:.5px;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;font-size:14px;font-weight:600;display:flex}.vs-you{color:var(--accent-jade);flex:1}.vs-versus{color:var(--accent-gold-text);letter-spacing:1px;flex:none;padding:0 10px}[data-theme=yoru] .vs-versus{color:var(--accent-gold)}.vs-them{color:var(--text-dim);text-align:right;flex:1}.vs-row{border-bottom:1px solid var(--border-divider);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.vs-row:last-child{border-bottom:none}.vs-label{font-size:17px;font-family:var(--font-sans);color:var(--text-paper);flex:1;font-weight:600}.vs-stats-group{flex-shrink:0;align-items:center;gap:20px;display:flex}.vs-stat-item{justify-content:flex-end;align-items:center;min-width:95px;display:flex}.vs-stat-item.you{justify-content:flex-start}.vs-mobile-col-tag{display:none}.compare-meter{align-items:center;gap:5px;display:inline-flex}.compare-pip{box-sizing:border-box;border-radius:3px;width:14px;height:14px;display:inline-block}.kotoba-meter .compare-pip.filled{background:var(--accent-jade,#0f6a78);border:1.5px solid var(--accent-jade,#0f6a78);box-shadow:inset 1px 1px 0 #ffffff73, 0 2px 0 var(--border-ui,#1a1712)}[data-theme=yoru] .kotoba-meter .compare-pip.filled{background:#5ff4d6;border-color:#5ff4d6;box-shadow:0 0 6px #5ff4d699}.typical-meter .compare-pip.filled{background:var(--text-dim,#6b6154);border:1.5px solid var(--text-dim,#6b6154);opacity:.85}[data-theme=yoru] .typical-meter .compare-pip.filled{background:#707e94;border-color:#707e94}.compare-pip.empty{background:var(--bg-panel-2,#e4d8c3);border:1.5px dashed var(--border-subtle,#c8b79b);opacity:.6}[data-theme=yoru] .compare-pip.empty{background:#ffffff0d;border:1.5px dashed #fff3}.pixel-stat{font-family:var(--font-sans);letter-spacing:.5px;font-size:16px;font-weight:600}.pixel-stat.you{color:var(--accent-jade)}.pixel-stat.them{color:var(--text-dim);opacity:.8}.landing-actions{flex-direction:column;align-items:center;gap:14px;display:flex}.landing-main-btn{width:100%;max-width:440px;font-size:18px;font-family:var(--font-sans);letter-spacing:.5px;border-radius:var(--radius-btn-lg,10px);padding:16px 24px;font-weight:600}.secondary-actions{flex-wrap:wrap;gap:12px;width:100%;max-width:440px;display:flex}.secondary-actions .pixel-btn{min-width:180px;font-size:15px;font-family:var(--font-sans);letter-spacing:.5px;flex:1;font-weight:600}.landing-footer{font-size:14px;font-family:var(--font-sans);color:var(--text-dim);letter-spacing:.5px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:10px;font-weight:600;display:flex}@media (width<=600px){.brand-title{font-size:26px}.brand-title span{font-size:13px}.title-tag{font-size:17px}.vs-heading{font-size:13px}.vs-row{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 0}.vs-label{font-size:16px}.vs-stats-group{box-sizing:border-box;background:#00000008;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:6px 10px;display:flex}[data-theme=yoru] .vs-stats-group{background:#ffffff0a}.vs-stat-item{gap:8px;min-width:0}.vs-mobile-col-tag{color:var(--text-muted);font-size:12px;font-family:var(--font-sans);font-weight:600;display:inline-block}.compare-pip{width:16px;height:16px}.pixel-stat{font-size:15px}.secondary-actions{flex-direction:column}.secondary-actions .pixel-btn{min-width:100%}}.auth-container{z-index:1;justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px 40px;display:flex;position:relative}.auth-card{flex-direction:column;gap:20px;width:100%;max-width:480px;display:flex}.auth-header{text-align:center;border-bottom:2px solid var(--bg-panel-2);padding-bottom:16px}.auth-header .hanko{margin-bottom:12px}.auth-title{color:var(--accent-gold);margin-bottom:6px;font-size:16px}.auth-subtitle{color:var(--text-dim);font-size:16px}.auth-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex;position:relative}.password-input-wrap{align-items:center;display:flex;position:relative}.password-toggle-btn{color:var(--accent-gold);cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px;position:absolute;right:10px}.form-row{color:var(--text-dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:15px;display:flex}.checkbox-label{cursor:pointer;align-items:center;gap:8px;display:flex}.auth-link{color:var(--accent-gold);cursor:pointer;background:0 0;border:none;padding:0;font-size:15px;text-decoration:none}.auth-link:hover{color:var(--text-paper);text-decoration:underline}.auth-actions{flex-direction:column;gap:12px;margin-top:8px;display:flex}.auth-footer-links{border-top:2px solid var(--bg-panel-2);color:var(--text-dim);flex-direction:column;align-items:center;gap:10px;padding-top:16px;font-size:15px;display:flex}.jlpt-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px;display:grid}.jlpt-card{border:2px solid var(--text-dim);border-radius:var(--radius-btn-sm,6px);background:var(--bg-void);text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;transition:all .1s;display:flex}.jlpt-card:hover{border-color:var(--text-paper)}.jlpt-card.active{border-color:var(--accent-gold);box-shadow:0 0 0 2px var(--accent-gold);background:#e5b03726}.jlpt-code{font-family:var(--font-pixel);color:var(--accent-gold);font-size:11px}.jlpt-desc{color:var(--text-dim);font-size:12px}.otp-container{justify-content:center;gap:8px;margin:12px 0;display:flex}.otp-box{text-align:center;width:46px;height:54px;font-family:var(--font-pixel);color:var(--accent-gold);background:var(--bg-void);border:3px solid var(--text-paper);border-radius:var(--radius-btn-sm,6px);outline:none;font-size:20px}.otp-box:focus{border-color:var(--accent-gold);box-shadow:0 0 0 2px var(--accent-gold)}.demo-banner{border-left:4px solid var(--accent-gold);border-radius:var(--radius-btn-sm,6px);color:var(--accent-gold);background:#e5b0371a;align-items:center;gap:8px;margin-bottom:8px;padding:8px 12px;font-size:14px;display:flex}@media (width<=480px){.auth-card{padding:16px 14px}.otp-box{width:38px;height:48px;font-size:16px}.jlpt-grid{grid-template-columns:repeat(2,1fr)}}.app-shell{z-index:1;background-color:var(--bg-void);min-height:100dvh;display:flex;position:relative}.sidenav{background:var(--bg-panel);border-right:1px solid var(--border-divider);z-index:20;flex-direction:column;flex-shrink:0;gap:4px;width:220px;height:100vh;padding:16px 0;display:flex;position:sticky;top:0}.brand-section{font-family:var(--font-pixel);color:var(--teal-deep);border-bottom:1px solid var(--border-divider);cursor:pointer;letter-spacing:.5px;margin-bottom:10px;padding:0 16px 14px;font-size:13px;position:relative}[data-theme=yoru] .brand-section{color:var(--teal-bright)}.brand-section span{color:var(--text-muted);letter-spacing:.8px;font-size:8px;font-family:var(--font-hud);margin-top:6px;display:block}.nav-item{cursor:pointer;color:var(--text-muted);font-family:var(--font-sans);-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;gap:10px;margin:0 8px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .12s;display:flex;position:relative}.nav-item .ic{text-align:center;width:20px;font-size:16px}.nav-item:hover{color:var(--text-paper);background:var(--bg-panel-2);transform:translate(2px)}.nav-item.active{color:var(--teal-deep);background:var(--teal-wash);border:1px solid #0f6a7833;font-weight:700}[data-theme=yoru] .nav-item.active{color:var(--teal-bright);background:var(--bg-panel-2);border-color:var(--border-ui)}.sidenav-submenu{border-left:2px solid var(--border-divider);flex-direction:column;gap:2px;margin-left:16px;padding-left:8px;animation:.15s ease-out fadeIn;display:flex}.sidenav-submenu .sub-item{border-radius:6px;margin:0 4px;padding:6px 10px;font-size:12px}.sidenav-submenu .sub-item .ic{width:18px;font-size:14px}.main-content{flex-direction:column;flex:1;min-width:0;display:flex}.hud{background:var(--bg-panel);border-bottom:1px solid var(--border-divider);z-index:15;align-items:center;gap:12px;padding:12px 20px;display:flex;position:sticky;top:0}.hud-level-badge{background:var(--teal-deep);color:#faf6ec;min-width:36px;height:32px;font-size:13px;font-weight:600;font-family:var(--font-sans);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0 5px;display:flex;box-shadow:0 1px 2px #0000001a}.hud-xp-track-wrap{flex-direction:column;flex:1;gap:4px;min-width:140px;max-width:280px;display:flex}.hud-xp-pill-track{background:var(--bg-panel-2);border:1px solid var(--border-subtle);border-radius:999px;height:8px;overflow:hidden}.hud-xp-fill{background:var(--teal-bright);border-radius:999px;height:100%;transition:width .3s}.hud-xp-text{color:var(--text-muted);white-space:nowrap;font-size:11px}.hud-right{align-items:center;gap:8px;margin-left:auto;display:flex}.hud-streak-pill{color:#8e2a1c;white-space:nowrap;background:#fbe0e4;border:1px solid #8e2a1c33;border-radius:999px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:700;display:flex}.hud-mistakes-pill{background:var(--terra-200);color:var(--terra-900);border:1px solid var(--terra-400);font-size:11px;font-family:var(--font-hud);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:6px 11px;font-weight:700;transition:transform .1s;display:inline-flex}.hud-mistakes-pill:hover{transform:scale(1.05)}[data-theme=yoru] .hud-mistakes-pill{background:var(--terra-200);color:var(--terra-900);border-color:var(--terra-400);box-shadow:0 0 10px #b026ff59}.hud-theme-toggle{background:var(--bg-panel-2);border:1px solid var(--border-subtle);width:32px;height:32px;color:var(--text-paper);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-size:14px;transition:all .1s;display:flex}.hud-theme-toggle:hover{background:var(--bg-panel-hover);border-color:var(--border-ui);transform:translateY(-1px)}.screens-wrapper{padding:20px 24px calc(80px + var(--sab)) 24px;flex:1;width:100%;max-width:1080px;margin:0 auto}.page-title{font-family:var(--font-pixel);color:var(--teal-deep);letter-spacing:.5px;margin-bottom:6px;font-size:15px}[data-theme=yoru] .page-title{color:var(--teal-bright)}.page-sub{color:var(--text-muted);margin-bottom:20px;font-size:13px;line-height:1.5}.desktop-footer-nav{background:var(--bg-panel);border-top:1px solid var(--border-divider);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:40px;padding:12px 24px;display:flex}.footer-nav-brand{font-family:var(--font-pixel);color:var(--teal-deep);letter-spacing:.5px;font-size:10px}[data-theme=yoru] .footer-nav-brand{color:var(--teal-bright)}.footer-nav-links{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.footer-nav-btn{border:1px solid var(--border-divider);background:var(--bg-panel-2);color:var(--text-dim);font-family:var(--font-sans);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600;transition:all .12s;display:flex}.footer-nav-btn:hover{border-color:var(--teal-deep);color:var(--teal-deep);background:var(--bg-panel);transform:translateY(-1px)}.footer-nav-btn.active{background:var(--teal-deep);border-color:var(--teal-deep);color:#faf6ec}[data-theme=yoru] .footer-nav-btn.active{background:var(--teal-bright);border-color:var(--teal-bright);color:#0e1420}.footer-nav-note{font-family:var(--font-hud);color:var(--text-muted);font-size:9px}.mobile-nav{display:none}@media (width<=860px){.sidenav,.desktop-footer-nav{display:none}.screens-wrapper{padding:16px 12px calc(85px + var(--sab)) 12px}.hud{gap:10px;padding:10px 14px}.hud-xp-track-wrap{min-width:100px;max-width:180px}.mobile-nav{z-index:200;background:var(--bg-panel);border-top:1px solid var(--border-divider);padding:6px 6px calc(8px + var(--sab)) 6px;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #0000000f}.mobile-nav .nav-item{text-align:center;cursor:pointer;border:none;border-radius:8px;flex-direction:column;flex:1;gap:3px;margin:0 3px;padding:6px 4px;font-size:11px}.mobile-nav .nav-item .ic{font-size:19px}.mobile-nav .nav-item.active{background:var(--teal-wash);color:var(--teal-deep)}[data-theme=yoru] .mobile-nav .nav-item.active{background:var(--bg-panel-2);color:var(--teal-bright)}}.nav-label-with-caret{align-items:center;gap:2px;display:inline-flex}.nav-caret{opacity:.7;font-size:8px}.practice-dropup-backdrop{z-index:205;-webkit-backdrop-filter:blur(2px);background:#120e0c73;animation:.15s ease-out fadeIn;position:fixed;inset:0}.practice-dropup-menu{bottom:calc(62px + var(--sab,0px));z-index:210;background:var(--bg-panel,#faf6ec);border:2px solid var(--border-ui,#1a1712);width:calc(100% - 24px);max-width:400px;max-height:calc(85vh - 70px);box-shadow:0 -8px 26px #00000038, var(--pixel-shadow);transform-origin:bottom;border-radius:14px;flex-direction:column;gap:10px;padding:12px;animation:.18s cubic-bezier(.16,1,.3,1) forwards dropupSlideUp;display:flex;position:fixed;left:50%;overflow-y:auto;transform:translate(-50%)}[data-theme=yoru] .practice-dropup-menu{background:var(--bg-panel,#161e2e);border-color:var(--border-ui,#556580);box-shadow:0 -8px 26px #00000080,0 0 16px #2dd4bf1f}@keyframes dropupSlideUp{0%{opacity:0;transform:translate(-50%,18px)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}.practice-dropup-header{background:var(--bg-panel-2,#e4d8c3);border:1px solid var(--border-divider,#c8b79b);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:2px;padding:8px 12px;display:flex}[data-theme=yoru] .practice-dropup-header{background:var(--bg-panel-2,#212c40);border-color:#ffffff1a}.dropup-title-block{align-items:center;gap:10px;display:flex}.dropup-title-icon{align-items:center;font-size:22px;display:flex}.dropup-main-title{font-family:var(--font-hud);color:#0f5b66;letter-spacing:.6px;font-size:13px;font-weight:700;line-height:1.2;display:block}[data-theme=yoru] .dropup-main-title{color:var(--teal-bright,#52becb)}.dropup-sub-title{font-family:var(--font-ui);color:#4a4237;margin-top:1px;font-size:11px;font-weight:600;display:block}[data-theme=yoru] .dropup-sub-title{color:var(--text-dim,#e8e2d4)}.dropup-close-btn{background:var(--bg-panel,#faf6ec);border:1.5px solid var(--border-ui,#1a1712);width:28px;height:28px;color:var(--text-paper,#1a1712);cursor:pointer;box-shadow:1px 1px 0 var(--border-ui,#1a1712);border-radius:6px;justify-content:center;align-items:center;font-size:13px;font-weight:700;transition:all .1s;display:flex}.dropup-close-btn:hover{color:#fff;background:var(--terra-500,#b8755c);border-color:var(--border-ui,#1a1712);transform:translateY(-1px)}[data-theme=yoru] .dropup-close-btn{background:var(--bg-panel,#161e2e);border-color:var(--border-ui,#556580);color:var(--text-paper,#faf6ec);box-shadow:1px 1px #000}[data-theme=yoru] .dropup-close-btn:hover{background:var(--terra-700,#7e22ce);color:#fff;box-shadow:0 0 10px #b026ff80}.practice-dropup-list{flex-direction:column;gap:6px;display:flex}.practice-dropup-item{background:var(--bg-panel);border:1.5px solid var(--border-divider);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:12px;width:100%;padding:8px 12px;font-family:inherit;transition:transform 80ms,background .1s,border-color .1s;display:flex}.practice-dropup-item:hover{background:var(--teal-wash);border-color:var(--teal-deep);transform:translate(3px)}.practice-dropup-item.active{background:var(--teal-wash);border-color:var(--teal-deep);box-shadow:0 0 0 1px var(--teal-deep)}[data-theme=yoru] .practice-dropup-item.active{background:var(--bg-panel-2);border-color:var(--teal-bright);box-shadow:0 0 0 1px var(--teal-bright)}.dropup-item-icon{text-align:center;flex-shrink:0;width:28px;font-size:22px}.dropup-item-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.dropup-item-header{align-items:baseline;gap:6px;display:flex}.dropup-item-name{font-family:var(--font-hud);color:var(--text-paper);font-size:12px;font-weight:700}.dropup-item-fullname{font-family:var(--font-ui);color:var(--text-muted);font-size:10px}.dropup-item-desc{font-family:var(--font-ui);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.dropup-active-indicator{font-family:var(--font-hud);color:var(--teal-deep);border:1px solid var(--teal-deep);background:#0f6a7826;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:9px;font-weight:700}[data-theme=yoru] .dropup-active-indicator{color:var(--teal-bright);border-color:var(--teal-bright);background:#2dd4bf26}.dropup-arrow{color:var(--text-muted);flex-shrink:0;font-size:16px}.talk-sender-npc{color:var(--terra-700,#8c4f3a);letter-spacing:.5px;font-weight:800}[data-theme=yoru] .talk-sender-npc{color:var(--accent-gold,#ffd84d)}.talk-sender-user{color:var(--btn-jade-text,#faf6ec);letter-spacing:.5px;font-weight:800}.talk-msg-badge{color:var(--teal-deep,#0f6a78);opacity:.9;font-size:10px;font-weight:700}[data-theme=yoru] .talk-msg-badge{color:var(--teal-bright,#52becb)}.talk-writing-loader{background:var(--bg-panel-2);border:2px dashed var(--terra-700,#8c4f3a);border-radius:var(--radius-btn-sm,6px);font-family:var(--font-hud,monospace);color:var(--terra-700,#8c4f3a);align-self:flex-start;align-items:center;gap:8px;padding:8px 14px;font-size:11px;font-weight:700;animation:1.5s ease-in-out infinite talk-writing-pulse;display:flex}[data-theme=yoru] .talk-writing-loader{border-color:var(--accent-gold,#ffd84d);color:var(--accent-gold,#ffd84d)}@keyframes talk-writing-pulse{0%,to{opacity:1}50%{opacity:.7}}.guest-dojo-shell{z-index:1;min-height:100dvh;position:relative}.study-navbar-menu{background:var(--bg-panel);border:1px solid var(--border-divider);box-shadow:0 2px 0 var(--border-divider);border-radius:16px;grid-template-columns:repeat(4,1fr);gap:6px;width:100%;margin-bottom:16px;padding:6px;display:grid}.study-nav-tab{background:var(--bg-panel-2);color:var(--text-muted);font-family:var(--font-sans);cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 6px;font-size:12px;font-weight:600;transition:all .12s;display:flex}.study-nav-tab:hover{color:var(--text-paper);border-color:var(--border-subtle)}.study-nav-tab.back-map{font-family:var(--font-hud);color:var(--text-paper);background:var(--bg-panel-2);border:1px solid var(--border-subtle);font-size:11px}.study-nav-tab.back-map:hover{border-color:var(--teal-deep);color:var(--teal-deep)}[data-theme=yoru] .study-nav-tab.back-map:hover{border-color:var(--teal-bright);color:var(--teal-bright)}.study-nav-tab.active{background:var(--teal-deep);border-color:var(--teal-deep);color:#faf6ec;font-weight:700}[data-theme=yoru] .study-nav-tab.active{background:var(--teal-bright);border-color:var(--teal-bright);color:#0e1420;box-shadow:2px 2px 0px var(--border-shadow)}.study-nav-tab .tab-icon{font-size:14px;line-height:1}.study-nav-tab .tab-text{letter-spacing:.2px}@media (width<=480px){.study-navbar-menu{gap:4px;margin-bottom:14px;padding:4px}.study-nav-tab{gap:3px;padding:8px 2px;font-size:9px}.study-nav-tab.back-map{font-size:8px}.study-nav-tab .tab-icon{font-size:11px}}.chapter-carousel-bar{margin-bottom:18px}.chapter-nav-controls{background:var(--bg-panel);border:1px solid var(--border-divider);box-shadow:0 2px 0 var(--border-divider);border-radius:16px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex;position:relative}.realm-nav-btn{z-index:2;flex-shrink:0}.chapter-pill-container{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;justify-content:flex-start;align-items:center;gap:8px;min-width:0;padding:4px 2px;display:flex;overflow-x:auto}.chapter-pill-container::-webkit-scrollbar{display:none}.chapter-select-tab{background:var(--bg-panel-2);border:1px solid var(--border-divider);color:var(--text-paper);font-family:var(--font-hud);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:999px;flex-shrink:0;align-items:center;gap:8px;padding:6px 14px;font-size:11px;font-weight:700;transition:all .12s;display:inline-flex}.chapter-select-tab:hover{border-color:var(--teal-deep);transform:translateY(-1px)}.chapter-select-tab.active{background:var(--teal-deep);border-color:var(--teal-deep);color:#faf6ec}[data-theme=yoru] .chapter-select-tab.active{background:var(--teal-bright);border-color:var(--teal-bright);color:#0e1420}.chapter-select-tab.locked{opacity:.65}.chapter-lock-badge{font-family:var(--font-pixel);background:#00000026;border-radius:999px;padding:2px 6px;font-size:8px;font-weight:700}.chapter-badge-ok{color:var(--wakaba-700);font-weight:700}.chapter-select-tab.active .chapter-badge-ok{color:#faf6ec}.chapter-locked-banner{background:var(--bg-panel);border:1px solid var(--border-divider);border-left:6px solid var(--accent-gold);box-shadow:0 2px 0 var(--border-divider);font-size:13px;font-family:var(--font-hud);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:14px 18px;display:flex}.roadmap-visual-panel{background:var(--bg-panel);border:1px solid var(--border-divider);box-shadow:0 2px 0 var(--border-divider);border-radius:16px;padding:18px 20px;position:relative}.roadmap-visual-panel:before{content:"";background:linear-gradient(90deg, var(--accent-gold), var(--accent-ai), var(--accent-gold));height:4px;position:absolute;top:0;left:0;right:0}.node-active-breathe{transform-origin:50%;animation:2s ease-in-out infinite nodeBreathe}@keyframes nodeBreathe{0%,to{filter:drop-shadow(0 0 2px var(--accent-jade));transform:scale(1)}50%{filter:drop-shadow(0 0 6px var(--accent-jade));transform:scale(1.05)}}.canvas-wrapper{background:var(--bg-panel-2);border:1px solid var(--border-divider);border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex;overflow:hidden}@media (width<=860px){.guest-dojo-shell .screens-wrapper{padding:14px 10px calc(100px + var(--sab)) 10px}.chapter-nav-controls{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;display:flex}.chapter-pill-container{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;justify-content:flex-start;align-items:center;gap:6px;min-width:0;padding:2px;display:flex;overflow-x:auto}.chapter-pill-container::-webkit-scrollbar{display:none}.chapter-select-tab{flex-shrink:0;gap:6px;padding:6px 12px;font-size:11px}.chapter-locked-banner{flex-direction:column;align-items:stretch;gap:10px;padding:12px 14px}.roadmap-visual-panel{padding:14px 10px}}@media (width<=600px){.btn-label-desktop{display:none}.realm-nav-btn{flex-shrink:0;min-width:32px;padding:6px 8px!important}.chapter-select-tab{flex-shrink:0;padding:5px 10px;font-size:11px}.chapter-select-tab .ch-text{font-size:11px}}.mode-toggle-group{background:var(--bg-panel-2);border-radius:var(--radius-btn,8px);border:2px solid var(--border-ui);box-shadow:2px 2px 0px var(--border-shadow);gap:4px;padding:3px;display:inline-flex}.mode-toggle-btn{border-radius:var(--radius-btn-sm,6px);color:var(--text-dim);font-family:var(--font-hud);cursor:pointer;background:0 0;border:2px solid #0000;padding:6px 16px;font-size:11px;font-weight:700;transition:all .1s}.mode-toggle-btn:hover{color:var(--text-paper)}.mode-toggle-btn.active{background:var(--accent-ai);color:#fff;border-color:var(--border-ui);box-shadow:2px 2px 0px var(--border-shadow)}[data-theme=yoru] .mode-toggle-btn.active{background:var(--accent-gold);color:#090d16;border-color:var(--border-ui)}.four-step-stepper{background:var(--bg-panel-2);border-radius:var(--radius-btn,8px);border:2px solid var(--border-ui);box-shadow:2px 2px 0px var(--border-shadow);justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;padding:8px 12px;display:flex;overflow-x:auto}.step-item{border-radius:var(--radius-btn-sm,6px);font-size:11px;font-family:var(--font-hud);cursor:pointer;color:var(--text-dim);white-space:nowrap;border:2px solid #0000;align-items:center;gap:6px;padding:6px 12px;font-weight:700;transition:all .1s;display:flex}.step-item.active{background:var(--bg-panel);border-color:var(--border-ui);color:var(--accent-ai);box-shadow:2px 2px 0px var(--border-shadow)}[data-theme=yoru] .step-item.active{border-color:var(--accent-gold);color:var(--accent-gold)}.step-num{border-radius:var(--radius-btn-xs,4px);background:var(--bg-panel-2);border:1px solid var(--border-ui);width:20px;height:20px;font-family:var(--font-pixel);justify-content:center;align-items:center;font-size:8px;display:inline-flex}.step-item.active .step-num{background:var(--accent-ai);color:#fff}[data-theme=yoru] .step-item.active .step-num{background:var(--accent-gold);color:#090d16}.dialogue-thread{flex-direction:column;gap:12px;margin:14px 0;display:flex}.dialogue-card-bubble{background:var(--bg-panel);border:2px solid var(--border-ui);border-radius:var(--radius-btn,8px);box-shadow:3px 3px 0px var(--border-shadow);align-items:flex-start;gap:12px;padding:12px 14px;transition:transform .1s;display:flex}.dialogue-card-bubble:hover{border-color:var(--accent-gold);transform:translate(3px)}.dialogue-speaker-badge{border-radius:var(--radius-btn-xs,4px);background:var(--accent-ai);color:#fff;font-family:var(--font-hud);border:1px solid var(--border-ui);box-shadow:1px 1px 0px var(--border-shadow);white-space:nowrap;padding:4px 10px;font-size:10px;font-weight:700}[data-theme=yoru] .dialogue-speaker-badge{background:var(--accent-gold);color:#090d16}.dialogue-text-ja{font-size:19px;font-family:var(--font-jp);color:var(--text-paper);font-weight:600;line-height:1.4}.dialogue-text-en{color:var(--text-dim);margin-top:3px;font-size:13px}.sentence-builder-box{background:var(--bg-panel-2);border-radius:var(--radius-md);border:1px solid var(--border-divider);margin:14px 0;padding:16px}.sentence-drop-tray{background:var(--bg-panel);border:2px dashed var(--accent-gold);border-radius:var(--radius-sm);flex-wrap:wrap;align-items:center;gap:8px;min-height:54px;margin-bottom:14px;padding:8px 12px;display:flex}.sentence-drop-tray.empty{color:var(--text-dim);justify-content:center;font-size:13px;font-style:italic}.word-tile{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-paper);font-family:var(--font-jp);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:8px 16px;font-size:16px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 2px 4px #0000000f}.word-tile:hover{border-color:var(--accent-ai);transform:translateY(-2px)}.word-tile.placed{background:var(--accent-ai);color:var(--washi-0);border-color:var(--accent-ai)}[data-theme=yoru] .word-tile.placed{background:var(--accent-gold);color:var(--sumi-900);border-color:var(--accent-gold)}.word-tile.used{opacity:.35;pointer-events:none}.fill-blank-sentence{font-size:22px;font-family:var(--font-jp);color:var(--text-paper);text-align:center;background:var(--bg-panel-2);border-radius:var(--radius-md);border:1px solid var(--border-divider);margin:14px 0;padding:20px 10px}.blank-slot-target{border-bottom:3px solid var(--accent-gold);min-width:60px;color:var(--accent-ai);padding:0 8px;font-weight:700;display:inline-block}.mistakes-counter-btn{border:1px solid var(--accent-torii);color:var(--accent-torii);border-radius:var(--radius-full);cursor:pointer;background:#b8332a1a;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.mistakes-counter-btn:hover{background:var(--accent-torii);color:#fff}.mistake-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.mistake-drawer-card{background:var(--bg-panel);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;max-width:580px;max-height:85vh;padding:24px;overflow-y:auto;box-shadow:0 20px 40px #0006}.mistake-stage-badge{border-radius:var(--radius-full);align-items:center;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.mistake-stage-1{color:var(--accent-torii);background:#b8332a26}.mistake-stage-2{color:var(--accent-gold-text,#9a5807);background:#e8a33d26}[data-theme=yoru] .mistake-stage-2{color:var(--accent-gold,#ffd84d)}.mistake-stage-3{color:var(--accent-jade);background:#2e6b3c26}.mnemonic-badge-title{letter-spacing:.8px;font-weight:800;color:var(--accent-gold-text,#9a5807)!important}[data-theme=yoru] .mnemonic-badge-title{color:var(--accent-gold,#ffd84d)!important}.bot-conversation-panel{background:var(--bg-panel-2);border:1px solid var(--border-divider);border-radius:var(--radius-lg);flex-direction:column;height:480px;display:flex;overflow:hidden}.bot-chat-history{scroll-behavior:smooth;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.chat-bubble{border-radius:var(--radius-btn-lg,10px);max-width:80%;box-shadow:2px 2px 0px var(--border-shadow);padding:10px 14px;font-size:15px;line-height:1.4}.chat-bubble.bot{background:var(--bg-panel);border:1px solid var(--border-divider);color:var(--text-paper);align-self:flex-start}.chat-bubble.user{background:var(--accent-ai);color:var(--washi-0);align-self:flex-end}[data-theme=yoru] .chat-bubble.user{background:var(--accent-gold);color:var(--sumi-900)}.chat-quick-replies{background:var(--bg-panel);border-top:1px solid var(--border-divider);gap:8px;padding:8px 14px;display:flex;overflow-x:auto}.guest-mobile-nav{display:none}@media (width<=860px){.guest-mobile-nav{z-index:300;-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-divider);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);padding:6px 4px calc(8px + var(--sab)) 4px;background:#faf6ecf5;justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #00000014;display:flex!important}[data-theme=yoru] .guest-mobile-nav{border-top-color:var(--border-divider);background:#161e2ef5;box-shadow:0 -4px 20px #00000059}.guest-nav-item{cursor:pointer;min-width:0;font-family:var(--font-sans);color:var(--text-dim);border-radius:var(--radius-sm);-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:6px 2px;transition:all .15s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.guest-nav-item .nav-ic{font-size:20px;line-height:1.2;transition:transform .15s}.guest-nav-item .nav-label{letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:2px;font-size:11px;font-weight:600;overflow:hidden}.guest-nav-item:hover{color:var(--text-paper)}.guest-nav-item:active .nav-ic{transform:scale(.9)}.guest-nav-item.active{color:var(--accent-ai);font-weight:700}[data-theme=yoru] .guest-nav-item.active{color:var(--accent-gold)}.guest-nav-item.active .nav-ic{transform:translateY(-2px)}.guest-nav-item .nav-active-pill{background:var(--accent-ai);border-radius:var(--radius-full);width:28px;height:3px;position:absolute;top:-6px}[data-theme=yoru] .guest-nav-item .nav-active-pill{background:var(--accent-gold)}.guest-nav-item.mistake-item{color:var(--accent-torii)}.guest-nav-item.mistake-item .nav-label{font-weight:700}.guest-dojo-shell .screens-wrapper{padding:12px 10px calc(95px + var(--sab)) 10px!important}}.demonstratives-matrix-card{background:var(--bg-panel);border:2px solid var(--accent-gold);border-radius:var(--radius-lg);margin:18px 0;padding:20px;box-shadow:0 4px 16px #00000014}.matrix-table-wrap{margin-top:14px;overflow-x:auto}.matrix-table{border-collapse:separate;border-spacing:8px;width:100%;min-width:600px}.matrix-table th{background:var(--bg-panel-2);color:var(--accent-gold-text,#9a5807);border-radius:var(--radius-sm);text-align:center;border:1px solid var(--border-subtle);padding:10px 14px;font-size:13px;font-weight:700}[data-theme=yoru] .matrix-table th{color:var(--accent-gold,#ffd84d)}.matrix-table td.row-label{background:var(--bg-panel-2);color:var(--text-dim);border-radius:var(--radius-sm);white-space:nowrap;vertical-align:middle;border:1px solid var(--border-subtle);padding:10px 14px;font-size:13px;font-weight:700}.matrix-cell-btn{background:var(--washi-0);border:1.5px solid var(--border-divider);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:12px 10px;transition:all .2s;display:flex}[data-theme=yoru] .matrix-cell-btn{background:var(--bg-panel-2)}.matrix-cell-btn:hover{border-color:var(--accent-ai);transform:translateY(-2px);box-shadow:0 4px 10px #0000001f}.matrix-cell-btn.active{border-color:var(--accent-gold);background:#c9a2271f;box-shadow:0 0 12px #c9a2274d}.matrix-kana{font-size:24px;font-family:var(--font-jp);color:var(--accent-ai);font-weight:700;line-height:1.1}[data-theme=yoru] .matrix-kana{color:var(--accent-gold)}.matrix-meaning{color:var(--text-dim);margin-top:4px;font-size:12px}.matrix-rule-pill{border-radius:var(--radius-full);background:var(--bg-panel-2);color:var(--accent-jade);margin-top:4px;padding:2px 6px;font-size:10px;font-weight:600}.common-error-callout{border:1.5px solid var(--accent-torii);border-radius:var(--radius-md);background:#b8332a14;align-items:flex-start;gap:12px;margin:14px 0;padding:14px 18px;display:flex}.common-error-icon{font-size:24px;line-height:1}.common-error-title{color:var(--accent-torii);margin-bottom:4px;font-size:14px;font-weight:700}.common-error-desc{color:var(--text-paper);font-size:13px;line-height:1.45}.matrix-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#000000a6;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.matrix-modal-card{background:var(--bg-panel);border:2px solid var(--accent-gold);border-radius:var(--radius-lg);width:100%;max-width:720px;max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 10px 30px #00000059}.stroke-canvas-container{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:310px;margin:0 auto;display:flex}.stroke-header-row{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.stroke-status-badge{background:var(--bg-panel-2);border:1px solid var(--border-divider);border-radius:var(--radius-sm);font-family:var(--font-sans);color:var(--text-paper);align-items:center;gap:6px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex}.stroke-status-badge .target-count{color:var(--accent-gold-text,#9a5807);font-weight:700}[data-theme=yoru] .stroke-status-badge .target-count{color:var(--accent-gold,#ffd84d)}.stroke-mode-toggle{align-items:center;gap:4px;display:inline-flex}.stroke-mode-toggle .pixel-btn.mini{letter-spacing:.5px;padding:4px 8px;font-size:10px}.canvas-wrapper{background:var(--bg-void,#f2eada);border:2px solid var(--border-ui,#261f1d);border-radius:var(--radius-md);touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:280px;height:280px;transition:border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 6px #00000014,0 4px 12px #0000001a}[data-theme=yoru] .canvas-wrapper{background:var(--bg-panel-2,#182234)}.canvas-wrapper.canvas-error{animation:.4s cubic-bezier(.36,.07,.19,.97) both canvasShake;border-color:#d9534f!important;box-shadow:0 0 12px #d9534f73!important}.canvas-wrapper.canvas-success{border-color:var(--accent-jade,#0f6a78)!important;box-shadow:0 0 14px #0f6a7866!important}@keyframes canvasShake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}.calligraphy-grid{pointer-events:none;z-index:1;position:absolute;inset:0}.calligraphy-grid .grid-cross-h{border-top:1px dashed #6b615440;height:1px;position:absolute;top:50%;left:0;right:0}.calligraphy-grid .grid-cross-v{border-left:1px dashed #6b615440;width:1px;position:absolute;top:0;bottom:0;left:50%}[data-theme=yoru] .calligraphy-grid .grid-cross-h,[data-theme=yoru] .calligraphy-grid .grid-cross-v{border-color:#e8e2d42e}.canvas-guide-watermark{color:var(--text-dim,#6b6154);opacity:.26;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:2;justify-content:center;align-items:center;font-family:Zen Maru Gothic,Noto Sans JP,sans-serif;font-size:170px;font-weight:700;line-height:1;transition:opacity .2s;display:flex;position:absolute;inset:0;transform:translateY(6px)}[data-theme=yoru] .canvas-guide-watermark{color:var(--text-paper,#e8e2d4);opacity:.22}.practice-canvas{z-index:3;cursor:crosshair;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;width:280px;height:280px;position:relative;touch-action:none!important}.strike-passed-badge{background:var(--accent-jade,#0f6a78);color:#fff;font-family:var(--font-pixel,monospace);letter-spacing:.5px;border-radius:var(--radius-full,9999px);z-index:5;pointer-events:none;white-space:nowrap;padding:6px 14px;font-size:11px;font-weight:700;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards badgePop;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #00000040}@keyframes badgePop{0%{opacity:0;transform:translate(-50%,10px)scale(.85)}to{opacity:1;transform:translate(-50%)scale(1)}}.canvas-controls{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.canvas-controls .pixel-btn{text-align:center;flex:1;justify-content:center;padding:8px 10px;font-size:11px}.stroke-feedback-card{border-radius:var(--radius-sm);width:100%;font-size:12px;line-height:1.4;font-family:var(--font-sans);flex-direction:column;gap:4px;padding:8px 12px;font-weight:500;animation:.25s ease-out feedbackSlide;display:flex}.stroke-feedback-card.error{color:#d9534f;background:#d9534f1f;border:1px solid #d9534f73}[data-theme=yoru] .stroke-feedback-card.error{color:#ff8080;background:#d9534f33}.stroke-feedback-card.success{color:var(--accent-jade,#0f6a78);background:#0f6a781f;border:1px solid #0f6a7866}[data-theme=yoru] .stroke-feedback-card.success{color:#4ecdc4;background:#0f6a7840}.stroke-feedback-score-bar{background:#0000001a;border-radius:2px;width:100%;height:4px;margin-top:2px;overflow:hidden}.stroke-feedback-score-fill{height:100%;transition:width .3s}.stroke-feedback-card.error .stroke-feedback-score-fill{background:#d9534f}.stroke-feedback-card.success .stroke-feedback-score-fill{background:var(--accent-jade,#0f6a78)}@keyframes feedbackSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.battle-arena-wrapper{background:#f2eada;border:2px solid #1a1712;border-radius:16px;flex-direction:column;width:100%;max-width:680px;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 4px #1a1712}[data-theme=yoru] .battle-arena-wrapper{background:#0e1420;border-color:#556580;box-shadow:0 4px #000}.battle-top-bar{z-index:10;background:#faf6ec;border-bottom:2px solid #1a1712;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}[data-theme=yoru] .battle-top-bar{background:#161e2e;border-bottom-color:#556580}.battle-mode-pills{background:#e4d8c3;border:1px solid #c8b79b;border-radius:6px;gap:6px;padding:3px;display:flex}[data-theme=yoru] .battle-mode-pills{background:#212c40;border-color:#556580}.battle-mode-tab{color:var(--text-dim);font-family:var(--font-pixel);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:5px 10px;font-size:10px;transition:all .15s;display:flex}.battle-mode-tab.active{background:var(--bg-panel-2);color:var(--accent-gold);box-shadow:0 1px 3px #0006}.battle-mode-tab.training-tab.active{color:var(--accent-jade-bright)}.battle-close-btn{border:2px solid var(--border-ui);color:var(--text-paper);font-family:var(--font-pixel);cursor:pointer;border-radius:var(--radius-sm);background:0 0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:all .15s;display:flex}.battle-close-btn:hover{background:var(--accent-torii);color:#fff;border-color:var(--accent-torii-light)}[data-theme=yoru] .battle-close-btn:hover{background:var(--accent-torii);border-color:var(--accent-torii-light);box-shadow:0 0 12px #b026ff80}.enemy-meta-info{flex-direction:column;align-items:center;gap:4px;display:flex}.enemy-title-row{font-family:var(--font-pixel);letter-spacing:1px;color:#f1f5f9;align-items:center;gap:8px;font-size:11px;display:flex}.enemy-level-tag{color:var(--accent-torii-light)}.battlefield-stage.dojo-theme{background:linear-gradient(#1e1b18 0%,#2d241e 50%,#3e3228 80%,#2a2018 100%)}.stage-lantern{background:#f59e0b;border:2px solid #78350f;border-radius:4px;width:28px;height:40px;animation:2.5s ease-in-out infinite alternate lantern-glow;position:absolute;top:16px;right:22%;box-shadow:0 0 20px #f59e0b99,inset 0 0 6px #fde047}@keyframes lantern-glow{0%{opacity:.8;transform:rotate(-2deg)}to{opacity:1;filter:drop-shadow(0 0 12px #fde047);transform:rotate(2deg)}}.stage-mat{background:repeating-linear-gradient(90deg,#574635 0 16px,#423528 16px 18px);border-top:3px solid #785a3e;height:48px;position:absolute;bottom:0;left:0;right:0}.sensei-anchor{transform-origin:bottom;z-index:5;width:60px;height:68px;transition:all .25s;position:absolute;bottom:48px;right:90px}.sensei-sprite{width:100%;height:100%}.sensei-anchor.idle{animation:2.4s ease-in-out infinite sensei-idle-bob}@keyframes sensei-idle-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)scaleY(1.02)}}.sensei-anchor.nod{animation:.6s sensei-nod-gesture}@keyframes sensei-nod-gesture{0%,to{transform:translateY(0)rotate(0)}30%{transform:translateY(4px)rotate(4deg)}60%{transform:translateY(-2px)rotate(-2deg)}}.damage-float-tag.heal-tag{color:#4ade80;text-shadow:0 0 8px #000000e6,0 0 4px #15803d;bottom:110px;left:85px}.damage-float-tag.exp-tag{color:#fde047;text-shadow:0 0 8px #000000e6,0 0 4px #b45309;bottom:110px;left:85px}.segmented-hp-track{align-items:center;gap:4px;display:flex}.hp-segment{background:#ffffff26;border:1px solid #000c;border-radius:2px;width:36px;height:9px;transition:all .3s cubic-bezier(.4,0,.2,1)}.hp-segment.filled{background:linear-gradient(#f87171 0%,#ef4444 60%,#b91c1c 100%);box-shadow:0 0 6px #ef444499}.battlefield-stage{border-bottom:3px solid var(--border-ui);background:linear-gradient(#090d16 0%,#111a2e 45%,#182744 75%,#0e172a 100%);width:100%;height:250px;position:relative;overflow:hidden}.battlefield-stage.shake-fx{animation:.4s arena-quake}@keyframes arena-quake{0%,to{transform:translate(0)}20%{transform:translate(-6px,4px)}40%{transform:translate(6px,-4px)}60%{transform:translate(-4px,2px)}80%{transform:translate(4px,-2px)}}.stage-moon{clip-path:polygon(20% 0%,80% 0%,100% 20%,100% 80%,80% 100%,20% 100%,0% 80%,0% 20%);background:#fef08a;border-radius:4px;width:42px;height:42px;position:absolute;top:18px;right:18%;box-shadow:0 0 16px #fef08a99,inset -4px -4px #fde047}.stage-star{background:#fff;width:2px;height:2px;position:absolute;box-shadow:0 0 4px #fff}.stage-star.star-1{animation:2s ease-in-out infinite star-blink;top:22px;left:15%}.stage-star.star-2{animation:3s ease-in-out .7s infinite star-blink;top:44px;left:38%}.stage-star.star-3{animation:2.4s ease-in-out 1.2s infinite star-blink;top:28px;left:78%}.stage-star.star-4{animation:3.2s ease-in-out .4s infinite star-blink;top:62px;left:56%}@keyframes star-blink{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.4)}}.stage-mountain-back{opacity:.85;border-bottom:110px solid #14213d;border-left:140px solid #0000;border-right:140px solid #0000;width:0;height:0;position:absolute;bottom:42px;left:30%}.stage-mountain-mid{border-bottom:130px solid #1c2d52;border-left:180px solid #0000;border-right:180px solid #0000;width:0;height:0;position:absolute;bottom:42px;right:2%}.stage-ground{background:linear-gradient(#101c33 0%,#090e1a 100%);border-top:3px solid #1e293b;height:48px;position:absolute;bottom:0;left:0;right:0}.stage-torii{pointer-events:none;width:64px;height:90px;transition:filter .2s;position:absolute;bottom:46px;left:28px}[data-theme=yoru] .stage-torii{filter:drop-shadow(0 0 10px #b026ff99)}.torii-top-beam{background:var(--accent-torii,#dc2626);width:76px;height:7px;box-shadow:0 2px 0 var(--accent-gold-dark,#991b1b);border-radius:2px;position:absolute;top:0;left:-6px}.torii-sub-beam{background:var(--accent-torii,#dc2626);width:64px;height:5px;position:absolute;top:14px;left:0}.torii-pillar-l,.torii-pillar-r{background:var(--accent-torii,#dc2626);width:6px;height:84px;box-shadow:1px 0 0 var(--accent-gold-dark,#991b1b);position:absolute;top:6px}.torii-pillar-l{left:10px}.torii-pillar-r{right:10px}.stage-platform{background:#334155;border:2px solid #0f172a;border-radius:2px;width:84px;height:12px;position:absolute;bottom:46px;left:64px;box-shadow:0 4px #1e293b}.hero-anchor{transform-origin:bottom;z-index:5;width:52px;height:60px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:58px;left:80px}.hero-sprite{width:100%;height:100%}.hero-anchor.idle{animation:2.2s ease-in-out infinite hero-idle-breathing}@keyframes hero-idle-breathing{0%,to{transform:translateY(0)scaleY(1)}50%{transform:translateY(-3px)scaleY(1.03)}}.hero-anchor.attack{animation:.5s cubic-bezier(.18,.89,.32,1.28) hero-sword-strike}@keyframes hero-sword-strike{0%{transform:translate(0)}35%{transform:translate(110px)scale(1.15)}70%{transform:translate(100px)scale(1.1)}to{transform:translate(0)scale(1)}}.hero-anchor.hit{animation:.45s hero-damage-recoil}@keyframes hero-damage-recoil{0%,to{filter:none;transform:translate(0)}25%{filter:brightness(2)saturate(2)drop-shadow(0 0 8px #ef4444);transform:translate(-12px)}50%{filter:brightness(1.5)drop-shadow(0 0 4px #ef4444);transform:translate(4px)}75%{transform:translate(-4px)}}.hero-anchor.victory{animation:1s cubic-bezier(.25,1,.5,1) infinite alternate hero-victory-jump}@keyframes hero-victory-jump{0%{transform:translateY(0)}to{transform:translateY(-12px)scale(1.08)}}.hero-anchor.defeat{filter:grayscale(.8)brightness(.6);opacity:.85;transform:translateY(18px)rotate(-70deg)}.enemy-anchor{transform-origin:bottom;z-index:5;width:68px;height:60px;transition:all .25s;position:absolute;bottom:48px;right:90px}.enemy-sprite{width:100%;height:100%}.enemy-anchor.idle{animation:1.8s ease-in-out infinite enemy-idle-bounce}@keyframes enemy-idle-bounce{0%,to{transform:scaleX(1)scaleY(1)}50%{transform:scaleX(1.08)scaleY(.92)translateY(2px)}}.enemy-anchor.attack{animation:.5s enemy-lunge}@keyframes enemy-lunge{0%{transform:translate(0)}40%{transform:translate(-90px)scale(1.15)}to{transform:translate(0)}}.enemy-anchor.hit{animation:.4s enemy-damage-pulse}@keyframes enemy-damage-pulse{0%,to{filter:none;transform:translate(0)}25%{filter:brightness(3)saturate(3)drop-shadow(0 0 10px #f59e0b);transform:translate(14px)}50%{filter:brightness(1.8)drop-shadow(0 0 6px #ef4444);transform:translate(-6px)}75%{transform:translate(4px)}}.enemy-anchor.vanish{animation:.8s cubic-bezier(.22,1,.36,1) forwards enemy-dissolve}@keyframes enemy-dissolve{0%{opacity:1;filter:brightness(3)drop-shadow(0 0 15px #fde047);transform:scale(1)}40%{opacity:.8;filter:brightness(4)drop-shadow(0 0 25px #fff);transform:scale(1.3)translateY(-10px)}to{opacity:0;filter:brightness(5);transform:scale(0)translateY(-40px)}}.slash-effect{pointer-events:none;z-index:20;width:100px;height:100px;animation:.4s ease-out forwards slash-arc;position:absolute;bottom:50px;right:70px}@keyframes slash-arc{0%{opacity:0;transform:rotate(-45deg)scale(.2)}40%{opacity:1;filter:drop-shadow(0 0 12px #fde047);transform:rotate(15deg)scale(1.3)}to{opacity:0;transform:rotate(60deg)scale(1.6)}}.damage-float-tag{font-family:var(--font-pixel);pointer-events:none;z-index:25;font-size:13px;font-weight:700;animation:.75s cubic-bezier(.18,.89,.32,1.28) forwards float-up-fade;position:absolute}.damage-float-tag.enemy-hit-tag{color:#fde047;text-shadow:0 0 8px #000000e6,0 0 4px #b45309;bottom:110px;right:85px}.damage-float-tag.player-hit-tag{color:#ef4444;text-shadow:0 0 8px #000000e6,0 0 4px #991b1b;bottom:110px;left:85px}@keyframes float-up-fade{0%{opacity:0;transform:translateY(10px)scale(.6)}30%{opacity:1;transform:translateY(-8px)scale(1.2)}to{opacity:0;transform:translateY(-30px)scale(1)}}.player-hp-dock{border:2px solid var(--border-ui);border-radius:var(--radius-sm);z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ad9;align-items:center;gap:8px;padding:5px 10px;display:flex;position:absolute;bottom:10px;left:16px}.player-hp-label{font-family:var(--font-pixel);letter-spacing:1px;color:var(--accent-gold);font-size:10px}.player-lifes-row{gap:4px;display:flex}.life-block{background:#ffffff26;border:1px solid #000c;border-radius:2px;width:14px;height:14px;transition:all .25s}.life-block.alive{background:linear-gradient(#4ade80 0%,#22c55e 60%,#15803d 100%);box-shadow:0 0 6px #22c55eb3}.life-block.lost{opacity:.5;background:#334155;border-color:#1e293b;transform:scale(.85)}.battle-combat-area{background:#f2eada;flex-direction:column;gap:12px;padding:14px;display:flex}[data-theme=yoru] .battle-combat-area{background:#0e1420}.combat-prompt-card{background:#faf6ec;border:2px solid #1a1712;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex;box-shadow:inset 2px 2px #fff,inset -2px -2px #c8b79b}[data-theme=yoru] .combat-prompt-card{background:#161e2e;border-color:#556580;box-shadow:inset 2px 2px #ffffff1a,inset -2px -2px #00000080}.prompt-text-group{flex-direction:column;gap:4px;display:flex}.prompt-tag{font-family:var(--font-hud);color:var(--text-muted);letter-spacing:.06em;font-size:11px}.prompt-instruction{color:var(--text-paper);margin:0;font-size:15px;font-weight:600;line-height:1.3}.prompt-glyph-wrap{text-align:right;min-width:60px}.prompt-big-glyph{font-family:"Zen Maru Gothic", var(--font-jp);color:var(--text-paper);font-size:38px;font-weight:700;line-height:1}.combat-options-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.battle-option-btn{color:#1a1712;font-family:"Zen Maru Gothic", var(--font-jp);border-radius:var(--radius-btn,8px);cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;background:#faf6ec;border:2px solid #1a1712;justify-content:center;align-items:center;padding:14px 8px;font-size:15px;font-weight:700;transition:transform 80ms,box-shadow 80ms;display:flex;box-shadow:inset 2px 2px #fff,inset -2px -2px #c8b79b,0 4px #1a1712}[data-theme=yoru] .battle-option-btn{color:#faf6ec;background:#161e2e;border-color:#556580;box-shadow:inset 2px 2px #ffffff26,inset -2px -2px #00000080,0 4px #000}.battle-option-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:inset 2px 2px #fff,inset -2px -2px #c8b79b,0 6px #1a1712}.battle-option-btn:active:not(:disabled){transform:translateY(2px);box-shadow:inset 2px 2px #fff,inset -2px -2px #c8b79b,0 2px #1a1712}.battle-option-btn.correct-choice{animation:.35s correct-pulse;color:#0f6a78!important;background:#bde6ec!important;border-color:#0f6a78!important;box-shadow:inset 2px 2px #fff,inset -2px -2px #52becb,0 4px #0f6a78!important}.battle-option-btn.wrong-choice{animation:.35s wrong-shake;color:#8e2a1c!important;background:#fbe0e4!important;border-color:#8e2a1c!important;box-shadow:inset 2px 2px #fff,inset -2px -2px #8e2a1c,0 4px #8e2a1c!important}@keyframes correct-pulse{0%{transform:scale(.96)}50%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes wrong-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.combat-utility-row{gap:10px;margin-top:2px;display:flex}.combat-util-btn{background:var(--bg-panel-2);border:2px solid var(--border-ui);color:var(--text-paper);font-family:var(--font-pixel);border-radius:var(--radius-sm);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:11px;transition:all .15s;display:flex}.combat-util-btn:hover{background:var(--bg-panel-hover);border-color:var(--accent-ai);color:var(--accent-ai)}.combat-hint-banner{border-radius:var(--radius-sm);color:#633806;background:#fef7e6;border:1.5px dashed #b45309;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:500;line-height:1.5;display:flex;box-shadow:0 2px #b453091f}.combat-hint-banner strong{color:#92400e;letter-spacing:.3px;font-weight:700}[data-theme=yoru] .combat-hint-banner{color:#fff3c4;background:#ffd84d1f;border-color:#ffd84d;box-shadow:0 0 12px #ffd84d1f}[data-theme=yoru] .combat-hint-banner strong{color:#ffd84d}.battle-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;background:#080c14e0;justify-content:center;align-items:center;padding:20px;animation:.3s cubic-bezier(.16,1,.3,1) modal-fade-in;display:flex;position:absolute;inset:0}@keyframes modal-fade-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.battle-popup-card{background:var(--bg-panel);border:3px solid var(--border-ui);border-radius:var(--radius-md);width:100%;max-width:440px;box-shadow:0 16px 36px #000c, 0 0 0 2px var(--bg-void);text-align:center;flex-direction:column;gap:16px;padding:28px 24px;display:flex}.battle-popup-card.victory-theme{border-color:var(--accent-gold)}.battle-popup-card.defeat-theme{border-color:var(--accent-torii)}.popup-hero-avatar{margin:0 auto;font-size:48px;animation:.8s ease-in-out infinite alternate hero-victory-jump}.popup-title{font-family:var(--font-pixel);letter-spacing:1px;margin:0;font-size:16px}.victory-theme .popup-title{color:var(--accent-gold)}.defeat-theme .popup-title{color:var(--accent-torii-light)}.popup-stats-box{background:var(--bg-panel-2);border:2px solid var(--border-ui);border-radius:var(--radius-sm);flex-direction:column;gap:8px;padding:12px;font-size:14px;display:flex}.popup-stat-row{justify-content:space-between;align-items:center;display:flex}.popup-actions-row{gap:10px;margin-top:4px;display:flex}.popup-actions-row button{flex:1}@media (width<=480px){.battlefield-stage{height:210px}.stage-platform{width:72px;left:36px}.hero-anchor{left:48px}.enemy-anchor{right:48px}.combat-options-grid{grid-template-columns:1fr}.prompt-big-glyph{font-size:32px}}.cards-container{flex-direction:column;gap:20px;max-width:900px;margin:0 auto;padding:10px 16px 40px;animation:.3s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.cards-header-stats{background:var(--bg-panel);border:1px solid var(--border-divider);box-shadow:0 2px 0 var(--border-divider);border-radius:16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;padding:16px 18px;display:grid}.stat-item{flex-direction:column;gap:4px;display:flex}.stat-label{font-family:var(--font-hud);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.stat-val{font-family:var(--font-hud);color:var(--teal-deep);align-items:center;gap:6px;font-size:20px;font-weight:800;display:flex}[data-theme=yoru] .stat-val{color:var(--teal-bright)}.stat-val.gold{color:var(--accent-gold-text,#9a5807)}[data-theme=yoru] .stat-val.gold{color:var(--accent-gold)}.stat-val.torii{color:var(--accent-torii)}.stat-val.jade{color:var(--wakaba-700)}[data-theme=yoru] .stat-val.torii{color:var(--accent-torii);text-shadow:0 0 8px #b026ff80}.cards-nav-toolbar{border-bottom:1px solid var(--border-divider);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;display:flex}.view-mode-tabs{background:var(--bg-panel-2);border:1px solid var(--border-subtle);border-radius:999px;gap:4px;padding:4px;display:flex}.view-mode-btn{font-family:var(--font-hud);color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:11px;transition:all .12s;display:flex}.view-mode-btn:hover{color:var(--text-paper)}.view-mode-btn.active{background:var(--teal-deep);color:#faf6ec}[data-theme=yoru] .view-mode-btn.active{background:var(--teal-bright);color:#0e1420}.toolbar-actions{flex-wrap:wrap;gap:8px;display:flex}.cards-filter-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-pill{font-family:var(--font-hud);border-radius:var(--radius-btn-sm,6px);border:2px solid var(--border-ui);background:var(--bg-panel);color:var(--text-dim);cursor:pointer;box-shadow:2px 2px 0px var(--border-shadow);align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .1s;display:flex}.filter-pill:hover{border-color:var(--accent-ai);color:var(--accent-ai);transform:translateY(-1px)}.filter-pill.active{background:var(--accent-ai);color:#fff;border-color:var(--border-ui)}.filter-pill.active.focus-weak{background:var(--accent-torii);border-color:var(--border-ui)}[data-theme=yoru] .filter-pill.active.focus-weak{background:var(--accent-torii);box-shadow:0 0 12px #b026ff80}.weak-focus-banner{border:2px solid var(--accent-torii);border-left:6px solid var(--accent-torii);border-radius:var(--radius-btn-sm,6px);font-size:12px;font-family:var(--font-hud);color:var(--accent-torii);box-shadow:2px 2px 0px var(--border-shadow);background:#ef44441f;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-weight:700;display:flex}[data-theme=yoru] .weak-focus-banner{border-color:var(--accent-torii);color:var(--accent-torii-light);background:#b026ff24;box-shadow:0 0 16px #b026ff33}.study-card-arena{background:var(--bg-panel);border:3px solid var(--border-ui);box-shadow:4px 4px 0px var(--border-shadow);flex-direction:column;align-items:center;gap:18px;margin:10px 0 20px;padding:20px;display:flex;position:relative}.study-card-arena:before{content:"";background:repeating-linear-gradient(90deg, var(--accent-gold) 0px, var(--accent-gold) 12px, var(--border-ui) 12px, var(--border-ui) 16px);height:4px;position:absolute;top:0;left:0;right:0}.study-progress-meter{flex-direction:column;gap:4px;width:100%;max-width:440px;display:flex}.meter-labels{font-family:var(--font-hud);color:var(--text-dim);justify-content:space-between;font-size:10px;font-weight:700;display:flex}.meter-track{background:var(--bg-panel-2);border:2px solid var(--border-ui);border-radius:0;height:12px;overflow:hidden;box-shadow:inset 1px 1px #0003}.meter-fill{background:repeating-linear-gradient(90deg, var(--accent-moegi-light) 0px, var(--accent-moegi-light) 8px, var(--accent-moegi) 8px, var(--accent-moegi) 10px);border-right:2px solid var(--border-ui);height:100%;transition:width .3s}.flip-card-wrapper{perspective:1200px;cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;max-width:480px;height:460px;min-height:440px}.flip-card-inner{text-align:center;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.34,1.56,.64,1);position:relative}.flip-card-inner.flipped{transform:rotateY(180deg)}.flip-face{backface-visibility:hidden;border:2px solid var(--border-ui);background:var(--bg-panel);width:100%;height:100%;color:var(--text-paper);box-shadow:0 4px 0 var(--border-ui), inset 2px 2px 0 #fff, inset -2px -2px 0 #c8b79b;box-sizing:border-box;border-radius:16px;flex-direction:column;justify-content:space-between;padding:20px;transition:box-shadow .15s;display:flex;position:absolute;inset:0;overflow:hidden}[data-theme=yoru] .flip-face{color:#faf6ec;background:#161e2e;border-color:#556580;box-shadow:0 4px #000,inset 2px 2px #ffffff1a,inset -2px -2px #00000080}.flip-card-wrapper:hover .flip-face{box-shadow:0 6px 0 var(--border-ui), inset 2px 2px 0 #fff, inset -2px -2px 0 #c8b79b}.flip-front{background:radial-gradient(circle at 50% 30%, #f59e0b24 0%, transparent 70%), var(--bg-panel)}[data-theme=yoru] .flip-front{background:radial-gradient(circle at 50% 30%,#4c8fb826 0%,#0000 70%),#182234}.card-top-bar{justify-content:space-between;align-items:center;width:100%;display:flex}.card-badges{align-items:center;gap:6px;display:flex}.jlpt-pill{font-family:var(--font-pixel);background:var(--accent-ai);color:var(--washi-0);border-radius:var(--radius-full);padding:2px 8px;font-size:9px}.srs-status-pill{font-family:var(--font-pixel);border-radius:var(--radius-full);text-transform:uppercase;padding:2px 7px;font-size:8px}.srs-status-pill.difficult{background:var(--accent-torii);color:var(--washi-0)}.srs-status-pill.learning{background:var(--accent-gold);color:var(--sumi-900)}.srs-status-pill.mastered{background:var(--accent-jade);color:var(--washi-0)}.card-audio-btn{background:var(--bg-panel-2);border:1px solid var(--border-divider);color:var(--sumi-900);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;transition:transform .15s,background .15s;display:flex}[data-theme=yoru] .card-audio-btn{color:#faf6ec}.card-audio-btn:hover{background:var(--accent-ai);color:var(--washi-0);transform:scale(1.1)}.card-main-word{flex-direction:column;align-items:center;gap:4px;margin:auto 0;display:flex}.kanji-text{font-family:var(--font-jp);letter-spacing:1px;font-size:58px;font-weight:700;line-height:1.1}.kanji-hint-reading{color:var(--text-dim);font-size:16px;font-family:var(--font-jp)}.card-bottom-hint{font-family:var(--font-pixel);color:var(--accent-torii);letter-spacing:.5px;justify-content:center;align-items:center;gap:6px;font-size:9px;display:flex}.flip-back{border-top:8px solid var(--accent-ai);scrollbar-width:thin;gap:8px;overflow-y:auto;transform:rotateY(180deg);justify-content:flex-start!important}.back-reading-row{border-bottom:1px dashed var(--border-divider);flex-direction:column;gap:2px;width:100%;padding-bottom:6px;display:flex}.back-kana{color:var(--accent-ai);font-size:24px;font-weight:800;font-family:var(--font-jp)}.back-romaji{color:var(--text-dim);font-family:monospace;font-size:12px}.back-meaning{color:var(--sumi-900);margin:4px 0 2px;font-size:20px;font-weight:800}[data-theme=yoru] .back-meaning{color:#faf6ec}.back-pos{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.back-example-box{background:var(--bg-panel-2);border-radius:var(--radius-sm);border:1px solid var(--border-divider);text-align:left;flex-direction:column;gap:3px;width:100%;margin-top:5px;padding:8px 10px;display:flex}.example-ja{font-size:13px;font-family:var(--font-jp);justify-content:space-between;align-items:center;font-weight:600;display:flex}.example-en{color:var(--text-dim);font-size:12px}.mnemonic-tag{color:#3d2b14;border-radius:var(--radius-sm);text-align:left;background:#e8a33d24;border:1px solid #a86a184d;border-left:4px solid #a86a18;width:100%;margin-top:6px;padding:8px 12px;font-size:12px;line-height:1.5;box-shadow:0 1px 4px #00000008}.mnemonic-tag strong{color:#7a4203;font-weight:700}[data-theme=yoru] .mnemonic-tag{color:#fdf3db;border-color:#f7cf6b40;border-left:4px solid var(--accent-gold);background:#f7cf6b1f}[data-theme=yoru] .mnemonic-tag strong{color:#f7cf6b}.srs-buttons-row{justify-content:center;gap:10px;width:100%;max-width:460px;display:flex}.srs-btn{border-radius:var(--radius-btn,8px);cursor:pointer;border:2px solid var(--border-ui);background:var(--bg-panel);box-shadow:0 4px 0px var(--border-ui), 0 5px 0px var(--border-shadow);-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:12px 8px;transition:transform 80ms,box-shadow 80ms;display:flex}.srs-btn:hover{filter:brightness(1.12);box-shadow:0 6px 0px var(--border-ui), 0 7px 0px var(--border-shadow);transform:translateY(-2px)}.srs-btn:active{box-shadow:0 0px 0px var(--border-ui);transform:translateY(4px)}.srs-btn-title{font-family:var(--font-pixel);align-items:center;gap:4px;font-size:9px;font-weight:700;display:flex}.srs-btn-sub{font-family:var(--font-hud);margin-top:3px;font-size:10px;font-weight:700}.srs-btn.again{background:var(--accent-torii);color:#fff;box-shadow:0 4px 0px #7f1d1d, 0 5px 0px var(--border-shadow);border-color:#7f1d1d}.srs-btn.again:hover{box-shadow:0 6px 0px #7f1d1d, 0 7px 0px var(--border-shadow)}.srs-btn.again:active{box-shadow:0 0}.srs-btn.again .srs-btn-sub{color:#ffffffe6}[data-theme=yoru] .srs-btn.again{background:var(--accent-torii);border-color:#581c87;box-shadow:0 4px #3b0764,0 0 14px #b026ff66}[data-theme=yoru] .srs-btn.again:hover{background:var(--accent-torii-light);color:#0e1420;border-color:#7e22ce;box-shadow:0 6px #3b0764,0 0 20px #d8b4fea6}.srs-btn.hard{background:var(--accent-gold);color:#111827;box-shadow:0 4px 0px #78350f, 0 5px 0px var(--border-shadow);border-color:#78350f}.srs-btn.hard:hover{box-shadow:0 6px 0px #78350f, 0 7px 0px var(--border-shadow)}.srs-btn.hard:active{box-shadow:0 0}.srs-btn.hard .srs-btn-sub{color:#111827d9}.srs-btn.good{background:var(--accent-ai);color:#fff;box-shadow:0 4px 0px #1e3a8a, 0 5px 0px var(--border-shadow);border-color:#1e3a8a}.srs-btn.good:hover{box-shadow:0 6px 0px #1e3a8a, 0 7px 0px var(--border-shadow)}.srs-btn.good:active{box-shadow:0 0}.srs-btn.good .srs-btn-sub{color:#ffffffe6}.srs-btn.easy{background:var(--accent-jade);color:#fff;box-shadow:0 4px 0px #115e59, 0 5px 0px var(--border-shadow);border-color:#115e59}.srs-btn.easy:hover{box-shadow:0 6px 0px #115e59, 0 7px 0px var(--border-shadow)}.srs-btn.easy:active{box-shadow:0 0}.srs-btn.easy .srs-btn-sub{color:#ffffffe6}.keyboard-shortcuts-hint{font-family:var(--font-pixel);color:var(--text-dim);text-align:center;margin-top:4px;font-size:8px}.deck-manager-panel{background:var(--bg-panel);border:3px solid var(--border-ui);border-radius:var(--radius-lg,12px);box-shadow:4px 4px 0px var(--border-shadow);flex-direction:column;gap:16px;padding:18px;display:flex}.deck-search-bar{flex-wrap:wrap;gap:10px;display:flex}.search-input{border-radius:var(--radius-btn-sm,6px);border:2px solid var(--border-ui);background:var(--bg-panel-2);min-width:220px;color:var(--text-paper);font-family:var(--font-jp);flex:1;padding:10px 14px;font-size:14px}[data-theme=yoru] .search-input{color:#faf6ec}.search-input:focus{border-color:var(--accent-ai);outline:none}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.card-summary-item{background:var(--bg-panel);border:2px solid var(--border-divider);border-radius:var(--radius-md);flex-direction:column;justify-content:space-between;gap:10px;padding:14px;transition:all .2s;display:flex;box-shadow:0 3px 8px #0000000a}.card-summary-item:hover{border-color:var(--accent-ai);transform:translateY(-2px);box-shadow:0 6px 14px #00000014}.card-summary-item.is-difficult{border-left:5px solid var(--accent-torii)}.summary-header{justify-content:space-between;align-items:flex-start;display:flex}.summary-kanji{font-size:26px;font-weight:700;font-family:var(--font-jp)}.summary-kana{color:var(--accent-ai);font-size:13px}.summary-meaning{color:var(--sumi-900);font-size:14px;font-weight:600}[data-theme=yoru] .summary-meaning{color:#faf6ec}.summary-actions{border-top:1px solid var(--border-divider);justify-content:flex-end;gap:6px;padding-top:8px;display:flex}.cards-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#000000a6;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.cards-modal-box{background:var(--washi-0);color:var(--sumi-900);border:4px solid var(--sumi-900);border-radius:var(--radius-lg);flex-direction:column;gap:16px;width:100%;max-width:540px;max-height:90vh;padding:24px;display:flex;overflow-y:auto;box-shadow:0 16px 40px #00000059}[data-theme=yoru] .cards-modal-box{color:#faf6ec;background:#141c2c;border-color:#fff3}.modal-header{border-bottom:2px solid var(--border-divider);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.modal-title{color:var(--accent-ai);align-items:center;gap:8px;font-size:18px;font-weight:800;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{letter-spacing:.2px;margin-bottom:2px;font-family:var(--font-sans,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)!important;color:#111827!important;text-transform:none!important;font-size:13px!important;font-weight:700!important}[data-theme=yoru] .form-label{color:#f9fafb!important}.form-input,.form-select,.form-textarea{border-radius:var(--radius-sm,6px);color:#111827;box-sizing:border-box;background:#fff;border:2px solid #cbd5e1;width:100%;padding:10px 12px;font-size:14px;font-weight:500;transition:border-color .15s,box-shadow .15s}[data-theme=yoru] .form-input,[data-theme=yoru] .form-select,[data-theme=yoru] .form-textarea{color:#faf6ec;background:#1d273a;border-color:#475569}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:#0f766e;outline:none;box-shadow:0 0 0 3px #0f766e2e}.form-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ai-topics-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;display:grid}.topic-btn{border-radius:var(--radius-sm);border:2px solid var(--border-divider);background:var(--bg-panel);color:var(--sumi-900);cursor:pointer;text-align:left;align-items:center;gap:6px;padding:8px 10px;font-size:12px;font-weight:600;transition:all .15s;display:flex}[data-theme=yoru] .topic-btn{color:#faf6ec}.topic-btn.selected{border-color:var(--accent-ai);color:var(--accent-ai);background:#2e5e8626}.ai-loading-box{flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:30px 10px;display:flex}.ai-pulse-orb{background:radial-gradient(circle, var(--accent-ai) 0%, transparent 70%);border-radius:50%;width:60px;height:60px;animation:1.4s ease-in-out infinite pulseOrb}@keyframes pulseOrb{0%{opacity:.6;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}to{opacity:.6;transform:scale(.85)}}@media (width<=600px){.flip-card-wrapper{height:480px;min-height:460px}.flip-face{padding:14px}.kanji-text{font-size:46px}.srs-buttons-row{flex-wrap:wrap}.srs-btn{min-width:45%}.form-row{grid-template-columns:1fr}}.card-custom-image-box{border:1px solid var(--border-divider);background:var(--bg-panel-2,#0000000a);box-sizing:border-box;border-radius:12px;justify-content:center;align-items:center;width:100%;margin:10px 0;padding:6px;display:flex;overflow:visible;box-shadow:0 2px 8px #00000014}.card-custom-img{object-fit:contain;border-radius:8px;width:auto;max-width:100%;height:auto;max-height:240px;margin:0 auto;transition:transform .2s;display:block}.card-custom-img:hover{transform:scale(1.02)}.card-custom-audio-pill{background:var(--bg-panel-2);border:1px solid var(--accent-jade,#26a69a);box-sizing:border-box;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;width:100%;margin:6px 0;padding:6px 12px;display:flex}.custom-audio-trigger{align-items:center;gap:6px;font-size:11px;display:inline-flex}.custom-audio-trigger.playing{animation:1.2s infinite pulse-audio;background:var(--accent-torii,#e53935)!important;color:#fff!important}@keyframes pulse-audio{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.03)}}.audio-indicator-tag{font-family:var(--font-pixel);color:var(--accent-jade-bright,#26a69a);letter-spacing:.5px;font-size:9px}.form-media-section{background:var(--bg-panel-2);border:1px solid var(--border-divider);border-radius:10px;flex-direction:column;gap:10px;margin-top:4px;padding:12px;display:flex}.form-media-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.form-media-header .pixel-label{letter-spacing:.3px;text-transform:uppercase;font-family:var(--font-sans,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)!important;color:#0f766e!important;font-size:13px!important;font-weight:800!important}[data-theme=yoru] .form-media-header .pixel-label{color:#2dd4bf!important}.file-input-wrapper{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.file-upload-btn{cursor:pointer;white-space:nowrap;align-items:center;gap:5px;margin:0;display:inline-flex}.media-preview-box{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:6px;align-items:center;gap:10px;margin-top:8px;padding:6px 10px;display:flex}.media-thumb{object-fit:cover;border:1px solid var(--border-divider);border-radius:4px;max-width:68px;max-height:48px}.media-error-text{color:#ef4444;background:#ef44441a;border-radius:4px;margin-top:4px;padding:4px 8px;font-size:11px}.read-screen-container{flex-direction:column;gap:20px;width:100%;max-width:860px;margin:0 auto;display:flex}.read-config-card{background:var(--bg-panel);border:2px solid var(--border-ui);border-radius:var(--radius-lg,12px);box-shadow:0 4px 0 var(--border-shadow);flex-direction:column;gap:14px;padding:16px 20px;display:flex}.read-config-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.read-config-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.read-config-label{font-family:var(--font-pixel,monospace);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:700}.read-mode-segmented{background:var(--bg-panel-2);border:2px solid var(--border-ui);border-radius:var(--radius-md,8px);gap:4px;padding:3px;display:inline-flex}.read-mode-btn{border-radius:var(--radius-sm,6px);color:var(--text-muted);font-family:var(--font-pixel,monospace);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .15s;display:flex}.read-mode-btn:hover{color:var(--text-paper)}.read-mode-btn.active{background:var(--accent-gold);color:#1a1712;box-shadow:inset 1px 1px 0 #fff6, 0 2px 0 var(--border-shadow)}.read-limit-group{background:var(--bg-panel-2);border:2px solid var(--border-ui);border-radius:var(--radius-md,8px);align-items:center;gap:6px;padding:3px 6px;display:flex}.read-limit-pill{border-radius:var(--radius-btn-xs,5px);color:var(--text-muted);font-family:var(--font-pixel,monospace);cursor:pointer;background:0 0;border:1px solid #0000;padding:4px 10px;font-size:12px;font-weight:800;transition:all .15s}.read-limit-pill:hover{color:var(--text-paper);border-color:var(--border-ui)}.read-limit-pill.active{background:var(--accent-jade,#42883f);color:#fff;border-color:var(--accent-jade);box-shadow:0 1px 0 var(--border-shadow)}.read-level-select{background:var(--bg-panel-2);border:2px solid var(--border-ui);border-radius:var(--radius-md,8px);color:var(--text-paper);font-family:var(--font-pixel,monospace);cursor:pointer;padding:6px 12px;font-size:12px;font-weight:800}.read-level-select:focus{border-color:var(--accent-gold);outline:none}.read-generate-btn{background:var(--accent-torii,#b026ff);color:#fff;border:2px solid var(--border-ui);border-radius:var(--radius-md,8px);box-shadow:0 3px 0 var(--border-shadow);font-family:var(--font-pixel,monospace);cursor:pointer;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:800;transition:transform .1s,box-shadow .1s;display:inline-flex}.read-generate-btn:hover:not(:disabled){box-shadow:0 4px 0 var(--border-shadow);transform:translateY(-1px)}.read-generate-btn:active:not(:disabled){box-shadow:0 1px 0 var(--border-shadow);transform:translateY(2px)}.read-generate-btn:disabled{opacity:.65;cursor:not-allowed}.washi-scroll-card{background:var(--washi,#faf6ec);color:var(--sumi,#1a1712);border-top:8px solid var(--accent-gold);border-bottom:8px solid var(--accent-gold);border-left:3px solid var(--border-ui);border-right:3px solid var(--border-ui);box-shadow:0 4px 0 var(--border-shadow);border-radius:12px;padding:24px;transition:all .2s;position:relative}.washi-header-bar{font-family:var(--font-pixel,monospace);border-bottom:2px dashed #00000026;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:10px;font-size:12px;display:flex}[data-theme=yoru] .washi-header-bar{border-bottom-color:#ffffff26}.washi-title{letter-spacing:.5px;color:var(--accent-gold-dark,#b8755c);font-weight:800}[data-theme=yoru] .washi-title{color:var(--accent-gold)}.washi-badge{border-radius:var(--radius-xs,4px);background:#00000014;padding:3px 8px;font-size:11px;font-weight:700}[data-theme=yoru] .washi-badge{color:var(--text-paper);background:#ffffff1a}.washi-japanese-body{font-family:var(--font-jp,"Noto Sans JP", sans-serif);letter-spacing:.5px;word-break:break-word;font-size:24px;line-height:2.1}.washi-japanese-body ruby{ruby-position:over}.washi-japanese-body rt{color:var(--accent-torii,#b026ff);-webkit-user-select:none;user-select:none;font-size:13px;font-weight:600}.washi-sentence-list{flex-direction:column;gap:16px;display:flex}.washi-sentence-item{border-radius:var(--radius-md,8px);cursor:pointer;background:#00000005;border:2px solid #0000;padding:12px 14px;transition:all .2s;position:relative}[data-theme=yoru] .washi-sentence-item{background:#ffffff08}.washi-sentence-item:hover{background:#0000000d;border-color:#0000001a}[data-theme=yoru] .washi-sentence-item:hover{background:#ffffff0f;border-color:#ffffff26}.washi-sentence-item.active-inspect{border-color:var(--accent-gold);background:#ffd84d14}.washi-sentence-item.active-speaking{border-color:var(--accent-torii);background:#b026ff1f;animation:1.4s ease-in-out infinite pulse-speaking;box-shadow:0 0 10px #b026ff40}@keyframes pulse-speaking{0%,to{border-color:var(--accent-torii)}50%{border-color:var(--accent-gold)}}.sentence-controls-row{border-top:1px dotted #0000001a;justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;display:flex}[data-theme=yoru] .sentence-controls-row{border-top-color:#ffffff1a}.sentence-translation-text{font-family:var(--font-sans);color:var(--text-dim,#555);flex:1;font-size:15px;font-weight:600}[data-theme=yoru] .sentence-translation-text{color:var(--text-dim,#e8e2d4)}.sentence-mini-play-btn{border:1px solid var(--border-ui);border-radius:var(--radius-btn-xs,6px);color:var(--text-paper);cursor:pointer;font-size:13px;font-family:var(--font-pixel,monospace);background:0 0;align-items:center;gap:4px;padding:4px 8px;transition:all .15s;display:inline-flex}.sentence-mini-play-btn:hover{background:var(--accent-gold);color:#1a1712}.washi-translation{font-family:var(--font-sans);color:var(--text-dim,#555);border-top:1px dashed #00000026;margin-top:14px;padding-top:12px;font-size:16px;font-weight:600}[data-theme=yoru] .washi-translation{color:var(--text-dim,#e8e2d4);border-top-color:#ffffff26}.pitch-accent-card{background:var(--bg-panel);border:2px solid var(--border-ui);border-radius:var(--radius-lg,12px);box-shadow:0 4px 0 var(--border-shadow);flex-direction:column;gap:12px;padding:18px 20px;display:flex}.pitch-contour-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.pitch-display-track{background:var(--bg-void);border:2px solid var(--border-ui);border-radius:var(--radius-md,8px);box-sizing:border-box;justify-content:space-around;align-items:center;min-height:125px;padding:16px 20px;display:flex;position:relative;overflow:hidden}.pitch-node-item{z-index:2;flex-direction:column;align-items:center;min-width:44px;display:flex;position:relative}.pitch-node-stage{flex-direction:column;align-items:center;width:24px;height:48px;margin-bottom:8px;display:flex;position:relative}.pitch-node-box{border:1px solid #fff3;border-radius:4px;width:18px;height:18px;transition:transform .2s;box-shadow:0 2px #0006}.pitch-node-box.high{background:var(--accent-torii,#b026ff);margin-top:2px}.pitch-node-box.low{background:var(--accent-jade,#42883f);margin-top:26px}.pitch-node-text{font-family:var(--font-pixel,monospace);color:var(--text-paper);margin-bottom:3px;font-size:15px;font-weight:800;line-height:1.2}.pitch-node-tag{font-family:var(--font-pixel,monospace);font-size:11px;font-weight:700;line-height:1.2}.pitch-node-tag.high{color:var(--accent-torii-light,#d8b4fe)}.pitch-node-tag.low{color:var(--accent-jade-bright,#8cc96b)}.pitch-connecting-line{z-index:1;border-top:2px dashed #fff3;height:2px;position:absolute;top:41px;left:20px;right:20px}.read-actions-container{justify-content:stretch;align-items:center;gap:12px;width:100%;margin-top:8px;display:flex}.read-audio-btn{width:100%;font-family:var(--font-pixel,monospace);cursor:pointer;border:2px solid var(--border-ui);border-radius:var(--radius-btn,8px);box-shadow:0 4px 0 var(--border-shadow);letter-spacing:.5px;justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-size:14px;font-weight:800;transition:all .15s;display:inline-flex}.read-audio-btn.primary{background:var(--accent-gold);color:#1a1712}.read-audio-btn.ghost{background:var(--bg-panel-2);color:var(--text-paper)}.read-audio-btn.speaking{background:var(--accent-torii);color:#fff;animation:1.2s ease-in-out infinite speaking-pulse}@keyframes speaking-pulse{0%,to{opacity:1}50%{opacity:.8}}.read-audio-btn:hover{box-shadow:0 4px 0 var(--border-shadow);transform:translateY(-1px)}.read-audio-btn:active{box-shadow:0 1px 0 var(--border-shadow);transform:translateY(2px)}.speed-control-bar{background:var(--bg-panel-2);border:2px solid var(--border-ui);border-radius:var(--radius-md,8px);align-items:center;gap:4px;padding:2px 6px;display:inline-flex}.speed-btn{border-radius:var(--radius-btn-xs,4px);color:var(--text-muted);font-family:var(--font-pixel,monospace);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:11px;font-weight:700;transition:all .15s}.speed-btn:hover{color:var(--text-paper)}.speed-btn.active{background:var(--accent-gold);color:#1a1712;box-shadow:0 1px 0 var(--border-shadow);font-weight:800}.speech-eval-banner{border:2px solid var(--accent-jade);background:#7da0521f;flex-direction:column;gap:10px;margin-top:14px;padding:14px 18px;display:flex}.speech-eval-metrics{font-family:var(--font-pixel,monospace);flex-wrap:wrap;gap:20px;font-size:13px;display:flex}.speech-metric-item strong{color:var(--text-muted);margin-right:6px}.speech-transcript-box{background:var(--bg-void);border:1px solid var(--border-ui);font-family:var(--font-mono,monospace);flex-direction:column;gap:4px;padding:8px 12px;font-size:13px;display:flex}@media (width<=640px){.washi-japanese-body{font-size:19px;line-height:1.9}.read-actions-container{flex-direction:column;align-items:stretch}.read-audio-btn{justify-content:center}}.leaderboard-screen{max-width:980px;margin:0 auto;padding:0 12px 60px;animation:.25s ease-out fadeIn}.leaderboard-hero{margin-bottom:24px}.leaderboard-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.leaderboard-title{font-family:var(--font-pixel,monospace);letter-spacing:.04em;color:var(--text-paper,#1e293b);align-items:center;gap:10px;margin:0;font-size:22px;display:flex}.leaderboard-sub{color:var(--text-dim,#64748b);margin:0 0 16px;font-size:14px;line-height:1.5}.user-standings-banner{background:var(--bg-panel,#fff);border:2px solid #d97706;border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:20px;padding:16px 20px;display:grid;box-shadow:0 4px 16px #b453091a}.standing-card{flex-direction:column;gap:5px;display:flex}.standing-label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em;color:#78350f;font-size:12px;font-weight:600}.standing-val{color:#0f172a;flex-wrap:wrap;align-items:baseline;gap:8px;font-size:20px;font-weight:800;display:flex}.standing-rank-highlight{color:#92400e;letter-spacing:-.02em;font-size:26px;font-weight:900;line-height:1}.standing-league-name{color:#0f172a;font-weight:800}.standing-xp-highlight{font-size:22px;font-weight:900;color:#047857!important}.standing-goal-val{color:#1e293b;font-weight:600;line-height:1.3;font-size:14px!important}.standing-goal-val strong{color:#92400e;font-weight:800}.standing-hint{color:#475569;font-size:12px;font-weight:500}.exp-explainer-panel{background:var(--bg-panel,#fff);border:2px dashed var(--accent-teal,#0d9488);border-radius:8px;flex-direction:column;gap:10px;margin-bottom:24px;padding:16px 20px;display:flex}.exp-explainer-title{font-family:var(--font-pixel,monospace);color:var(--accent-teal,#0d9488);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.exp-rules-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:6px;display:grid}.exp-rule-item{background:#0d94880d;border:1px solid #0d948833;border-radius:6px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:12px;display:flex}.exp-rule-item strong{color:var(--accent-teal,#0d9488)}.exp-crucial-note{color:#b45309;background:#f59e0b1a;border-left:3px solid #f59e0b;border-radius:6px;padding:8px 12px;font-size:12px;font-weight:600}.podium-container{grid-template-columns:1fr 1.15fr 1fr;align-items:flex-end;gap:14px;margin-bottom:28px;display:grid}@media (width<=640px){.podium-container{grid-template-columns:1fr;align-items:stretch}}.podium-card{background:var(--bg-panel,#fff);border:2px solid var(--border-color,#e2e8f0);text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.podium-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000014}.podium-card.first{background:linear-gradient(180deg, #e5b03724 0%, var(--bg-panel,#fff) 60%);border-color:#e5b037;order:2;padding-top:22px;box-shadow:0 4px 18px #e5b03740}.podium-card.second{background:linear-gradient(180deg, #94a3b81f 0%, var(--bg-panel,#fff) 60%);border-color:#94a3b8;order:1}.podium-card.third{background:linear-gradient(180deg, #d977061a 0%, var(--bg-panel,#fff) 60%);border-color:#d97706;order:3}@media (width<=640px){.podium-card.first{order:1}.podium-card.second{order:2}.podium-card.third{order:3}}.podium-medal{filter:drop-shadow(0 2px 4px #00000026);font-size:32px;line-height:1}.podium-hanko{border:1px dashed var(--border-color,#cbd5e1);background:#0000000a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}.podium-name{color:var(--text-paper,#1e293b);margin-top:2px;font-size:15px;font-weight:700}.podium-ja{color:var(--text-dim,#64748b);font-size:11px}.podium-xp{font-family:var(--font-pixel,monospace);color:var(--accent-jade-bright,#059669);background:#05966914;border-radius:999px;margin-top:4px;padding:4px 10px;font-size:14px;font-weight:800}.leaderboard-controls-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.leaderboard-tabs{background:var(--bg-panel-2,#f1f5f9);border-radius:8px;gap:6px;padding:4px;display:flex}.leaderboard-tab-btn{font-family:var(--font-pixel,monospace);color:var(--text-dim,#64748b);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:11px;transition:all .15s}.leaderboard-tab-btn.active{background:var(--bg-panel,#fff);color:var(--accent-gold-text,#b45309);font-weight:700;box-shadow:0 1px 3px #0000001a}.leaderboard-search-input{border:1px solid var(--border-color,#cbd5e1);background:var(--bg-panel,#fff);color:var(--text-paper,#1e293b);border-radius:6px;min-width:180px;padding:6px 12px;font-size:13px}.leaderboard-list{flex-direction:column;gap:8px;display:flex}.leaderboard-row{background:var(--bg-panel,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:8px;grid-template-columns:50px 42px 1fr auto;align-items:center;gap:14px;padding:12px 16px;transition:background .15s,transform .15s;display:grid}.leaderboard-row:hover{background:var(--bg-panel-2,#f8fafc);transform:translate(2px)}.leaderboard-row.is-current-user{border:2px solid var(--accent-gold,#e5b037);background:linear-gradient(90deg,#e5b03726 0%,#f59e0b14 100%);position:relative;box-shadow:0 4px 14px #e5b03738}.leaderboard-row.is-current-user:before{content:"★ YOUR RANK ★";background:var(--accent-gold,#e5b037);color:#000;font-family:var(--font-pixel,monospace);letter-spacing:.05em;border-radius:4px;padding:2px 8px;font-size:8px;font-weight:800;position:absolute;top:-9px;right:20px}.rank-col{justify-content:center;align-items:center;display:flex}.rank-number{font-family:var(--font-pixel,monospace);color:var(--text-dim,#64748b);font-size:14px;font-weight:800}.rank-number.top-one{color:#d97706;font-size:16px}.rank-number.top-two{color:#64748b;font-size:16px}.rank-number.top-three{color:#b45309;font-size:16px}.avatar-col{justify-content:center;align-items:center;display:flex}.player-hanko{background:#0000000d;border:1px solid #0000001a;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex}.info-col{flex-direction:column;gap:2px;min-width:0;display:flex}.player-main-line{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.player-username{color:var(--text-paper,#1e293b);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.you-pill{font-family:var(--font-pixel,monospace);background:var(--accent-gold,#e5b037);color:#1e293b;border-radius:4px;padding:1px 6px;font-size:9px;font-weight:800}.league-pill{font-family:var(--font-pixel,monospace);border-radius:4px;padding:2px 7px;font-size:9px;font-weight:700}.player-sub-line{color:var(--text-dim,#64748b);flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;display:flex}.xp-col{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.player-xp-val{font-family:var(--font-pixel,monospace);color:var(--accent-jade-bright,#059669);white-space:nowrap;font-size:15px;font-weight:800}.player-weekly-sub{color:var(--text-dim,#64748b);white-space:nowrap;font-size:11px}.league-tiers-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:14px;display:grid}.league-tier-box{background:var(--bg-panel,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:8px;align-items:flex-start;gap:12px;padding:14px;display:flex}.tier-icon-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.tier-details{flex-direction:column;gap:3px;display:flex}.tier-name{color:var(--text-paper,#1e293b);font-size:14px;font-weight:700}.tier-thresh{font-family:var(--font-pixel,monospace);font-size:11px;font-weight:700}.tier-desc{color:var(--text-dim,#64748b);font-size:12px}[data-theme=yoru] .leaderboard-title{color:#f8fafc}[data-theme=yoru] .podium-card,[data-theme=yoru] .leaderboard-row,[data-theme=yoru] .league-tier-box,[data-theme=yoru] .exp-explainer-panel{background:#1e293b;border-color:#334155}[data-theme=yoru] .standing-val{color:#f8fafc}[data-theme=yoru] .user-standings-banner{background:#1e293b;border-color:#f59e0b}[data-theme=yoru] .standing-label{color:#fde68a}[data-theme=yoru] .standing-rank-highlight{color:#fbbf24}[data-theme=yoru] .standing-league-name{color:#f8fafc}[data-theme=yoru] .standing-xp-highlight{color:#34d399!important}[data-theme=yoru] .standing-goal-val{color:#cbd5e1}[data-theme=yoru] .standing-goal-val strong{color:#fbbf24}[data-theme=yoru] .standing-hint{color:#94a3b8}[data-theme=yoru] .leaderboard-row:hover{background:#273549}[data-theme=yoru] .leaderboard-row.is-current-user{background:linear-gradient(90deg,#e5b03738 0%,#f59e0b1f 100%);border-color:#f59e0b}[data-theme=yoru] .player-hanko{background:#ffffff14;border-color:#ffffff26}[data-theme=yoru] .leaderboard-tabs{background:#0f172a}[data-theme=yoru] .leaderboard-tab-btn.active{color:#fbbf24;background:#1e293b}[data-theme=yoru] .leaderboard-search-input{color:#f8fafc;background:#0f172a;border-color:#334155}.profile-screen-container{flex-direction:column;gap:16px;max-width:720px;margin:0 auto;animation:.15s ease-out fadeIn;display:flex}.profile-hero-card{background:var(--bg-panel);border:2px solid var(--border-ui);box-shadow:0 4px 0 var(--border-ui), inset 2px 2px 0 #fff, inset -2px -2px 0 #c8b79b;border-radius:16px;align-items:center;gap:20px;padding:20px;display:flex;position:relative;overflow:hidden}[data-theme=yoru] .profile-hero-card{box-shadow:0 4px #000,inset 2px 2px #ffffff1a,inset -2px -2px #00000080}.profile-avatar-frame{background:var(--teal-wash);border:2px solid var(--border-ui);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:76px;height:88px;display:flex;position:relative;overflow:hidden;box-shadow:inset 1px 1px #fff,inset -1px -1px #c8b79b}[data-theme=yoru] .profile-avatar-frame{background:var(--bg-panel-2)}.profile-hero-details{flex:1;min-width:0}.profile-username{color:var(--text-paper);font-size:20px;font-weight:700;line-height:1.2}.profile-rank-badge{background:var(--bg-panel-2);border:1px solid var(--border-subtle);font-size:11px;font-family:var(--font-hud);color:var(--teal-deep);border-radius:999px;align-items:center;gap:6px;margin-top:6px;padding:4px 10px;font-weight:700;display:inline-flex}[data-theme=yoru] .profile-rank-badge{color:var(--teal-bright)}.profile-streak-pill{color:#8e2a1c;background:#fbe0e4;border:1px solid #8e2a1c33;border-radius:999px;align-items:center;gap:5px;margin-top:8px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}.profile-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}@media (width<=600px){.profile-stats-grid{grid-template-columns:1fr}}.profile-card{background:var(--bg-panel);border:1px solid var(--border-divider);box-shadow:0 2px 0 var(--border-divider);border-radius:16px;flex-direction:column;gap:10px;padding:16px 18px;display:flex}.profile-card-header{justify-content:space-between;align-items:center;display:flex}.profile-card-title{color:var(--text-muted);font-size:12px;font-family:var(--font-hud);letter-spacing:.05em;text-transform:uppercase}.profile-card-badge{background:var(--bg-panel-2);color:var(--text-dim);border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600}.profile-level-display{align-items:baseline;gap:10px;display:flex}.profile-big-number{color:var(--text-paper);font-size:28px;font-weight:700;font-family:var(--font-pixel);line-height:1}.profile-sub-stat{color:var(--text-muted);font-size:12px}.profile-progress-track{background:var(--bg-panel-2);border:1px solid var(--border-subtle);border-radius:999px;height:9px;position:relative;overflow:hidden}.profile-progress-fill{border-radius:999px;height:100%;transition:width .3s}.profile-progress-fill.teal{background:var(--teal-bright)}.profile-progress-fill.wakaba{background:var(--wakaba-500)}.profile-progress-fill.terra{background:var(--terra-500)}.profile-progress-label{color:var(--text-muted);font-size:11px}.profile-action-group{flex-direction:column;gap:10px;margin-top:4px;display:flex}.profile-settings-row{border-top:1px solid var(--border-divider);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.profile-settings-info{flex-direction:column;gap:2px;display:flex}.profile-settings-title{color:var(--text-paper);font-size:13px;font-weight:600}.profile-settings-desc{color:var(--text-muted);font-size:11px}.profile-notice-box{background:var(--bg-void);border:1px dashed var(--border-subtle);color:var(--text-dim);border-radius:12px;padding:12px 14px;font-size:12px;line-height:1.5}