:root{--bg:#0f1115;--panel:#1a1d24;--line:#2c313c;--text:#e8e6e1;--muted:#8b909a;--warm:#f2c14e;--warm2:#f78154;--cool:#9fb7d4;--paper:#f4ead5;--ink:#0a0c10;--danger:#ff2e63;--scrim:radial-gradient(ellipse at center, #1a1d24e6 0%, #0f1115f2 70%);--font-ui:"Pretendard JP Variable", "Pretendard JP", "Apple SD Gothic Neo", "Hiragino Sans", "Noto Sans KR", "Noto Sans JP", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Pretendard JP Variable", ui-monospace, Menlo, monospace;--font-num:var(--font-ui);--fs-xs:12px;--fs-sm:14px;--fs-md:16px;--fs-lg:20px;--fs-xl:clamp(22px, 5vw, 28px);--fs-hero:clamp(26px, 7vw, 44px);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-6:24px;--sp-8:32px;--r-sm:8px;--r-md:12px;--r-pill:999px;--tap:44px;--ease:cubic-bezier(.2, .7, .2, 1)}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none}html,body{overscroll-behavior:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:var(--bg);height:100%;color:var(--text);font-family:var(--font-ui);touch-action:none;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}#game{position:fixed;inset:0}.debug-only{display:none}body.debug .debug-only{display:revert}*{scrollbar-width:thin;scrollbar-color:#e8e6e147 transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#e8e6e133 padding-box padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:#e8e6e166}::-webkit-scrollbar-corner{background:0 0}.panel{scrollbar-gutter:stable}#game:after{content:"";pointer-events:none;background:linear-gradient(#0f1115d9,#0f111580 55%,#0000);height:150px;position:fixed;inset:0 0 auto}#hud{top:max(8px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));right:calc(124px + env(safe-area-inset-right));pointer-events:none;max-width:520px;font-size:var(--fs-sm);font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000;position:fixed}.hud-row{flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:4px;display:flex}.hud-row.small{font-size:var(--fs-xs);color:var(--muted)}#hud-time,#hud-level{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-weight:800}#hud-time{font-size:18px}#hud-score{font-family:var(--font-num);color:var(--warm);font-variant-numeric:tabular-nums;font-weight:700}@media (width<=400px){#hud-slots{display:none}}#hud-era{color:var(--muted);white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}#hud-era b{font-weight:inherit}@media (width<=400px){#hud-era .era-name{display:none}}#hud .hud-row:first-child{flex-wrap:nowrap}#hud .hud-row:first-child>span{white-space:nowrap;flex-shrink:0}#hud .hud-row:first-child>#hud-era{flex-shrink:1}.bar{border-radius:var(--r-pill);background:#ffffff14;height:6px;margin-bottom:4px;overflow:hidden}.bar-fill{border-radius:inherit;width:0;height:100%}.meter{align-items:center;gap:6px;max-width:360px;margin-bottom:5px;display:flex}.meter .bar{background:#0f1115cc;flex:1;margin:0;box-shadow:inset 0 0 0 1px #ffffff1a}.meter.hp .bar,.meter.xp .bar{height:10px}.meter-ico{flex:none;width:14px;height:14px}.meter.hp .meter-ico{color:var(--warm2)}.meter.xp .meter-ico{color:#5ce1e6}.meter-n{text-align:right;min-width:34px;font:700 12px var(--font-num);font-variant-numeric:tabular-nums;color:var(--text)}.meter.xp .meter-n{color:#5ce1e6}.bar-fill.hp{background:linear-gradient(180deg, #ffb08a, var(--warm2) 55%, #d9603a);box-shadow:0 0 8px #f7815466}.bar-fill.xp{background:linear-gradient(#a6f1f4,#5ce1e6 55%,#2fa9b6);box-shadow:0 0 8px #5ce1e666}#controls{top:max(8px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));flex-wrap:wrap-reverse;justify-content:flex-end;align-items:flex-start;gap:8px;max-width:calc(100% - 32px);display:flex;position:fixed;left:auto}button{font:inherit;font-size:var(--fs-sm);min-height:var(--tap);color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:var(--r-sm);cursor:pointer;padding:10px 16px}@media (hover:hover){button:hover{border-color:var(--warm)}}button:active,button:focus-visible{border-color:var(--warm);outline:none}button.on{border-color:var(--warm);color:var(--warm)}button:disabled{opacity:.4;cursor:default}.icon-btn{width:var(--tap);height:var(--tap);border-radius:var(--r-pill);color:var(--text);background:#1a1d24cc;place-items:center;padding:0;display:grid}.ico-svg{width:20px;height:20px;display:block}.actions .primary,.pause-actions .primary,.title-page .start,.account-form .primary,.last-word .primary,.install-card .primary{font-size:var(--fs-md);background:var(--warm);min-height:48px;color:var(--bg);border-radius:var(--r-pill);border:0;padding:12px 32px;font-weight:800;box-shadow:0 0 24px #f2c14e55}.actions .primary:disabled{opacity:1;box-shadow:none;color:var(--muted);background:0 0;border:1px dashed #8b909a80}.ghost{color:var(--muted);border-radius:var(--r-pill);background:0 0;border-color:#0000}.actions button:not(.primary),.pause-actions button:not(.primary),.choice-controls button,.last-word button{border-radius:var(--r-pill);min-height:48px;font-size:var(--fs-md);color:var(--text);background:0 0;border:1px solid #e8e6e159;padding:12px 28px;font-weight:600}@media (hover:hover){.ghost:hover{color:var(--text);border-color:var(--line)}}#joystick{pointer-events:none;background:#ffffff08;border:2px solid #ffffff30;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;display:none;position:fixed}#joystick-knob{background:#f2c14e99;border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;position:absolute;top:50%;left:50%}#overlay{background:var(--scrim);z-index:10;justify-content:center;align-items:safe center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}#overlay[hidden]{display:none}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);width:100%;max-width:520px;max-height:100%;padding:var(--sp-6);animation:panel-in .24s var(--ease);overflow-y:auto}.panel.wide{max-width:760px}.panel.bare{padding:var(--sp-2);background:0 0;border:0;max-width:820px}.panel.bare h2{text-shadow:0 2px 12px #000;font-size:clamp(26px,6vw,34px)}@keyframes panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.panel h2{margin:0 0 var(--sp-1);font-size:var(--fs-xl);text-align:center;font-weight:800}.panel .sub{margin:0 0 var(--sp-4);color:var(--muted);font-size:var(--fs-sm);text-align:center;line-height:1.5}.panel .item-line{margin:var(--sp-2) 0 var(--sp-1);text-align:center;font-size:var(--fs-sm)}.cards{gap:var(--sp-3);display:grid}.card{gap:var(--sp-3);text-align:left;border-radius:var(--r-md);font-size:var(--fs-sm);background:#0f111599;grid-template-columns:48px 1fr;align-items:center;width:100%;padding:14px;display:grid}.card .name{font-weight:700;font-size:var(--fs-md)}.card .chips{margin-top:2px}.card .meta{color:var(--muted);margin-top:2px;font-size:13px}.lvl-actions{gap:var(--sp-3);margin-top:var(--sp-6);grid-template-columns:repeat(2,minmax(0,300px));justify-content:center;display:grid}.lvl-act{border-radius:var(--r-md);min-width:0;min-height:60px;color:var(--text);text-align:left;background:#14171dee;border:1px solid #ffffff26;align-items:center;gap:10px;padding:10px 16px;display:flex;box-shadow:0 6px 18px #0007}.lvl-act>.ico-svg{width:22px;height:22px;color:var(--paper);flex:none}.lvl-act .txt{flex:1;line-height:1.3;display:grid}.lvl-act .txt b{font-size:var(--fs-md)}.lvl-act .txt small{font-size:var(--fs-xs);color:var(--muted)}@media (width<=520px){.lvl-actions{gap:var(--sp-2);grid-template-columns:1fr 1fr}.lvl-act{gap:8px;padding:10px 12px}.lvl-act .txt small{display:none}}.pips{flex:none;gap:4px;display:flex}.pips i{border:1.5px solid var(--muted);border-radius:50%;width:8px;height:8px}.pips i.on{background:var(--warm);border-color:var(--warm)}.lvl-act[aria-pressed=true]{border-color:var(--text);background:#2a2d35}@media (hover:hover){.lvl-act:not(:disabled):hover{border-color:#fff6}}.deny-veil{border-radius:inherit;z-index:2;color:var(--text);text-align:center;padding:var(--sp-4);background:#12151be0;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:none;position:absolute;inset:0}.deny-veil .ico-svg{width:34px;height:34px}.deny-veil b{font-size:var(--fs-md)}.deny-veil small{font-size:var(--fs-xs);color:var(--muted)}.panel.deny-mode .card.choice:not(.no-deny) .deny-veil{display:flex}.panel.deny-mode .card.choice:not(.no-deny){border-style:dashed;border-color:#e8e6e199}.panel.deny-mode .card.choice.no-deny{opacity:.35;pointer-events:none}.card.choice{background:#14171dee;border:1px solid #ffffff1f;padding-top:36px;position:relative;box-shadow:0 10px 30px #0008}.card .kind{margin-top:2px;font-size:13px}.card .desc{color:var(--text);margin-top:var(--sp-2);white-space:pre-line;font-size:15px;line-height:1.45}.card-foot{box-sizing:border-box;padding-top:var(--sp-2);border-top:1px solid var(--line);flex-direction:column;justify-content:flex-start;align-items:center;width:100%;display:flex}.card-foot .chips{margin:0}.card-badge{font:700 11px/18px var(--font-num);font-variant-numeric:tabular-nums;border-radius:var(--r-pill);border:1px solid var(--line);color:var(--muted);background:var(--bg);padding:0 8px;position:absolute;top:10px;left:10px}.card-badge.new{color:var(--bg);background:var(--warm);border-color:var(--warm);letter-spacing:.06em}.card-badge.master{color:var(--bg);background:var(--warm);border-color:var(--warm);align-items:center;gap:4px;display:inline-flex}.card-badge.master .ico-svg{width:12px;height:12px}.card.choice.mastering{border-color:#f2c14e8c;box-shadow:0 10px 30px #0008,inset 0 0 0 1px #f2c14e40}.card-badge.up{color:var(--text);border-color:#e8e6e166}.card .hint{color:#f4ead5b3;font-size:var(--fs-xs);margin-top:var(--sp-1)}.card[disabled]{opacity:.4;cursor:default}.card-row{position:relative}.card-row .card{padding-right:52px}.deny{width:var(--tap);height:var(--tap);color:var(--muted);border-radius:var(--r-pill);background:0 0;border-color:#0000;padding:0;position:absolute;top:4px;right:4px}@media (hover:hover){.deny:hover{color:var(--text);border-color:var(--line)}}.choice-controls{margin-top:var(--sp-4)}.ghost-note{min-height:var(--tap);padding:0 var(--sp-3);color:var(--muted);font-size:var(--fs-sm);align-items:center;display:inline-flex}.choice-controls .ghost-note{font-size:var(--fs-xs);padding:0}.cards+.sub{margin-top:var(--sp-4)}@media (width>=720px){.cards.choices{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.card.choice{text-align:center;height:100%;padding:var(--sp-6) var(--sp-4) var(--sp-4);grid-template-columns:1fr;align-content:start;justify-items:center}.card-row .card.choice{padding-right:var(--sp-4)}.card.choice .name{margin-top:var(--sp-2);font-size:20px}.card.choice .swatch{width:72px;height:72px}.card.choice{padding-top:var(--sp-8);grid-template-rows:auto 1fr}.card.choice .body{flex-direction:column;align-items:center;width:100%;height:100%;display:flex}.card.choice .card-foot{margin-top:auto}.card.choice .desc{margin-bottom:var(--sp-3)}}.swatch{border-radius:22%;flex:none;place-items:center;width:48px;height:48px;display:inline-grid}.swatch.sm{vertical-align:middle;width:22px;height:22px}.swatch.badge,.swatch.stat-ring{border-radius:50%}.swatch.badge{background:radial-gradient(closest-side, var(--muted) 0 22%, transparent 24%), conic-gradient(var(--c) 0 30deg, var(--muted) 30deg 330deg, var(--c) 330deg);-webkit-mask:radial-gradient(closest-side,#000 0 24%,#0000 25% 86%,#000 87.5% 99%,#0000);mask:radial-gradient(closest-side,#000 0 24%,#0000 25% 86%,#000 87.5% 99%,#0000)}.swatch.stat-ring{border:2px solid var(--muted);box-shadow:inset 0 0 0 3px var(--bg), inset 0 0 0 5px var(--muted)}.swatch.img{background:0 0;border:0;padding:0;overflow:hidden}.swatch.img img{width:100%;height:100%;display:block}.swatch.threshold-mark{background:var(--bg);border:1.5px solid var(--muted);color:var(--paper);border-radius:50%}.swatch.threshold-mark .ico-svg{width:28px;height:28px}.chip{font-size:var(--fs-xs);border-radius:var(--r-pill);border:1px solid var(--line);color:var(--muted);vertical-align:middle;margin-right:2px;padding:0 8px;font-weight:500;line-height:18px;display:inline-block}.chip.on{color:var(--warm);border-color:#f2c14e99}#hud-policy{flex-wrap:wrap;gap:4px;min-height:0}.slot{aspect-ratio:1;border-radius:var(--r-md);border:2px dashed var(--line);background:var(--bg);align-content:center;place-items:center;gap:var(--sp-1);min-width:0;min-height:0;font-size:var(--fs-xs);padding:var(--sp-1);text-align:center;display:grid;overflow:hidden}.slot>div{text-overflow:ellipsis;white-space:nowrap;max-width:100%;line-height:1.2;overflow:hidden}.slot .swatch{width:28px;height:28px}.slot.filled{border-style:solid}.slot.recommended{border-color:var(--warm);background:#f2c14e10}.slot.preview{border-color:var(--warm);border-style:dashed;box-shadow:0 0 14px #f2c14e66}.slot .dir{color:var(--muted);font-size:11px}.slot .lv{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.threshold{vertical-align:middle;color:var(--paper);display:inline-block}.threshold .ico-svg{width:12px;height:12px}.slot.locked{color:var(--muted);cursor:default;border-style:dashed}.slot.locked .lock .ico-svg{width:16px;height:16px}.slot.locked.unlockable{cursor:pointer;border-color:#f2c14e99}.slot.locked.preview{cursor:pointer;color:var(--text)}.ring-stage{aspect-ratio:1;width:min(100%,340px,46vh);margin:var(--sp-2) auto var(--sp-6);position:relative}.ring-particles{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ring-human{aspect-ratio:1/2;background:var(--bg-title) 50% 75.7% / 1045% auto no-repeat;pointer-events:none;width:22%;position:absolute;top:50%;left:50%;transform:translate(-50%,-41%);-webkit-mask-image:radial-gradient(closest-side,#000 62%,#0000);mask-image:radial-gradient(closest-side,#000 62%,#0000)}.ring-stage .slot{left:calc(50% + 37% * sin(var(--a)));top:calc(50% - 37% * cos(var(--a)));aspect-ratio:1;width:17%;color:var(--text);background:#0f1115e0;border:1.5px solid #e8e6e18c;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;overflow:visible;transform:translate(-50%,-50%)}.ring-stage .slot .swatch{aspect-ratio:1;width:92%;height:auto}.ring-stage .slot .swatch.img img{clip-path:circle(39%)}.ring-stage .slot.filled .swatch.badge{background:var(--c);width:40%;-webkit-mask:none;mask:none}.ring-stage .slot.filled{background:var(--text);border:2px solid var(--c,var(--text))}.ring-stage .slot.filled .swatch.img img{filter:brightness(.13)}.ring-stage .slot .dir{white-space:nowrap;font-size:var(--fs-xs);border-radius:var(--r-pill);color:var(--text);background:#0f1115e6;padding:0 8px;font-weight:600;line-height:20px;position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%)}.ring-stage .slot .lv{border-radius:var(--r-pill);background:var(--bg);min-width:16px;color:var(--text);font:700 10px/16px var(--font-num);padding:0 4px;position:absolute;bottom:-4px;right:-6px}.ring-stage .slot.filled.master{box-shadow:0 0 0 3px var(--bg), 0 0 0 5px var(--warm), 0 0 14px #f2c14e55}.ring-stage .slot .lv.master{background:var(--warm);width:18px;min-width:0;height:18px;color:var(--bg);place-items:center;padding:0;display:grid}.ring-stage .slot .lv.master .ico-svg{width:12px;height:12px}.ring-stage .slot.recommended{border:1.5px dashed var(--warm);background:#0f1115e0}.ring-stage .slot.recommended .dir{color:var(--warm)}.ring-stage .slot.locked{color:var(--muted);background:#0f1115cc;border:1.5px solid #8b909a80}.ring-stage .slot.locked .dir{color:var(--muted)}.ring-stage .slot.locked .lock .ico-svg{width:16px;height:16px}.ring-stage .slot.locked.unlockable{background:#0f1115e0;border:1.5px dashed #f2c14e99}.ring-stage .slot.preview:after{content:"";pointer-events:none;background:linear-gradient(var(--warm) 0 0) top left / 10px 2px, linear-gradient(var(--warm) 0 0) top left / 2px 10px, linear-gradient(var(--warm) 0 0) top right / 10px 2px, linear-gradient(var(--warm) 0 0) top right / 2px 10px, linear-gradient(var(--warm) 0 0) bottom left / 10px 2px, linear-gradient(var(--warm) 0 0) bottom left / 2px 10px, linear-gradient(var(--warm) 0 0) bottom right / 10px 2px, linear-gradient(var(--warm) 0 0) bottom right / 2px 10px;background-repeat:no-repeat;position:absolute;inset:-9px}.ring-stage .slot.preview{box-shadow:0 0 18px #f2c14e55}.ring-stage .slot.preview .dir{color:var(--warm)}.kind-tag{vertical-align:middle;color:var(--text);align-items:center;gap:4px;font-weight:600;display:inline-flex}.kind-tag .ico-svg{width:14px;height:14px}.kind-tag.kind-directional .ico-svg{color:var(--warm2)}.kind-tag.kind-omni .ico-svg{color:var(--cool)}.kind-tag.kind-passive .ico-svg{color:var(--paper)}.kind-hint{color:var(--muted);margin-left:6px;font-weight:400}.kind-line{margin:0 0 var(--sp-1);text-align:center;font-size:var(--fs-sm)}kbd{min-width:1.7em;font:700 .85em/1.5 var(--font-ui);text-align:center;color:var(--text);background:#1a1d24;border:1px solid #e8e6e14d;border-bottom-width:2px;border-radius:5px;margin:0 1px;padding:1px 6px;display:inline-block}.pause-hint{line-height:1.9}.controls-note{margin:var(--sp-4) 0 0;text-align:center;font-size:var(--fs-xs);color:var(--muted);line-height:2}.syn-list{min-height:44px;margin-bottom:var(--sp-3);text-align:center;font-size:13px;line-height:1.6}.syn-emblem{background:linear-gradient(#0f1115, #0f1115) padding-box, conic-gradient(var(--ca) 0 50%, var(--cb) 50% 100%) border-box;border:2px solid #0000;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.syn-emblem img{width:74%;height:74%;display:block}#hud-syn{top:calc(max(8px, env(safe-area-inset-top)) + 56px);pointer-events:none;flex-direction:column;align-items:flex-end;gap:6px;max-height:60vh;display:flex;position:fixed;right:16px;overflow:hidden}#hud-syn:empty{display:none}#hud-syn .syn-chip{border-radius:var(--r-pill);border:1px solid var(--line);font-size:var(--fs-xs);color:var(--text);white-space:nowrap;animation:story-in .3s var(--ease);background:#0f1115b3;align-items:center;gap:8px;padding:3px 10px 3px 3px;display:flex}#hud-syn .syn-chip.role{color:var(--muted)}#hud-syn .syn-chip.more{min-height:28px;color:var(--muted);padding:0 10px;font-weight:700}#hud-syn .syn-emblem{width:28px;height:28px}@media (width<=520px){#hud-syn .syn-chip{padding:2px}#hud-syn .syn-chip:not(.more) span:last-child{display:none}}body.in-menu #hud-syn{display:none}.syn-list .syn-row{align-items:center;gap:var(--sp-3);width:min(100%,420px);margin:0 auto var(--sp-2);padding:var(--sp-2) var(--sp-3);border:1px solid var(--line);border-radius:var(--r-md);text-align:left;color:var(--muted);background:#0f1115b3;display:flex}.syn-list .syn-row.fresh{color:var(--text);border-color:#f2c14e8c;box-shadow:0 0 12px #f2c14e26}.syn-list .syn-row.role{padding-block:4px}.syn-pair{flex:none;align-items:center;gap:2px;display:inline-flex}.syn-strip{margin:var(--sp-1) auto var(--sp-2);flex-wrap:nowrap;justify-content:center;align-items:center;gap:6px;max-width:100%;display:flex}.syn-strip-label{font-size:var(--fs-xs);color:var(--muted);margin-right:2px}.syn-mini{flex:0 30px;min-width:0;display:inline-flex;position:relative}.syn-mini .syn-emblem{aspect-ratio:1;width:100%;max-width:30px;height:auto}.syn-strip-label{flex:none}.syn-mini i{font:700 10px/14px var(--font-num);border-radius:var(--r-pill);background:var(--bg);color:var(--text);padding:0 3px;font-style:normal;position:absolute;bottom:-4px;right:-6px}.syn-pair{opacity:.85;margin-left:auto}.syn-pair .swatch.sm{width:20px;height:20px}.syn-plus{color:var(--muted);font-size:12px}.syn-text{min-width:0;line-height:1.35;display:grid}.syn-text b{color:var(--text);font-size:var(--fs-sm)}.syn-text>span{font-size:var(--fs-xs)}.syn-count{color:var(--muted);font:600 11px var(--font-num)}.syn-new{vertical-align:1px;color:var(--bg);background:var(--warm);border-radius:var(--r-pill);padding:1px 8px;font-size:10px;font-weight:700}.policy-line{margin-top:var(--sp-2);color:var(--muted);font-size:var(--fs-xs);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.chip.policy.active{color:var(--warm);border-color:#f2c14e99}.ring-links{pointer-events:none;fill:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ring-links path{stroke-width:1.4px;stroke-linecap:round;opacity:.75}.ring-links .new path{stroke-width:1.8px;opacity:1;filter:drop-shadow(0 0 1.5px)}.ring-links .role path{stroke-width:.8px;opacity:.55;stroke-dasharray:1.6 1.6}.syn-mini.dormant{opacity:.45}.syn-list .on{color:var(--warm)}.syn-list .off{color:var(--muted)}.syn-list .hint{color:var(--warm)}.actions{gap:var(--sp-2);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.ending{text-align:center}.ending .line{margin:24px 0;font-size:20px;line-height:1.6}.ending .stats{color:var(--muted);margin-bottom:20px;font-size:13px}#toast{max-width:calc(100% - 32px);color:var(--text);font-weight:700;font-size:var(--fs-sm);border-radius:var(--r-pill);pointer-events:none;text-align:center;white-space:pre-line;z-index:20;background:#1a1d24e6;border:1px solid #f2c14e99;padding:8px 16px;position:fixed;bottom:calc(50% + 72px);left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0008}#toast.explain{border-radius:14px;line-height:1.5}#toast[hidden]{display:none}#caption{text-align:center;color:var(--text);text-shadow:0 2px 12px #000;pointer-events:none;z-index:9;animation:caption 2s var(--ease) forwards;font-size:clamp(18px,4.6vw,24px);font-weight:700;position:fixed;top:22%;left:16px;right:16px}#caption[hidden]{display:none}@keyframes caption{0%{opacity:0;transform:translateY(8px)}20%,75%{opacity:1;transform:none}to{opacity:0}}#boss-bar{left:50%;bottom:max(24px, env(safe-area-inset-bottom));text-align:center;width:min(420px,100% - 32px);font-size:var(--fs-xs);color:#c084fc;pointer-events:none;text-shadow:0 1px 2px #000;font-weight:700;position:fixed;transform:translate(-50%)}#boss-bar[hidden]{display:none}#boss-bar .bar{height:8px;margin-top:4px}#boss-bar .tokens-row{font-size:var(--fs-xs);color:var(--muted);align-items:center;gap:8px;margin-top:4px;display:flex}#boss-bar .tokens-row[hidden]{display:none}#boss-bar .tokens-row .bar{flex:1;height:5px;margin-top:0}.bar-fill.tokens{background:#e9d5ff}.bar-fill.boss{background:#c084fc}.title-year{letter-spacing:.3em;opacity:.8;margin-top:.2em;font-size:.55em;display:block}body.in-menu #hud,body.in-menu #controls,body.in-menu #boss-bar,body.in-menu #caption{display:none}#screen{z-index:30;background:radial-gradient(#1a1d24 0%,#0f1115 70%);justify-content:center;align-items:safe center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}#screen[hidden]{display:none}.story{text-align:center;flex-direction:column;justify-content:center;gap:18px;width:100%;max-width:640px;min-height:100%;display:flex}.story-line{white-space:nowrap;opacity:0;margin:0;font-size:clamp(15px,4.6vw,22px);line-height:1.6;animation:1.2s ease-out forwards story-in}.story-line:nth-child(5){color:var(--danger);font-weight:700}.story-line:nth-child(6){color:var(--warm)}@keyframes story-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.story .story-next{width:min(240px,100%);min-height:52px;margin-top:var(--sp-6);border-radius:var(--r-pill);color:var(--text);font-size:var(--fs-md);opacity:0;background:#0f1115b3;border:1px solid #e8e6e159;align-self:center;font-weight:600;animation:.8s ease-out forwards story-in}.story-skip{right:16px;bottom:max(16px, env(safe-area-inset-bottom));color:var(--muted);border-radius:var(--r-pill);background:0 0;position:fixed}#screen:has(.title-page){background:linear-gradient(transparent 72%, #0a0b0de6 100%), #0a0b0d var(--bg-title) center / cover no-repeat;padding:0;display:block}.title-page{justify-content:space-between;align-items:center;gap:var(--sp-4);min-height:100%;padding:max(14vh, 48px) 16px max(16px, env(safe-area-inset-bottom));text-align:center;flex-direction:column;display:flex;position:relative}.title-lang{top:max(12px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));z-index:3;position:absolute}.title-heading{width:min(900px,100%)}.title-bottom{align-items:center;gap:var(--sp-3);flex-direction:column;width:100%;display:flex}.title-page .start{white-space:nowrap}@media (height<=480px) and (orientation:landscape){.title-page{padding-top:12px}}.title-page h1{letter-spacing:-.02em;font-size:clamp(26px,4.5vw,54px);font-weight:300;line-height:1.15;font-family:var(--font-mono);margin:0}.title-page .tagline{color:var(--text);margin:12px 0 0;font-size:clamp(13px,2vw,18px)}.title-page .start,.title-secondary{border-radius:var(--r-pill);width:min(280px,100%);min-height:56px;font-size:18px}.title-secondary{color:var(--text);background:#0f1115b3;border:1px solid #e8e6e159;padding:12px 28px;font-weight:600}@media (height<=480px) and (orientation:landscape){.title-page .start,.title-secondary{min-height:44px;padding:8px 28px}}.handover{width:100%;max-width:560px;animation:story-in .6s var(--ease);margin:auto 0}.handover h2{font-size:var(--fs-xl);text-align:center;margin:var(--sp-6) 0 var(--sp-2)}.handover .sub{color:var(--muted);text-align:center;margin:0 0 var(--sp-3);line-height:1.6;font-size:var(--fs-sm)}.handover .summary{font-variant-numeric:tabular-nums;margin:0 0 var(--sp-4);text-align:center;font-size:13px;font-weight:600}.handover h3{letter-spacing:.02em;margin:var(--sp-6) 0 6px;color:var(--paper);opacity:.8;text-align:center;font-size:13px}.handover .rank-words{text-align:center}.handover-cols{grid-template-columns:1fr auto;align-items:start;gap:16px;display:grid}@media (width<=520px){.handover-cols{grid-template-columns:1fr}}.tips{line-height:1.6;font-size:var(--fs-sm);margin:0;padding-left:18px}.ring-stage.runlog{margin:0 0 var(--sp-3);max-height:min(180px,30vh);font-size:var(--fs-xs);border:1px solid var(--line);border-radius:var(--r-sm);padding:8px 10px;line-height:1.7;list-style:none;overflow-y:auto}.runlog time{color:var(--muted);font-variant-numeric:tabular-nums;margin-right:6px}.actions.sticky{gap:var(--sp-3);padding:var(--sp-6) 0 max(var(--sp-2), env(safe-area-inset-bottom))}@media (height<=760px){.actions.sticky{background:linear-gradient(#0f111500, #0f1115 var(--sp-4));position:sticky;bottom:0}}.ghost-row{gap:var(--sp-2);flex-wrap:wrap;justify-content:center;display:flex}:lang(ko){word-break:keep-all;overflow-wrap:break-word}:lang(ja){line-break:strict;word-break:normal;overflow-wrap:break-word}h1,h2,h3,.story-line,.tagline,.sub,.prev,.tips li,.hint,#toast,#caption,.card .meta{text-wrap:balance}p,li{text-wrap:pretty}.score-box{margin:var(--sp-3) auto;text-align:left;max-width:420px}.score-total{font-size:var(--fs-md);justify-content:space-between;align-items:baseline;display:flex}.score-total b{font:800 28px var(--font-num);color:var(--warm)}.score-parts,.score-skills{margin:var(--sp-2) 0 0;gap:4px;padding:0;list-style:none;display:grid}.score-parts li,.score-skills li{font-size:var(--fs-sm);color:var(--muted);align-items:center;gap:8px;display:flex}.score-parts li span,.score-skills li span{flex:1}.score-parts li b,.score-skills li b{color:var(--text);font-family:var(--font-num)}.score-box h3{font-size:var(--fs-sm);margin:var(--sp-3) 0 0;color:var(--muted)}.rank-stats{color:var(--muted);font-size:var(--fs-sm)}#hud-cd{flex-wrap:wrap;gap:4px}#hud-shield{flex-wrap:wrap;gap:4px;display:inline-flex}.shield-chip{font-size:var(--fs-xs);color:var(--text);border-radius:var(--r-pill);background:#0f1115cc;border:1.5px solid #e8e6e159;align-items:center;gap:6px;padding:1px 8px;font-weight:700;display:inline-flex}.shield-chip .pips i{width:7px;height:7px}#hud-cd .cd{font-size:var(--fs-xs);border-radius:var(--r-pill);font-variant-numeric:tabular-nums;background:#0f1115cc;border:1.5px solid;padding:1px 7px;font-weight:700}#hud-cd .ico{vertical-align:-2px;width:14px;height:14px}#hud-cd .ico.dot{vertical-align:0;border-radius:50%;width:10px;height:10px;display:inline-block}.bar-fill{transform-origin:0;will-change:transform;width:100%;transform:scaleX(0)}.pause{text-align:center}.pause-actions{gap:var(--sp-2);max-width:280px;margin:var(--sp-2) auto var(--sp-3);display:grid}.pause-actions button{border-radius:var(--r-pill);min-height:48px;font-size:15px}@media (height<=480px){.panel{padding:var(--sp-4)}.panel h2{font-size:var(--fs-lg)}.panel:has(.ring-stage){column-gap:var(--sp-6);grid-template-columns:minmax(0,1fr) auto;align-items:center;max-width:820px;display:grid}.panel:has(.ring-stage)>*{grid-column:1}.panel:has(.ring-stage)>.ring-stage{grid-area:1/2/span 9;width:min(78vh,300px);margin:0}.panel:has(.ring-stage) .actions{position:static}.panel .actions{bottom:calc(-1 * var(--sp-4));background:var(--panel);padding:var(--sp-2) 0;position:sticky}.handover h2{margin-top:var(--sp-2)}}#caption.long{animation-duration:4s}#caption .caption-sub{color:var(--muted);white-space:nowrap;margin-top:10px;font-size:clamp(13px,3.4vw,15px);font-weight:400;line-height:1.6;display:block}.chip.role{border-color:var(--line);color:var(--muted)}.chip.role-offense{color:var(--warm2);border-color:color-mix(in srgb, var(--warm2) 50%, transparent)}.chip.role-defense{color:var(--cool);border-color:color-mix(in srgb, var(--cool) 50%, transparent)}.card.choice.stat .name{letter-spacing:.01em}.clear-story .story-line:nth-child(5){color:var(--text);font-weight:400}.clear-story .story-line:nth-child(6){color:var(--text)}.clear-story .story-line:nth-child(8){color:var(--warm);font-weight:700}.week-env{color:var(--muted);text-align:center;margin:4px 0 0;font-size:13px;line-height:1.6}.week-env b{color:var(--text)}.last-word{gap:10px;width:min(420px,100%);margin:16px auto 0;display:grid}.last-word button{justify-self:center}.last-word label{color:var(--muted);text-align:left;gap:4px;font-size:13px;display:grid}.last-word input{border-radius:var(--r-md);border:1px solid var(--line);background:var(--panel);min-height:44px;color:var(--text);font:inherit;-webkit-user-select:text;user-select:text;padding:0 12px;font-size:16px}.last-word input:focus{border-color:var(--warm);outline:none}.last-word #end-status{min-height:1.4em;margin:0}.rank-cols{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;width:min(720px,100%);margin:0 auto;display:grid}.rank-list{text-align:left;gap:6px;margin:0;padding-left:1.6em;display:grid}.rank-list li{grid-template-columns:1fr auto;column-gap:8px;display:grid}.rank-list .val{font-variant-numeric:tabular-nums;color:var(--text)}.rank-list .word,.rank-words li{color:var(--muted);grid-column:1/-1;font-size:13px}.rank-words{text-align:left;gap:6px;width:min(720px,100%);margin:0 auto;padding:0;list-style:none;display:grid}.rank-words .nick,.rank-list .nick{color:var(--text);font-weight:600}.rank-words li.clear .nick{color:var(--warm2)}.card.choice.hotfix{border-color:var(--cool);box-shadow:0 0 0 1px var(--cool) inset}.threshold-card .name .chip{vertical-align:middle;margin-left:6px;font-size:11px}.threshold-card .effect{color:var(--text);margin-top:4px;font-size:14px}.slot.picked{border-color:var(--warm);border-style:solid;box-shadow:0 0 14px #f2c14e55}.ring-stage .slot.filled.picked{border-color:var(--warm);border-width:3px}.slot.locked.inert{cursor:default;pointer-events:none}.story-line.glitch{text-shadow:1px 0 var(--cool), -1px 0 #b9b4ff;animation-name:story-in,glitch-jitter;animation-duration:1.2s,2.4s;animation-iteration-count:1,infinite;animation-timing-function:var(--ease), steps(1);position:relative}@keyframes glitch-jitter{0%,86%,to{text-shadow:1px 0 var(--cool), -1px 0 #b9b4ff;transform:none}88%{text-shadow:3px 0 var(--cool), -3px 0 #b9b4ff;transform:translate(-2px)}92%{transform:translate(2px)skew(-6deg)}96%{text-shadow:-2px 0 var(--cool), 2px 0 #b9b4ff;transform:translate(-1px)}}@media (prefers-reduced-motion:reduce){.story-line.glitch{animation:story-in 1.2s var(--ease) both}}.defeat-story .story-line:nth-child(5){color:var(--text);font-weight:400}.defeat-story .story-line:nth-child(6){color:var(--warm)}.defeat-story .story-line:nth-child(8){color:var(--warm);font-weight:700}.clear-story .story-line:nth-child(9){color:var(--muted);font-size:clamp(13px,3.6vw,16px)}.story.comic{justify-content:center;gap:var(--sp-4);min-height:100%}.comic-stage{width:100%;display:grid}.comic-panel{opacity:0;transition:opacity .6s var(--ease), transform .6s var(--ease);pointer-events:none;background:#12151b;border:2px solid #e8e6e1;border-radius:6px;grid-area:1/1;align-self:center;margin:0;overflow:hidden;transform:translateY(8px);box-shadow:4px 4px #0008}.comic-panel.on{opacity:1;transform:none}.comic-art{aspect-ratio:16/9;background:var(--sky,linear-gradient(160deg, #1f2a44, #0f1115));width:100%;max-height:min(52vh,360px);position:relative}.comic-art img{object-fit:cover;width:100%;height:100%;transition:opacity .35s;display:block}.comic-art:after{content:"";pointer-events:none;opacity:0;background:repeating-linear-gradient(0deg,#0000 0 2px,#0006 2px 3px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .9 0 0 0 0 .9 0 0 0 0 .95 0 0 0 1.6 -.35'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E") 0 0/160px 160px,#1a1d24;position:absolute;inset:0}.comic-art.static img{opacity:0}.comic-art.static:after{opacity:1;animation:.24s steps(4,end) infinite tv-static}.comic-panel.burst .comic-art:after{animation:.24s steps(4,end) infinite tv-static,.42s ease-out forwards static-burst}.comic-art.static:after,.comic-panel.burst .comic-art.static:after{opacity:1;animation:.24s steps(4,end) infinite tv-static}@keyframes tv-static{0%{background-position:0 0,0 0}25%{background-position:0 1px,-53px 31px}50%{background-position:0 2px,41px -67px}75%{background-position:0 1px,-19px 88px}to{background-position:0 0,70px -12px}}@keyframes static-burst{0%{opacity:.95}60%{opacity:.35}to{opacity:0}}.story-next.wait{visibility:hidden;animation:none!important}@media (prefers-reduced-motion:reduce){.comic-art.static:after,.comic-panel.burst .comic-art:after{animation:none}}.comic-panel figcaption{text-align:left;padding:10px 14px 12px;font-size:clamp(15px,4vw,18px);line-height:1.5}.comic-balloon{color:#111;text-align:left;background:#fff;border-radius:14px;max-width:70%;margin:0;padding:8px 12px;font-size:14px;font-weight:700;line-height:1.35;position:absolute;top:12px;left:12px;box-shadow:2px 2px #0006}.comic-balloon:after{content:"";border:8px solid #0000;border-top-color:#fff;border-bottom:0;position:absolute;bottom:-8px;left:18px}.scene-story-1{--sky:radial-gradient(circle at 50% 70%, #f2c14e55, #12151b 65%)}.scene-story-2{--sky:linear-gradient(160deg, #2c3b52, #12151b)}.scene-story-3{--sky:radial-gradient(circle at 50% 80%, #ff9f1c77, #140c06 60%)}.scene-story-4{--sky:linear-gradient(160deg, #2a2240, #0b0d11)}.scene-story-5{--sky:radial-gradient(circle at 50% 30%, #c084fc66, #0b0d11 60%)}.scene-story-6{--sky:radial-gradient(circle at 50% 60%, #f2c14e66, #0b0d11 60%)}.scene-clear-1{--sky:radial-gradient(circle at 70% 40%, #c084fc55, #0f1115 60%)}.scene-clear-2,.scene-clear-3{--sky:radial-gradient(circle at 50% 80%, #f2c14e66, #1a1208 65%)}.scene-clear-4{--sky:linear-gradient(160deg, #3a5a7a, #1a2430)}.scene-clear-5{--sky:radial-gradient(circle at 40% 70%, #ff9f1c66, #161a22 60%)}.scene-clear-6{--sky:linear-gradient(160deg, #2a3348, #12151b)}.scene-clear-7{--sky:radial-gradient(circle at 60% 30%, #9fc8ff55, #05070c 60%)}.scene-clear-8{--sky:radial-gradient(circle at 50% 50%, #f2c14e88, #1a1208 60%)}.scene-clear-9{--sky:linear-gradient(160deg, #1b1830, #0b0d11)}.defeat-story.comic .comic-art{--sky:linear-gradient(160deg, #241a33, #0b0d11)}.scene-defeat-6,.scene-defeat-8{--sky:radial-gradient(circle at 50% 70%, #f2c14e55, #120e08 60%)!important}.comic-panel.glitch figcaption{text-shadow:1px 0 var(--cool), -1px 0 #b9b4ff;animation:2.4s step-end infinite glitch-jitter}#screen:has(.tap-start){background:#000;padding:0;display:block}.tap-start.cine{cursor:pointer;text-align:center;background:#000;outline:none;width:100%;height:100%;min-height:100%;position:relative;overflow:hidden}.cine-bg{background:radial-gradient(55% 40% at 50% 48%,#f2c14e1f,#0000 70%),#050608;animation:16s ease-out forwards cine-push;position:absolute;inset:-4%}.cine-bg:after{content:"";background:radial-gradient(at 50% 45%,#0000 30%,#000 85%);position:absolute;inset:0}.cine-grain{pointer-events:none;opacity:.12;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,#fff1 0 1px,#0000 1px 3px);animation:.18s steps(2,end) infinite cine-flicker;position:absolute;inset:0}.cine-bar{z-index:2;background:#000;justify-content:center;align-items:center;height:11vh;display:flex;position:absolute;left:0;right:0}.cine-bar.top{animation:1.6s ease-out both cine-bar-in;top:0}.cine-bar.bottom{animation:1.6s ease-out both cine-bar-in;bottom:0}.cine-lang{top:max(12px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));z-index:3;position:absolute}.lang-pick{position:relative}.lang-btn{min-height:var(--tap);color:#f4ead5d9;font:inherit;letter-spacing:.04em;cursor:pointer;background:#0009;border:1px solid #f4ead533;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:13px;display:inline-flex}.lang-btn:focus-visible,.lang-list button:focus-visible{outline-offset:2px;outline:2px solid #f2c14e}@media (hover:hover){.lang-btn:hover{color:#f4ead5;border-color:#f4ead580}.lang-list button:hover{background:#f4ead51a}}.lang-list{z-index:3;text-align:left;background:#0b0c10f2;border:1px solid #f4ead533;border-radius:12px;min-width:190px;max-height:70vh;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto;box-shadow:0 12px 40px #000c}.lang-list button{width:100%;min-height:var(--tap);color:#e8e6e1;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 12px;font-size:15px;display:block}.lang-list button[aria-current]{color:#f2c14e}.lang-list button[aria-current]:after{content:" ✓"}.cine-center{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:11vh 16px}.cine-title{font-family:var(--font-mono);color:#f4ead5;text-shadow:0 0 24px #f2c14e33;margin:0;font-size:clamp(26px,5vw,60px);font-weight:300;line-height:1.15;animation:3.2s cubic-bezier(.2,.7,.2,1) .6s both cine-resolve}.cine-year{color:#f4ead5b3;font-family:var(--font-mono);letter-spacing:.6em;align-items:center;gap:14px;margin:0;font-size:clamp(12px,1.6vw,16px);animation:1.6s ease-out 2.8s both cine-fade;display:flex}.cine-year:before,.cine-year:after{content:"";background:linear-gradient(90deg,#0000,#f4ead580,#0000);width:clamp(28px,8vw,90px);height:1px}.cine-year span{margin-right:-.6em}.cine-line{color:#e8e6e1;letter-spacing:.08em;margin:8px 0 0;font-size:clamp(14px,2vw,19px);animation:1.8s ease-out 3.8s both cine-fade}.tap-start .tap-hint{color:#e8e6e1d9;letter-spacing:.3em;margin:0;font-size:clamp(12px,1.6vw,14px);animation:1s ease-out 4.8s both cine-fade,2.4s ease-in-out 5.8s infinite tap-pulse}@keyframes cine-push{0%{transform:scale(1.12)}to{transform:scale(1.02)}}@keyframes cine-flicker{50%{opacity:.08}}@keyframes cine-bar-in{0%{height:50vh}to{height:11vh}}@keyframes cine-resolve{0%{opacity:0;filter:blur(12px);transform:scale(1.18)}to{opacity:1;filter:blur();transform:none}}@keyframes cine-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes tap-pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.cine-bg,.cine-grain,.cine-bar,.cine-title,.cine-year,.cine-line,.tap-start .tap-hint{animation:none}}.key-chips{margin:var(--sp-3) 0;flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.key-chip{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;align-items:center;min-width:72px;padding:8px 12px;display:flex}.key-chip small{font-size:var(--fs-xs);color:var(--muted)}.key-chip b{font:800 20px var(--font-num);color:var(--text);font-variant-numeric:tabular-nums}.skill-tiles{margin:var(--sp-2) auto var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;max-width:420px;display:grid}.skill-tile{background:#ffffff0a;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;display:flex}.skill-tile .swatch{width:40px;height:40px}.skill-tile b{font:800 18px var(--font-num);color:var(--text)}.skill-tile small{color:var(--muted);text-align:center;font-size:11px;line-height:1.2}.run-record h3{font-size:var(--fs-sm);margin:var(--sp-3) 0 0;color:var(--muted)}.rec-heals{margin:var(--sp-2) auto;gap:4px;max-width:420px;padding:0;list-style:none;display:grid}.rec-heals li{font-size:var(--fs-sm);color:var(--muted);justify-content:space-between;display:flex}.rec-heals li b{color:#7ef0c8;font-family:var(--font-num)}.rec-history{max-width:420px;margin:var(--sp-3) auto 0;text-align:left}.rec-history summary{cursor:pointer;color:var(--muted);font-size:var(--fs-sm)}.rec-history ol{margin:var(--sp-2) 0 0;gap:2px;max-height:260px;padding:0;list-style:none;display:grid;overflow-y:auto}.rec-history li{gap:10px;font-size:13px;display:flex}.rec-history time{color:var(--muted);font-family:var(--font-num);min-width:40px}.rank-row{cursor:pointer}.rank-row:hover,.rank-row:focus-visible{background:#ffffff0f;outline:none}.run-word{margin:var(--sp-3) auto;border-left:3px solid var(--warm);max-width:420px;color:var(--text);font-size:var(--fs-md);text-align:left;padding:10px 14px}.account-page{text-align:center;width:min(420px,100%);margin:0 auto}.account-form{gap:var(--sp-3);text-align:left;margin-top:var(--sp-4);display:grid}.account-form label{font-size:var(--fs-sm);color:var(--muted);gap:6px;display:grid}.account-form input{color:var(--text);background:#0f1115;border:1px solid #ffffff2a;border-radius:12px;padding:12px 14px;font-size:16px}.account-form .primary{justify-self:center;min-width:200px}.account-alt{margin:var(--sp-3) 0}button.link{min-height:0;color:var(--warm);background:0 0;border:0;padding:4px;font-weight:600;text-decoration:underline}.title-account{color:var(--muted);font-size:var(--fs-sm);margin:4px 0 0}.title-runtime{margin:var(--sp-3) 0 0;border-radius:var(--r-pill);color:var(--warm);word-break:keep-all;border:1px solid #f2c14e66;padding:4px 14px;font-size:clamp(13px,1.8vw,16px);font-weight:600;display:inline-block}.title-plays{margin:var(--sp-3) 0 0;color:var(--warm);font-family:var(--font-num);letter-spacing:.04em;font-size:clamp(14px,2vw,18px)}.rank-day{color:var(--text);justify-content:center;align-items:center;gap:12px;font-weight:600;display:flex}.rank-day .day-nav{white-space:nowrap;flex-direction:column;flex:none;align-items:center;gap:2px;text-decoration:none;display:inline-flex}.rank-day .day-nav span:first-child{text-decoration:underline}.rank-day .day-nav .arrow{font-size:.85em;line-height:1}.rank-day button[disabled]{opacity:.3;text-decoration:none}.rank-tabs{margin:var(--sp-4) auto var(--sp-2);justify-content:center;gap:6px;width:min(520px,100%);display:flex}.rank-tab{border-radius:var(--r-pill);min-height:40px;color:var(--muted);background:0 0;border:1px solid #ffffff2a;flex:1;font-weight:700}.rank-tab.on{background:var(--warm);border-color:var(--warm);color:#14110a}.rank-panel{width:min(520px,100%);margin:0 auto var(--sp-4);text-align:left}.rank-panel h3{margin:var(--sp-3) 0 0;text-align:center}.rank-note{margin:4px 0 var(--sp-2);font-size:var(--fs-xs);color:var(--muted);text-align:center}.rank-hint{font-size:var(--fs-xs);color:var(--muted);text-align:center;margin:6px 0 0}.rank-empty{margin:var(--sp-3) 0;color:var(--muted);text-align:center;font-size:var(--fs-sm);border:1px dashed #ffffff2a;border-radius:12px;padding:14px}.rank-table{gap:4px;margin:0;padding:0;list-style:none;display:grid}.rank-table .rank-row{background:#ffffff08;border-radius:10px;grid-template-columns:28px 1fr 18px auto;align-items:center;gap:8px;padding:8px 12px;display:grid}.rank-table .rank-row.link{cursor:pointer}.rank-table .rank-row.link:hover,.rank-table .rank-row.link:focus-visible{background:#ffffff14;outline:none}.rank-table .rank-row.me{background:#f2c14e22;box-shadow:inset 0 0 0 1px #f2c14e88}.rank-table .rk{font:800 15px var(--font-num);color:var(--muted);text-align:center}.rank-table .rank-row:nth-child(-n+3) .rk{color:var(--warm)}.rank-table .nick{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.rank-table .cl{color:#7ef0c8;font-weight:800}.rank-table .val{font:700 15px var(--font-num);color:var(--text);font-variant-numeric:tabular-nums}.rank-lines{gap:6px;margin:0;padding:0;list-style:none;display:grid}.rank-lines li{background:#ffffff06;border-left:3px solid #f4ead555;border-radius:0 10px 10px 0;gap:2px;padding:8px 12px;display:grid}.rank-lines li.me{border-left-color:var(--warm)}.rank-lines .nick{font-size:var(--fs-xs);color:var(--muted);font-weight:700}.rank-lines q{color:var(--text);quotes:"“" "”"}.rank-lines .line-boards{flex-wrap:wrap;gap:4px;display:flex}.rank-lines .line-board{color:var(--muted);border:1px solid #f4ead533;border-radius:999px;padding:0 7px;font-size:11px}.rank-legend{color:var(--muted);white-space:nowrap;align-items:center;gap:4px;margin-left:10px;display:inline-flex}.rank-legend .cl{color:#7ef0c8;font-weight:800}.title-links{color:var(--muted);font-size:var(--fs-sm);justify-content:center;align-items:center;gap:8px;margin:2px 0 0;display:flex}.title-links .link{color:var(--text)}.contact-page textarea{font:inherit;color:var(--text);resize:vertical;background:#0f1115;border:1px solid #ffffff2a;border-radius:12px;padding:12px 14px;font-size:16px}.credits-list{text-align:left;width:min(520px,100%);margin:0 auto}.credits-list ul{gap:6px;padding-left:1.2em;display:grid}.credits-list a{color:var(--warm)}.credits-list .credits-ai{color:var(--warm);font-weight:600}.install-help{z-index:40;padding:16px 16px max(16px, env(safe-area-inset-bottom));background:#000a;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.install-card{text-align:left;background:#15171c;border:1px solid #f4ead533;border-radius:16px;gap:12px;width:min(420px,100%);padding:20px;display:grid}.install-card h3{text-align:center;margin:0}.install-card ol{gap:8px;margin:0;padding-left:1.3em;line-height:1.5;display:grid}.install-card svg{vertical-align:-3px;color:var(--warm)}.install-card p{margin:0;line-height:1.5}.install-card .primary{min-width:180px}.install-card .install-why{color:var(--text)}.install-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.title-quick{justify-content:center;gap:8px;width:min(320px,100%);display:flex}.title-chip{min-width:0;min-height:var(--tap);border-radius:var(--r-pill);color:var(--warm);font:inherit;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:#0f1115b3;border:1px solid #f2c14e66;flex:0 calc(50% - 4px);justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:600;display:inline-flex;overflow:hidden}.title-chip[hidden]{display:none}.title-chip svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}@media (hover:hover){.title-chip:hover{border-color:var(--warm);background:#f2c14e1a}}.screen-toast{left:50%;bottom:max(24px, env(safe-area-inset-bottom));z-index:50;color:#111;text-align:center;white-space:nowrap;background:#f4ead5;border-radius:999px;max-width:calc(100% - 32px);padding:10px 18px;font-size:14px;font-weight:700;transition:opacity .4s;position:fixed;transform:translate(-50%);box-shadow:0 8px 30px #000a}.screen-toast.out{opacity:0}#screen.screen-enter>*{animation:.45s ease-out both screen-lock}#screen.screen-enter:after{content:"";z-index:5;pointer-events:none;background:linear-gradient(#0000,#f2c14e14 70%,#f4ead540 98%,#0000);height:18vh;animation:.5s ease-in forwards screen-scan;position:fixed;top:0;left:0;right:0}@keyframes screen-lock{0%{opacity:0;filter:blur(6px)brightness(1.4)}60%{opacity:1}to{opacity:1;filter:none}}@keyframes screen-scan{0%{opacity:1;transform:translateY(-20vh)}to{opacity:.2;transform:translateY(105vh)}}@media (prefers-reduced-motion:reduce){#screen.screen-enter>*{animation:none}#screen.screen-enter:after{display:none}}