:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#090c0b;--bg-2:#0c1110;--surface:#0f1615;--surface-2:#16211f;--surface-3:#1d2b28;--line:#222e2c;--line-2:#2c3d3a;--ink:#e6f2f0;--ink-2:#c6d9d5;--muted:#92a8a4;--faint:#6f8580;--accent:#02fac9;--accent-2:#7affe1;--accent-deep:#01a887;--accent-glow:#02fac94d;--accent-soft:#02fac91a;--on-accent:#032a21;--std:#c9f7ec;--std-2:#6fd9bf;--ok:#a3e35c;--ok-soft:#a3e35c24;--warn:#f2c94c;--warn-soft:#f2c94c21;--danger:#ff7a6b;--display:"Dela Gothic One", "Noto Sans JP", system-ui, sans-serif;--body:"Noto Sans JP", "Hiragino Sans", "Yu Gothic", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--numeral:"Roboto Slab", "Noto Serif", Georgia, serif;--r-lg:18px;--r-md:12px;--r-sm:8px;--side:248px;--tab-h:64px}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:16px;line-height:1.75}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(1200px 520px at 70% -120px,#02fac917,#0000 70%),radial-gradient(900px 480px at -10% 110%,#1e78661f,#0000 70%);position:fixed;inset:0}a{color:var(--accent-2);text-underline-offset:3px;text-decoration-thickness:1px}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%}h1,h2,h3{text-wrap:balance;word-break:auto-phrase;margin:0;line-height:1.35}p{margin:0}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent);color:var(--on-accent)}.app{grid-template-columns:1fr;min-height:100%;display:grid}.side{display:none}.main{min-width:0;padding-bottom:calc(var(--tab-h) + env(safe-area-inset-bottom,0px) + 24px)}.topbar{z-index:20;padding:calc(env(safe-area-inset-top,0px) + 10px) 16px 10px;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#090c0bd1;justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.tabbar{z-index:30;height:calc(var(--tab-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);background:#0c1110f0;grid-template-columns:repeat(6,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar a{color:var(--muted);letter-spacing:0;white-space:nowrap;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:10.5px;font-weight:500;text-decoration:none;display:flex}.tabbar a svg{width:22px;height:22px}.tabbar a.active{color:var(--accent)}.tabbar a.active svg{filter:drop-shadow(0 0 6px var(--accent-glow))}@media (width>=960px){.app{grid-template-columns:var(--side) 1fr}.side{border-right:1px solid var(--line);background:linear-gradient(#16211f8c,#090c0b33);flex-direction:column;gap:6px;height:100vh;padding:22px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.side .brand{padding:4px 10px 18px}.side nav{flex-direction:column;gap:2px;display:flex}.side .group{font-family:var(--mono);letter-spacing:.14em;color:var(--faint);text-transform:uppercase;padding:16px 12px 6px;font-size:11px}.side nav a{color:var(--ink-2);border-radius:10px;align-items:center;gap:12px;padding:9px 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.side nav a svg{width:18px;height:18px;color:var(--muted);flex:none}.side nav a:hover{background:var(--surface-2)}.side nav a.active{background:var(--accent-soft);color:var(--accent-2)}.side nav a.active svg{color:var(--accent)}.side .foot{flex-direction:column;gap:10px;margin-top:auto;padding:12px;display:flex}.topbar,.tabbar{display:none}.main{padding-bottom:48px}}.brand{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:flex}.brand .mark{filter:drop-shadow(0 0 8px var(--accent-glow));flex:none}.brand .word{font-family:var(--display);letter-spacing:.04em;white-space:nowrap;font-size:18px}.brand .word small,.word-mark small{font-family:var(--body);letter-spacing:.08em;color:var(--accent);margin-left:.35em;font-size:.62em;font-weight:700}.brand .mark{width:40px;height:30px}.topbar .brand{gap:8px;min-width:0}.topbar .brand .mark{width:34px;height:26px}.topbar .brand .word{font-size:16px}.topbar>.row{flex-wrap:nowrap}.brand-line .mark{width:44px;height:34px;filter:drop-shadow(0 0 10px var(--accent-glow))}.word-mark{font-family:var(--display);letter-spacing:.05em;color:var(--ink);text-shadow:0 0 18px #02fac940;font-size:24px}.page{flex-direction:column;gap:28px;max-width:900px;margin:0 auto;padding-block:26px 40px;padding-inline:18px;display:flex}@media (width>=960px){.page{padding-block:40px 60px;padding-inline:40px}}.eyebrow{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:11.5px}.h1{font-family:var(--display);letter-spacing:.02em;font-size:clamp(28px,6.4vw,42px);font-weight:400}.h2{font-family:var(--display);letter-spacing:.02em;font-size:clamp(21px,4.6vw,26px);font-weight:400}.h3{font-size:16.5px;font-weight:700}.lede{color:var(--ink-2);max-width:62ch;font-size:16.5px}.muted{color:var(--muted)}.small{font-size:13.5px}.mono{font-family:var(--mono)}.stack{flex-direction:column;gap:12px;display:flex}.stack-lg{flex-direction:column;gap:20px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.head{flex-direction:column;gap:8px;display:flex}.prose{flex-direction:column;gap:12px;max-width:64ch;display:flex}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px}.panel.lift{background:linear-gradient(180deg, var(--surface-2), var(--surface))}.panel.tight{padding:14px}.divider{background:var(--line);border:0;height:1px;margin:0}.grid-2{grid-template-columns:1fr;gap:14px;display:grid}@media (width>=720px){.grid-2{grid-template-columns:1fr 1fr}}.grid-3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.btn{border:1px solid var(--line-2);background:var(--surface-2);min-height:42px;color:var(--ink);cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:14.5px;font-weight:700;text-decoration:none;transition:transform 80ms,background .15s,border-color .15s;display:inline-flex}.btn:hover{border-color:var(--faint)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:default;transform:none}.btn.primary{background:linear-gradient(180deg, var(--accent-2), var(--accent));color:var(--on-accent);box-shadow:0 0 0 1px #7affe159, 0 8px 26px -10px var(--accent-glow);border-color:#0000}.btn.primary:hover{filter:brightness(1.05)}.btn.ghost{background:0 0}.btn.ok{color:#fff;background:#35652a;border-color:#4f8a3a}.btn.danger{border-color:var(--danger);color:var(--danger);background:0 0}.btn.sm{border-radius:9px;min-height:34px;padding:5px 12px;font-size:13px}.btn.block{width:100%}.iconbtn{border:1px solid var(--line);width:38px;height:38px;color:var(--ink-2);cursor:pointer;background:0 0;border-radius:10px;place-items:center;display:inline-grid}.iconbtn svg{width:18px;height:18px}.chip{border:1px solid var(--line-2);min-height:34px;color:var(--ink-2);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:5px 13px;font-size:13.5px;display:inline-flex}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:700}.chip:disabled{opacity:.35;cursor:default}.tabs{background:var(--surface-2);border:1px solid var(--line);border-radius:13px;gap:4px;max-width:100%;padding:4px;display:inline-flex;overflow-x:auto}.tabs button{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:9px;padding:8px 15px;font-size:14px}.tabs button[aria-selected=true]{background:var(--bg);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2);font-weight:700}.field{flex-direction:column;gap:6px;display:flex}.field>span,.label{color:var(--muted);font-size:12.5px}.input,.select,.textarea{border:1px solid var(--line-2);background:var(--bg-2);width:100%;min-height:42px;color:var(--ink);border-radius:10px;padding:9px 12px;font-size:15px}.textarea{resize:vertical;min-height:76px;line-height:1.6}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.check{cursor:pointer;align-items:flex-start;gap:10px;font-size:14.5px;line-height:1.55;display:flex}.check input{width:18px;height:18px;accent-color:var(--accent);flex:none;margin-top:2px}input[type=range]{accent-color:var(--accent)}.badge{font-family:var(--mono);letter-spacing:.08em;border:1px solid var(--line-2);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:2px 9px;font-size:11px;display:inline-flex}.badge.light{color:var(--accent-2);border-color:#02fac980}.badge.standard{color:#062a22;background:linear-gradient(135deg, #fff, var(--std) 45%, var(--std-2));border-color:#0000;font-weight:600}.badge.none,.badge.new{color:var(--muted)}.badge.check{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.badge.maru{color:#16280a;background:var(--ok);border-color:var(--ok)}.badge.due{color:#231b05;background:var(--warn);border-color:var(--warn)}.pill-status{color:var(--muted);align-items:center;gap:6px;font-size:11.5px;display:inline-flex}.pill-status:before{content:"";background:var(--faint);border-radius:50%;width:7px;height:7px}.pill-status.saved:before{background:var(--ok)}.pill-status.pending:before{background:var(--accent)}.pill-status.offline:before{background:var(--danger)}.steps{counter-reset:s;flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.steps>li{counter-increment:s;grid-template-columns:34px 1fr;align-items:start;gap:12px;display:grid}.steps>li:before{content:counter(s);width:30px;height:30px;font-family:var(--mono);color:var(--accent-2);background:var(--accent-soft);border:1px solid #02fac973;border-radius:50%;place-items:center;font-size:13px;font-weight:600;display:grid}.bullets{flex-direction:column;gap:6px;margin:0;padding-left:1.2em;display:flex}.bullets li::marker{color:var(--accent)}.note{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);flex-direction:column;gap:8px;padding:14px 16px;font-size:14.5px;display:flex}.note strong{color:var(--accent-2)}.gate{background:var(--ok-soft);border:1px solid #a3e35c40;border-radius:10px;padding:9px 13px;font-size:14px}.gate b{color:var(--ok)}.principle{color:var(--muted);border-left:2px solid var(--accent);padding-left:12px;font-size:13.5px}.principle a{color:var(--ink-2)}.table-wrap{border:1px solid var(--line);border-radius:var(--r-md);overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:560px;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:11px 13px;line-height:1.6}th{color:var(--muted);letter-spacing:.04em;background:var(--surface-2);font-size:12px;font-weight:500}tr:last-child td{border-bottom:none}.amp{background:linear-gradient(#131c1a,#0c1211);border:1px solid #273a36;border-radius:20px;flex-direction:column;gap:16px;padding:18px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0a,0 18px 40px -24px #000}.amp:before{content:"";border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff03 0 2px,#0000 2px 4px);position:absolute;inset:0}.screen{text-align:center;background:radial-gradient(120% 90% at 50% 30%,#0e2a24 0%,#0b1412 55%,#080d0c 100%);border:1px solid #1f4039;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:220px;padding:26px 16px;display:flex;position:relative;box-shadow:inset 0 0 40px #0009}.screen .big{font-family:var(--numeral);letter-spacing:.02em;color:var(--accent-2);text-shadow:0 0 18px #02fac98c,0 0 2px #c8fff2cc;font-size:clamp(54px,15vw,88px);font-weight:700;line-height:1}.screen .big.long{letter-spacing:0;font-size:clamp(30px,8vw,46px)}.screen .big.hide{color:#0000;text-shadow:none}.screen .big.hide:after{content:"?";color:#02fac966;text-shadow:0 0 14px #02fac94d;position:absolute;left:0;right:0}.screen .bigwrap{position:relative}.screen .sub{color:#9cc7be;font-size:14px}.screen .msg{color:var(--accent-2);min-height:1.6em;font-size:13px}.screen .keytag{font-family:var(--mono);letter-spacing:.1em;color:#669c91;font-size:11px;position:absolute;top:10px;left:12px}.screen .count{font-family:var(--mono);color:#669c91;font-size:11px;position:absolute;top:10px;right:12px}.knobs{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cue{font-family:var(--mono);color:#6f9a91;justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.cue .step{border:1px solid #274a43;border-radius:13px;justify-content:center;align-items:center;min-width:26px;height:26px;padding:0 8px;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.cue .step.key{padding:0 10px}.cue .step.past{color:#80b3a9;border-color:#366b60}.cue .step.on{color:var(--on-accent);background:var(--accent-2);border-color:var(--accent-2);box-shadow:0 0 12px #02fac980}.cue .rest{letter-spacing:2px;color:#5d857c}.cue .rest.on{color:var(--accent-2)}.cue-text{color:#80b3a9;min-height:1.5em;font-size:13px}.dict-slots{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.dict-slots .slot{min-width:68px;height:72px;color:var(--accent-2);cursor:pointer;background:#00000040;border:1px dashed #366b60;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0 10px;font-size:28px;display:inline-flex;position:relative}.dict-slots .slot:disabled{cursor:default;opacity:1}.dict-slots .slot.next{border-style:solid;border-color:var(--accent);box-shadow:0 0 10px #02fac959}.dict-slots .slot.ok{border-style:solid;border-color:var(--ok)}.dict-slots .slot.ng{border-style:solid;border-color:var(--warn)}.dict-slots .slot.ng>.numeral:first-child{opacity:.6;font-size:22px;text-decoration:line-through;text-decoration-thickness:2px}.dict-slots .slot .fix{color:var(--ok);font-size:16px}.dict-words{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;display:grid}.dict-words .btn{min-height:52px;font-size:21px}.counts{font-family:var(--mono);color:var(--muted);flex-wrap:wrap;gap:16px;font-size:12px;display:flex}.counts b{color:var(--ink);font-size:14px;font-weight:600}.cardgrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.vcard{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:7px;padding:11px;display:flex}.vcard .top{justify-content:space-between;align-items:center;gap:6px;display:flex}.vcard .lab{font-family:var(--numeral);letter-spacing:.02em;font-size:21px;font-weight:700}.numeral{font-family:var(--numeral);letter-spacing:.02em;font-weight:700}.vcard .s{color:var(--muted);font-size:12px;line-height:1.45}.vcard[data-s=maru]{opacity:.8}.vcard .select{min-height:32px;padding:3px 8px;font-size:12.5px}.vcard .top .btn{white-space:nowrap;flex:none}.vcard .top .select{flex:1;min-width:0}.fret-wrap{background:linear-gradient(#141c1a,#0c1311);border:1px solid #22332f;border-radius:16px;padding:14px 10px 8px;overflow-x:auto}.fret-wrap svg{width:100%;height:auto;display:block}.fret-wrap .dot{cursor:pointer}.fret-wrap .dot:hover circle,.fret-wrap .dot:focus-visible circle{filter:drop-shadow(0 0 6px var(--accent-glow))}.fret-wrap .dot:focus-visible{outline:none}@keyframes breathe{0%,to{opacity:1}50%{opacity:.55}}.vu{background:linear-gradient(#e3faf3,#bfe9dd);border:1px solid #3b6e62;border-radius:14px;padding:12px 12px 8px;box-shadow:inset 0 2px 10px #00000040,0 10px 30px -18px #000}.vu svg{width:100%;height:auto;display:block}.vu-needle{transform-origin:150px 150px;transition:transform 1.1s cubic-bezier(.2,.9,.25,1.15)}.kv{grid-template-columns:auto 1fr;gap:6px 14px;font-size:14px;display:grid}.kv dt{color:var(--muted)}.kv dd{margin:0}.avatar{object-fit:cover;background:var(--surface-3);border-radius:50%;flex:none;width:30px;height:30px}.spark{align-items:flex-end;gap:3px;height:38px;display:flex}.spark span{background:var(--line-2);border-radius:2px 2px 0 0;flex:1;min-height:2px}.spark span.today{background:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.menu{flex-direction:column;display:flex}.menu a,.menu button.item{border:0;border-bottom:1px solid var(--line);color:var(--ink);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:12px;width:100%;padding:13px 4px;text-decoration:none;display:flex}.menu a:last-child,.menu button.item:last-child{border-bottom:0}.menu .grow{flex-direction:column;flex:1;min-width:0;display:flex}.menu .t{font-size:15px;font-weight:700}.menu .d{color:var(--muted);font-size:13px}.menu .arrow{color:var(--faint)}.kbd-hint{color:var(--faint);font-size:12px}.player{aspect-ratio:16/9;border:1px solid var(--line);background:#000;border-radius:14px;width:100%;min-height:202px;position:relative;overflow:hidden}.player>div,.player iframe{position:absolute;inset:0;width:100%!important;height:100%!important}.marks{flex-direction:column;gap:6px;display:flex}.mark{background:var(--surface-2);border:1px solid var(--line);border-radius:9px;align-items:center;gap:10px;padding:7px 10px;display:flex}.mark .t{font-family:var(--mono);color:var(--accent-2);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px}.mark .x{margin-left:auto}.toast{left:50%;bottom:calc(var(--tab-h) + 20px + env(safe-area-inset-bottom,0px));z-index:50;background:var(--surface-3);border:1px solid var(--line-2);border-radius:12px;padding:10px 16px;font-size:14px;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px -12px #000}@media (width>=960px){.toast{bottom:28px}}.levelup{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050807d1;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.levelup .box{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:420px;display:flex}.levelup .lv{font-family:var(--display);color:var(--accent-2);text-shadow:0 0 30px #02fac9b3;font-size:76px;animation:.7s cubic-bezier(.2,1.4,.4,1) both pop}.levelup .ring{background:radial-gradient(circle, var(--accent-2) 0 22%, #02fac959 23% 40%, transparent 41%);border-radius:50%;width:120px;height:120px;animation:1.4s ease-out both glow}@keyframes pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes glow{0%{opacity:0;transform:scale(.2)}60%{opacity:1}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.hero{flex-direction:column;gap:18px;padding-block:20px 8px;display:flex}.hero .h1{font-size:clamp(36px,9vw,64px);line-height:1.15}.hero .h1 em{color:var(--accent-2);text-shadow:0 0 24px #02fac966;font-style:normal}.discord-btn{color:#fff;background:#5865f2;border-color:#5865f2}.discord-btn:hover{filter:brightness(1.08);border-color:#5865f2}.feature{flex-direction:column;gap:6px;display:flex}.feature .k{font-family:var(--mono);color:var(--accent);letter-spacing:.1em;font-size:12px}.dont-list{grid-template-columns:1fr;gap:10px;display:grid}@media (width>=720px){.dont-list{grid-template-columns:1fr 1fr}}.dont-item{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.dont-item p{font-size:14.5px;line-height:1.6}.dont-x{color:var(--danger);margin-right:8px;font-weight:700}.dont-o{color:var(--ok);margin-right:8px;font-weight:700}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.glossary{grid-template-columns:1fr;gap:10px;margin:0;display:grid}@media (width>=720px){.glossary{grid-template-columns:1fr 1fr}}.gterm{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:6px;padding:13px 15px;display:flex}.gterm dt{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.gterm dd{color:var(--ink-2);flex-direction:column;gap:6px;margin:0;font-size:14.5px;line-height:1.65;display:flex}.gbass{color:var(--muted);border-left:2px solid var(--accent);padding-left:10px;font-size:13.5px}.gbass span{color:var(--accent-2);margin-right:8px;font-size:12px;font-weight:700}.player-card{background:repeating-linear-gradient(90deg,#ffffff05 0 1px,#0000 1px 3px),linear-gradient(#16211f,#0e1514 70%);border:1px solid #273d39;border-radius:18px;flex-direction:column;gap:18px;padding:22px 20px 20px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0d,inset 0 -2px #0006,0 20px 44px -26px #000}.player-card .screw{background:radial-gradient(circle at 35% 35%,#768a86,#2d3b38 70%);border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:inset 0 0 0 1px #00000080}.player-card .screw:after{content:"";background:#0000008c;height:1px;position:absolute;top:4px;left:1px;right:1px;transform:rotate(35deg)}.player-card .tl{top:9px;left:9px}.player-card .tr{top:9px;right:9px}.player-card .bl{bottom:9px;left:9px}.player-card .br{bottom:9px;right:9px}.pc-top{justify-content:space-between;align-items:center;padding-inline:10px;display:flex}.pc-label{font-family:var(--mono);letter-spacing:.22em;color:#8db9b0;font-size:11px}.pc-brand{font-family:var(--display);letter-spacing:.1em;color:#add9d0;opacity:.85;font-size:13px}.pc-main{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.pc-level{align-items:center;gap:16px;min-width:0;display:flex}.lv-window{background:radial-gradient(120% 110% at 50% 25%,#103a32 0%,#091513 60%,#060b0a 100%);border:1px solid #224a42;border-radius:12px;justify-content:center;align-items:baseline;gap:2px;min-width:104px;padding:10px 16px 8px;display:flex;box-shadow:inset 0 0 22px #000000b3,0 0 0 3px #080c0b}.lv-prefix{font-family:var(--mono);color:var(--accent-2);opacity:.8;text-shadow:0 0 10px #02fac980;font-size:18px;font-weight:600}.lv-num{font-family:var(--display);color:var(--accent-2);text-shadow:0 0 16px #02fac9b3,0 0 2px #c8fff2e6;font-size:52px;line-height:1}.pc-title{flex-direction:column;gap:2px;min-width:0;display:flex}.pc-title .rank{font-family:var(--display);letter-spacing:.04em;color:var(--ink);word-break:auto-phrase;font-size:clamp(18px,4.6vw,24px)}.pilots{gap:8px;display:flex}.pilot{flex-direction:column;align-items:center;gap:4px;display:flex}.pilot i{background:radial-gradient(circle at 38% 35%,#3c5c56,#15221f 70%);border-radius:50%;width:16px;height:16px;box-shadow:inset 0 0 0 1.5px #080d0c,0 0 0 2px #273a36}.pilot.on i{background:radial-gradient(circle at 38% 35%,#e6fff8,#02fac9 45%,#01876c 80%);box-shadow:inset 0 0 0 1.5px #014d3e,0 0 0 2px #273a36,0 0 12px #02fac9bf}.pilot.now i{animation:2.4s ease-in-out infinite breathe}.pilot b{font-family:var(--mono);color:#669c91;font-size:10px;font-weight:400}.pilot.on b{color:var(--accent-2)}.pc-next{background:#00000040;border:1px solid #202f2c;border-radius:12px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.led-meter{grid-template-columns:repeat(20,1fr);gap:3px;display:grid}.led-meter span{background:#1c2a27;border-radius:2px;height:12px;box-shadow:inset 0 0 0 1px #0a1210}.led-meter span.on{background:linear-gradient(#a8ffe9,#02fac9);box-shadow:0 0 8px #02fac98c}.led-meter span.on.hot{background:linear-gradient(#ffb59a,#eb6a4a);box-shadow:0 0 8px #eb6a4a8c}.quests{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.quest{align-items:center;gap:10px;font-size:14px;line-height:1.5;display:flex}.quest .lamp{background:#273a36;border-radius:50%;flex:none;width:10px;height:10px;box-shadow:inset 0 0 0 1px #0a1210}.quest.done .lamp{background:var(--ok);box-shadow:0 0 8px #a3e35ccc}.quest .qtext{flex:1;min-width:0}.quest.done .qtext{color:var(--muted)}.quest .qcount{color:var(--accent-2);white-space:nowrap;font-size:12.5px}.quest.done .qcount{color:var(--ok)}.quest .counter{align-items:center;gap:4px;font-size:12.5px;display:inline-flex}.quest .counter .btn{min-height:28px;padding:2px 9px}.toggle{cursor:pointer;flex:none;display:inline-flex;position:relative}.toggle input{opacity:0;width:1px;height:1px;position:absolute}.toggle span[aria-hidden]{background:#1c2a27;border-radius:999px;width:40px;height:22px;transition:background .15s;position:relative;box-shadow:inset 0 0 0 1px #0a1210}.toggle span[aria-hidden]:after{content:"";background:radial-gradient(circle at 40% 35%,#e6f2f0,#92a8a4);border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px}.toggle input:checked+span{background:var(--accent-deep)}.toggle input:checked+span:after{transform:translate(18px)}.toggle input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.levelup-btn{align-self:flex-start;animation:1.8s ease-in-out infinite breathe}.wave-scroll{border:1px solid var(--line);background:#0c1211;border-radius:12px;overflow-x:auto}.wave-inner{touch-action:pan-x;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.wave-inner canvas{display:block}.wave-head{background:var(--accent-2);pointer-events:none;will-change:transform;width:2px;position:absolute;top:0;left:0;box-shadow:0 0 8px #7affe1cc}.pickgrid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;display:grid}.pick{border:1px solid var(--line-2);background:var(--surface-2);min-height:86px;color:var(--ink);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:1px;padding:10px 6px 8px;transition:transform 80ms,border-color .15s,box-shadow .2s;display:flex}.pick:active{transform:scale(.96)}.pick .lab{font-size:24px;line-height:1.2}.pick .s{color:var(--muted);font-size:11px}.pick .n{font-family:var(--mono);color:var(--faint);font-size:10.5px}.pick[data-s=maru] .n,.pick[data-s=check] .n{color:var(--accent-2)}.pick .n.has{color:var(--accent-2);font-weight:600}.pick.hit{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft), 0 0 18px var(--accent-glow)}.grad-meter{flex-direction:column;gap:8px;display:flex}.grad-meter .bar{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;height:8px;overflow:hidden}.grad-meter .bar span{background:linear-gradient(90deg, var(--accent-deep), var(--accent));height:100%;box-shadow:0 0 10px var(--accent-glow);display:block}.graduation{border-color:var(--accent);background:linear-gradient(165deg, var(--accent-soft), var(--surface) 60%)}.mode-tabs{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mode-tab{text-align:left;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:12px;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.mode-tab[aria-pressed=true]{border-color:var(--accent);background:linear-gradient(170deg, #02fac91f, var(--surface) 60%)}.mode-tab .t{font-size:14.5px;font-weight:700}.mode-tab .d{color:var(--muted);font-size:12.5px;line-height:1.5}.rec-dot{background:#eb4a3a;border-radius:50%;width:10px;height:10px;animation:1s ease-in-out infinite breathe;display:inline-block;box-shadow:0 0 10px #eb4a3acc}@media (width<=560px){.amp{border-radius:16px;padding:12px}.fret-wrap{padding:8px 4px 4px}}@media (pointer:coarse){.chip,.btn.sm{min-height:44px}.quest .counter .btn{min-width:40px;min-height:40px}.toggle{margin:-11px -4px;padding:11px 4px}.input,.select,.textarea,.vcard .select{font-size:16px}}.deck-pick summary{cursor:pointer;border:1px solid var(--line-2);background:var(--surface);border-radius:12px;align-items:center;gap:10px;min-height:44px;padding:10px 12px;list-style:none;display:flex}.deck-pick summary::-webkit-details-marker{display:none}.deck-pick summary .grow{flex:1;min-width:0}.deck-pick-open{color:var(--accent-2);white-space:nowrap}.deck-pick-open:after{content:" ▾"}.deck-pick[open] .deck-pick-open:after{content:" ▴"}.deck-pick summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=560px){.vocab-page .head .lede{display:none}.vocab-page{gap:20px;padding-top:18px}.screen{min-height:190px;padding:22px 14px}}