:root{--bg-deep: #e9eff6;--bg-deep-2: #dde7f1;--panel: rgba(255, 255, 255, .94);--panel-2: rgba(255, 255, 255, .74);--surface: rgba(255, 255, 255, .92);--surface-2: rgba(255, 255, 255, .72);--surface-hover: rgba(232, 242, 251, .98);--surface-sunken: rgba(207, 220, 233, .85);--scrim: radial-gradient(120% 100% at 50% 50%, rgba(230, 238, 247, .72), rgba(214, 226, 238, .9));--line: rgba(20, 86, 130, .32);--line-soft: rgba(20, 86, 130, .15);--cyan: #0e6f9c;--cyan-bright: #17a8dd;--cyan-dim: rgba(14, 111, 156, .32);--danger: #c4183a;--danger-dim: rgba(196, 24, 58, .3);--gold: #96660f;--gold-bright: #d99a12;--good: #0d7a45;--ink: #14202c;--ink-dim: rgba(20, 32, 44, .72);--ink-mute: rgba(20, 32, 44, .48);--ink-inverse: #ffffff;--font-ui: "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, -apple-system, "Segoe UI", sans-serif;--font-num: ui-monospace, "SFMono-Regular", "JetBrains Mono", Menlo, Consolas, monospace;--r: 4px;--shadow: 0 16px 40px rgba(24, 54, 84, .18);--ch-gap: 9px;--ch-len: 9px;--ch-thick: 2px;--ch-color: var(--cyan)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--bg-deep);color:var(--ink);font-family:var(--font-ui);font-size:16px;overscroll-behavior:none}#app{position:fixed;inset:0;overflow:hidden;user-select:none;touch-action:none;cursor:none}#app.show-cursor{cursor:default}#stage{position:absolute;inset:0}#stage canvas{display:block;width:100%;height:100%}#fx-vignette,#fx-damage,#fx-flash{position:absolute;inset:0;pointer-events:none}#fx-vignette{background:radial-gradient(120% 95% at 50% 52%,#fff0 46%,#6b85a038)}#fx-damage{background:radial-gradient(120% 100% at 50% 50%,#c4183a00 42%,#c4183a6b);opacity:0;transition:opacity .35s ease}#fx-damage.is-hit{opacity:1;transition:opacity .06s ease}#fx-flash{background:#fff;opacity:0;mix-blend-mode:overlay}#fx-flash.is-flash{animation:flash .16s ease-out}@keyframes flash{0%{opacity:.22}to{opacity:0}}.crosshair{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none;opacity:0;visibility:hidden;will-change:transform;filter:drop-shadow(0 0 2px rgba(255,255,255,.95)) drop-shadow(0 0 5px rgba(255,255,255,.7))}.crosshair.is-active{opacity:1;visibility:visible}.ch-dot{position:absolute;width:3px;height:3px;margin:-1.5px 0 0 -1.5px;border-radius:50%;background:var(--ch-color)}.ch-ring{position:absolute;width:calc(var(--ch-gap) * 2 + var(--ch-len) * 2);height:calc(var(--ch-gap) * 2 + var(--ch-len) * 2);margin:calc((var(--ch-gap) + var(--ch-len)) * -1) 0 0 calc((var(--ch-gap) + var(--ch-len)) * -1);border:1px solid rgba(20,32,44,.22);border-radius:50%}.ch-arm{position:absolute;background:var(--ch-color);box-shadow:0 0 5px #ffffffe6}.ch-arm--n,.ch-arm--s{width:var(--ch-thick);height:var(--ch-len);margin-left:calc(var(--ch-thick) / -2)}.ch-arm--w,.ch-arm--e{height:var(--ch-thick);width:var(--ch-len);margin-top:calc(var(--ch-thick) / -2)}.ch-arm--n{top:calc(var(--ch-gap) * -1 - var(--ch-len))}.ch-arm--s{top:var(--ch-gap)}.ch-arm--w{left:calc(var(--ch-gap) * -1 - var(--ch-len))}.ch-arm--e{left:var(--ch-gap)}.crosshair.is-reloading .ch-ring{border-color:#14202c73}.crosshair.is-hit .ch-hitmarker,.ch-hitmarker{position:absolute;left:0;top:0;width:calc(var(--ch-gap) * 2 + var(--ch-len) * 2 + 12px);height:calc(var(--ch-gap) * 2 + var(--ch-len) * 2 + 12px);margin:calc((var(--ch-gap) + var(--ch-len) + 6px) * -1) 0 0 calc((var(--ch-gap) + var(--ch-len) + 6px) * -1);background:linear-gradient(45deg,transparent 46%,var(--hit) 46% 54%,transparent 54%),linear-gradient(-45deg,transparent 46%,var(--hit) 46% 54%,transparent 54%);background-size:100% 22%;background-repeat:no-repeat;background-position:center top,center bottom;opacity:0;transform:scale(1.5);--hit: #e0153f}.crosshair.is-hit .ch-hitmarker{animation:hitmark .26s ease-out}.crosshair.is-hit--kill .ch-hitmarker{--hit: var(--gold-bright)}@keyframes hitmark{0%{opacity:1;transform:scale(1.9)}to{opacity:0;transform:scale(.95)}}.hud{position:absolute;inset:0;padding:calc(14px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));pointer-events:none;opacity:0;visibility:hidden;font-size:clamp(12px,1.35vmin + 6px,15px)}.hud.is-open{opacity:1;visibility:visible}.hud-tl,.hud-tr,.hud-tc,.hud-bl,.hud-br{position:absolute;display:flex;gap:10px;align-items:flex-start}.hud-tl{left:calc(16px + env(safe-area-inset-left));top:calc(14px + env(safe-area-inset-top));flex-direction:column;gap:6px}.hud-tc{left:50%;transform:translate(-50%);top:calc(14px + env(safe-area-inset-top))}.hud-tr{right:calc(16px + env(safe-area-inset-right));top:calc(14px + env(safe-area-inset-top));align-items:center}.hud-bl{left:calc(16px + env(safe-area-inset-left));bottom:calc(14px + env(safe-area-inset-bottom))}.lives{display:flex;gap:4px;align-items:center;filter:drop-shadow(0 1px 3px rgba(24,54,84,.3))}.heart{width:clamp(16px,2.1vmin + 9px,22px);height:clamp(16px,2.1vmin + 9px,22px);color:var(--danger);transition:transform .2s ease,opacity .3s ease,color .3s ease}.heart svg{width:100%;height:100%;display:block}.heart.is-lost{color:#14202c29;transform:scale(.86)}.heart.is-breaking{animation:heart-break .5s ease-out}@keyframes heart-break{0%{transform:scale(1.5);color:#ff2d55}40%{transform:scale(.9) rotate(-8deg)}to{transform:scale(.86)}}.hud-sub{font-size:.72em;letter-spacing:.08em;color:var(--ink-mute);font-family:var(--font-num)}.chip{display:flex;align-items:center;gap:7px;padding:5px 11px;border:1px solid var(--line);background:linear-gradient(180deg,#fffffff0,#eef4faeb);clip-path:polygon(0 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%);backdrop-filter:blur(4px);box-shadow:0 2px 10px #1836541f}.chip-key{font-size:.76em;letter-spacing:.16em;color:var(--ink-mute)}.chip-val{font-family:var(--font-num);font-weight:700;font-size:1.1em;color:var(--ink);min-width:1ch}.chip-val i{font-style:normal;color:var(--ink-mute);font-size:.82em}.chip--coin{color:var(--gold);border-color:#96660f66}.chip--coin .chip-val{color:var(--gold)}.chip--enemy{border-color:var(--danger-dim)}.chip--enemy .chip-val{color:var(--danger)}.chip--mode{border-style:dashed}.chip--mode .chip-val{color:var(--cyan);font-size:.98em}.chip--best{color:var(--ink-mute);opacity:.9}.chip--best .chip-val{color:var(--ink-dim);font-size:1em}.chip--big{padding:7px 14px;font-size:1.05em}.ico{width:1.15em;height:1.15em;flex:none}.icon-btn{pointer-events:none;width:38px;height:38px;display:grid;place-items:center;padding:0;color:var(--ink-dim);border:1px solid var(--line);background:#ffffffd1;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);transition:color .15s ease,border-color .15s ease,background .15s ease,transform .1s ease;box-shadow:0 2px 10px #1836541f}.hud.is-open .icon-btn{pointer-events:auto}.icon-btn svg{width:20px;height:20px}@media (hover: hover){.icon-btn:hover{color:var(--cyan);border-color:var(--cyan);background:var(--surface-hover)}}.icon-btn:active{transform:translateY(1px) scale(.97)}.icon-btn--close{pointer-events:auto;width:40px;height:40px}.weapon-plate{display:flex;align-items:center;gap:12px;padding:9px 14px 9px 10px;border:1px solid var(--line);background:linear-gradient(100deg,#fffffff2,#eaf2f9e6);clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);box-shadow:var(--shadow);min-width:clamp(190px,24vw,260px)}.weapon-glyph{width:62px;height:30px;flex:none;color:var(--cyan);display:grid;place-items:center}.weapon-glyph svg{width:100%;height:100%}.weapon-meta{flex:1;min-width:0}.weapon-line1{display:flex;align-items:baseline;gap:8px}.weapon-name{font-size:1.12em;font-weight:700;letter-spacing:.04em}.weapon-code{font-family:var(--font-num);font-size:.68em;letter-spacing:.2em;color:var(--ink-mute)}.cooldown{position:relative;height:4px;margin:6px 0 5px;background:var(--surface-sunken);overflow:hidden}.cooldown-fill{position:absolute;inset:0 100% 0 0;background:linear-gradient(90deg,var(--cyan),var(--cyan-bright));transition:right .04s linear}.weapon-plate.is-ready .cooldown-fill{right:0!important}.weapon-tag{font-size:.72em;letter-spacing:.06em;color:var(--ink-mute);font-family:var(--font-num);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toasts{position:absolute;left:50%;top:64%;transform:translate(-50%);display:flex;flex-direction:column-reverse;align-items:center;gap:6px;pointer-events:none;width:min(90vw,460px)}.toast{padding:6px 14px;font-size:clamp(13px,1.4vmin + 8px,16px);font-weight:600;letter-spacing:.04em;border:1px solid var(--line);background:#fffffff0;color:var(--ink);box-shadow:0 4px 16px #18365429;animation:toast-in .22s ease-out,toast-out .4s ease-in forwards;animation-delay:0s,1.25s;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.toast--good{border-color:#0d7a4580;color:var(--good)}.toast--bad{border-color:var(--danger-dim);color:var(--danger)}.toast--gold{border-color:#96660f80;color:var(--gold)}.toast--info{color:var(--ink-dim)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@keyframes toast-out{to{opacity:0;transform:translateY(-6px)}}.banner{position:absolute;left:50%;top:34%;transform:translate(-50%);text-align:center;pointer-events:none;opacity:0}.banner.is-show{animation:banner-pop 2s ease-out forwards}.banner-title{font-size:clamp(26px,4.6vmin + 10px,58px);font-weight:800;letter-spacing:.1em;color:#0d1a26;text-shadow:0 2px 10px rgba(255,255,255,.95),0 6px 26px rgba(255,255,255,.8)}.banner-sub{margin-top:6px;font-family:var(--font-num);font-size:clamp(12px,1.4vmin + 6px,17px);letter-spacing:.2em;color:var(--cyan);text-shadow:0 1px 6px rgba(255,255,255,.95)}@keyframes banner-pop{0%{opacity:0;transform:translate(-50%,14px) scale(.96)}16%{opacity:1;transform:translate(-50%) scale(1)}76%{opacity:1}to{opacity:0;transform:translate(-50%,-12px)}}#overlay-root{position:absolute;inset:0;pointer-events:none}.overlay{position:absolute;inset:0;display:none;place-items:center;padding:calc(16px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));background:var(--scrim);backdrop-filter:blur(3px);overflow:auto}.overlay.is-open{display:grid;pointer-events:auto}.panel{position:relative;width:min(560px,100%);max-height:100%;padding:clamp(16px,2.4vmin + 8px,30px);border:1px solid var(--line);background:linear-gradient(180deg,#fffffff7,#f4f9fdf7);box-shadow:var(--shadow),inset 0 1px #fff;clip-path:polygon(0 14px,14px 0,calc(100% - 26px) 0,100% 26px,100% calc(100% - 14px),calc(100% - 14px) 100%,26px 100%,0 calc(100% - 26px));animation:panel-in .22s cubic-bezier(.2,.8,.3,1)}@keyframes panel-in{0%{transform:translateY(12px) scale(.985)}to{transform:none}}.panel--wide{width:min(880px,100%)}.panel--narrow{width:min(440px,100%)}.panel--quiz{width:min(680px,100%)}.panel--hero{text-align:left}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.panel-head-r{display:flex;align-items:center;gap:10px}.panel-tag{font-family:var(--font-num);font-size:.7em;letter-spacing:.34em;color:var(--cyan);opacity:.9;margin-bottom:6px}.panel-title{margin:0;font-size:clamp(20px,2.6vmin + 8px,30px);font-weight:800;letter-spacing:.03em}.panel-foot{margin-top:14px;font-size:.78em;color:var(--ink-mute);letter-spacing:.04em;font-family:var(--font-num)}.panel-foot b{color:var(--cyan)}.hero-title{margin:2px 0 10px;font-size:clamp(30px,5.6vmin + 10px,62px);line-height:1.05;font-weight:900;letter-spacing:.02em}.hero-title em{font-style:normal;color:var(--cyan-bright);text-shadow:0 2px 0 rgba(255,255,255,.9),0 6px 18px rgba(23,168,221,.35)}.hero-sub{margin:0 0 18px;color:var(--ink-dim);line-height:1.7;font-size:clamp(13px,1.5vmin + 7px,16px)}.hero-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:20px}.hero-card{padding:11px 12px;border:1px solid var(--line-soft);background:var(--panel-2)}.hero-card-k{font-size:.76em;letter-spacing:.18em;color:var(--cyan);margin-bottom:6px}.hero-card-v{font-size:.82em;line-height:1.6;color:var(--ink-dim)}.hero-card-v b{color:var(--gold)}.btn-row{display:flex;gap:10px;flex-wrap:wrap}.btn{pointer-events:auto;position:relative;padding:11px 20px;font-family:var(--font-ui);font-size:clamp(13px,1.5vmin + 7px,16px);font-weight:700;letter-spacing:.06em;color:var(--ink);border:1px solid var(--line);background:linear-gradient(180deg,#fffffff5,#e8f0f8f2);clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%);transition:transform .1s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;cursor:pointer}.btn:hover:not(:disabled){border-color:var(--cyan);color:#062130;box-shadow:0 0 0 1px var(--cyan-dim),0 8px 22px #1854782e}.btn:active:not(:disabled){transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:linear-gradient(180deg,var(--cyan-bright),var(--cyan));border-color:var(--cyan);color:var(--ink-inverse)}.btn--primary:hover:not(:disabled){color:#fff}.btn--gold{background:linear-gradient(180deg,#eeb53c,#bd851a);border-color:#bd851a;color:#2a1c02}.btn--lg{padding:14px 30px;font-size:clamp(15px,1.7vmin + 8px,19px)}.btn--ghost{background:#ffffffb3;color:var(--ink-dim)}.btn-key{display:inline-block;margin-left:8px;padding:1px 6px;font-family:var(--font-num);font-size:.72em;letter-spacing:.08em;border:1px solid rgba(20,32,44,.24);color:#14202c9e}.btn--primary .btn-key{border-color:#ffffff80;color:#ffffffe6}.quiz-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:12px;border-bottom:1px solid var(--line-soft);margin-bottom:14px}.quiz-head-l{display:flex;align-items:center;gap:9px;min-width:0}.quiz-dot{width:8px;height:8px;border-radius:50%;background:var(--danger);animation:pulse 1.1s ease-in-out infinite;flex:none}@keyframes pulse{50%{opacity:.35;transform:scale(.8)}}.quiz-title{font-size:.84em;letter-spacing:.1em;color:var(--ink-dim)}.quiz-topic{font-family:var(--font-num);font-size:.7em;letter-spacing:.16em;padding:2px 7px;border:1px solid var(--line);color:var(--cyan);flex:none}.quiz-timer{position:relative;width:52px;height:52px;flex:none}.quiz-timer svg{width:100%;height:100%;transform:rotate(-90deg)}.qt-track{fill:none;stroke:#14202c24;stroke-width:4}.qt-progress{fill:none;stroke:var(--cyan);stroke-width:4;stroke-linecap:round;stroke-dasharray:119.4;stroke-dashoffset:0;transition:stroke-dashoffset .2s linear,stroke .3s ease}.quiz-timer.is-urgent .qt-progress{stroke:var(--danger)}.quiz-timer.is-urgent .qt-num{color:var(--danger)}.qt-num{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-num);font-weight:700;font-size:1.05em;transition:color .3s ease}.quiz-question{margin:4px 0 16px;font-size:clamp(17px,2vmin + 9px,24px);line-height:1.5;font-weight:700}.quiz-options{display:grid;gap:9px}.option{pointer-events:auto;display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 15px;font-family:var(--font-ui);font-size:clamp(13px,1.5vmin + 7px,16px);color:var(--ink);border:1px solid var(--line-soft);background:#f6fafdf0;cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .08s ease}.option-key{flex:none;width:26px;height:26px;display:grid;place-items:center;font-family:var(--font-num);font-weight:700;font-size:.86em;border:1px solid var(--line);color:var(--cyan)}.option-text{flex:1;line-height:1.45}.option-mark{flex:none;font-family:var(--font-num);font-size:.78em;letter-spacing:.1em;opacity:0}@media (hover: hover){.option:hover:not(:disabled){border-color:var(--cyan);background:var(--surface-hover);transform:translate(2px)}}.option:disabled{cursor:default}.option.is-correct{border-color:#0d7a45a6;background:#def6e9f5;color:#0a4c2c}.option.is-correct .option-key{border-color:var(--good);color:var(--good)}.option.is-correct .option-mark{opacity:1;color:var(--good)}.option.is-wrong{border-color:#c4183a99;background:#fde8edf5;color:#7c0f26}.option.is-wrong .option-key{border-color:var(--danger);color:var(--danger)}.option.is-wrong .option-mark{opacity:1;color:var(--danger)}.option.is-dim{opacity:.5}.quiz-foot{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.quiz-result{font-weight:700;letter-spacing:.04em;font-size:clamp(13px,1.5vmin + 7px,17px);min-height:1.4em}.quiz-result.is-good{color:var(--good)}.quiz-result.is-bad{color:var(--danger)}.quiz-reward{font-family:var(--font-num);font-size:.78em;letter-spacing:.08em;color:var(--ink-mute)}.shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shop-card{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--line-soft);background:linear-gradient(180deg,#fcfefff2,#f0f6fbeb);transition:border-color .15s ease,transform .12s ease}.shop-card.is-equipped{border-color:var(--cyan);box-shadow:inset 0 0 0 1px var(--cyan-dim)}.shop-card:hover{transform:translateY(-1px)}.shop-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.shop-card-name{font-size:1.05em;font-weight:700}.shop-card-code{font-family:var(--font-num);font-size:.66em;letter-spacing:.2em;color:var(--ink-mute);display:block;margin-top:3px}.shop-card-tag{font-family:var(--font-num);font-size:.62em;letter-spacing:.14em;padding:2px 7px;border:1px solid var(--cyan-dim);color:var(--cyan);flex:none}.shop-card-art{height:52px;color:var(--cyan);display:grid;place-items:center;background:#e9f1f8e6;border:1px solid var(--line-soft)}.shop-card-art svg{width:78%;height:78%}.shop-card-stats{display:flex;gap:10px;flex-wrap:wrap;font-family:var(--font-num);font-size:.7em;letter-spacing:.06em;color:var(--ink-mute)}.shop-card-stats b{color:var(--ink-dim)}.shop-card-actions{display:flex;gap:8px;align-items:center;justify-content:space-between}.shop-price{display:flex;align-items:center;gap:6px;font-family:var(--font-num);font-weight:700;color:var(--gold);font-size:.96em}.shop-price.is-free{color:var(--good)}.btn--buy{padding:8px 16px;font-size:.82em}.stat-row,.stat-grid{display:grid;gap:10px;margin:16px 0}.stat-row,.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{padding:10px 12px;border:1px solid var(--line-soft);background:var(--panel-2);display:flex;flex-direction:column;gap:4px}.stat-k{font-size:.72em;letter-spacing:.14em;color:var(--ink-mute)}.stat-v{font-family:var(--font-num);font-size:1.18em;font-weight:700;color:var(--ink)}.result-sub{margin:0 0 6px;color:var(--ink-dim);line-height:1.6}.result-score{display:flex;align-items:baseline;gap:14px;margin:12px 0 4px;padding:14px 16px;border:1px solid var(--line);background:linear-gradient(100deg,#17a8dd29,#f2f8fde6)}.result-score-k{font-size:.76em;letter-spacing:.24em;color:var(--ink-mute)}.result-score-v{font-family:var(--font-num);font-size:clamp(26px,3.4vmin + 10px,44px);font-weight:800;color:var(--cyan);line-height:1}.result-score-best{margin-left:auto;font-family:var(--font-num);font-size:.8em;color:var(--ink-mute)}#panel-result .panel-title.is-victory{color:#a06a0c}#rotate-hint{position:absolute;inset:0;display:none;place-items:center;background:#ebf2f9f7;z-index:20;text-align:center;color:var(--ink-dim)}.rotate-inner svg{width:46px;height:46px;color:var(--cyan)}.rotate-inner p{margin:10px 0 0;font-size:.9rem}.btn--multi{margin-left:10px;border-color:#c2417c;background:linear-gradient(180deg,#e0629b,#a83268);color:#fff}.btn--multi:hover:not(:disabled){box-shadow:0 0 0 1px #e0629b80,0 8px 22px #a8326840}.lobby-role{font-size:.6em;letter-spacing:.16em;padding:3px 9px;margin-left:10px;vertical-align:middle;border:1px solid #c2417c;color:#a83268;font-family:var(--font-num)}.lobby-name-row{display:flex;align-items:center;gap:10px;margin-bottom:14px}.lobby-label{font-size:.78em;letter-spacing:.14em;color:var(--ink-mute);flex:none}.text-input{flex:1;min-width:0;padding:9px 12px;font-family:var(--font-ui);font-size:.92rem;color:var(--ink);border:1px solid var(--line-soft);background:#f6fafdf5;outline:none}.text-input:focus{border-color:var(--cyan)}.text-input--mono{font-family:var(--font-num);font-size:.74rem;letter-spacing:.02em;text-overflow:ellipsis}.lobby-choose{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}.lobby-choose.is-hidden{display:none}.lobby-choice{padding:14px;border:1px solid var(--line-soft);background:var(--panel-2);display:flex;flex-direction:column;gap:8px;align-items:flex-start}.lobby-choice .lobby-row{width:100%;margin-bottom:0}.lobby-choice .btn{margin-top:auto}.lobby-share{margin-bottom:12px;padding-bottom:12px;border-bottom:1px dashed var(--line-soft)}.lobby-warn{margin-bottom:10px;padding:11px 13px;border:1px solid rgba(200,120,20,.5);background:#ffc44d1f}.lobby-warn.is-hidden{display:none}.lobby-warn-title{font-weight:700;color:#8a5310;margin-bottom:6px}.lobby-warn-body{font-size:.8em;line-height:1.65;color:var(--ink-dim);margin-bottom:8px}.lobby-manual{margin-top:12px;padding-top:12px;border-top:1px dashed rgba(20,86,130,.28)}.lobby-manual.is-hidden{display:none}.lobby-step{padding:12px 14px;border:1px solid var(--line-soft);background:var(--panel-2);margin-bottom:10px}.lobby-step.is-hidden{display:none}.lobby-step-k{font-size:.8em;letter-spacing:.08em;color:var(--cyan);margin-bottom:8px}.lobby-row{display:flex;gap:8px;align-items:center;margin-bottom:8px}.lobby-hint{font-size:.74em;color:var(--ink-mute);line-height:1.6}.lobby-status{margin:12px 0;padding:10px 12px;font-family:var(--font-num);font-size:.82em;letter-spacing:.04em;border-left:3px solid var(--cyan);background:#17a8dd14;color:var(--ink-dim)}.opp-plate{position:absolute;left:0;top:0;min-width:170px;padding:7px 11px;border:1px solid rgba(194,65,124,.55);background:#fffffff0;box-shadow:0 6px 20px #18365433;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);pointer-events:none;opacity:0;visibility:hidden;will-change:transform;font-size:clamp(11px,1.1vmin + 6px,13px)}.opp-plate.is-show{opacity:1;visibility:visible}.opp-plate-top{display:flex;align-items:center;gap:6px;margin-bottom:5px}.opp-dot{width:7px;height:7px;border-radius:50%;background:#c2417c;flex:none}#opp-name{font-weight:700;color:#a83268}.opp-weapon{margin-left:auto;font-family:var(--font-num);font-size:.76em;letter-spacing:.1em;padding:1px 6px;border:1px solid rgba(194,65,124,.5);color:#a83268}.opp-plate-row{display:flex;align-items:center;gap:10px;font-family:var(--font-num);color:var(--ink-mute)}.opp-hearts{display:inline-flex;gap:2px}.opp-hearts svg{width:12px;height:12px;color:var(--danger)}.opp-hearts .is-lost svg{color:#14202c29}.opp-meta b{color:var(--ink)}.opp-plate-phase{margin-top:4px;font-size:.82em;color:var(--cyan);min-height:1.1em}.versus-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 18px}.versus-col{padding:12px 14px;border:1px solid var(--line-soft);background:var(--panel-2)}.versus-col--me{border-color:var(--cyan-dim)}.versus-col--opp{border-color:#c2417c73}.versus-col-head{font-size:.86em;font-weight:700;letter-spacing:.06em;margin-bottom:8px;color:var(--cyan)}.versus-col--opp .versus-col-head{color:#a83268}.versus-stat{display:flex;justify-content:space-between;font-family:var(--font-num);font-size:.86em;padding:3px 0;color:var(--ink-mute)}.versus-stat b{color:var(--ink)}#panel-versus .panel-title.is-win{color:#0d7a45}#panel-versus .panel-title.is-lose{color:#a83268}@media (max-width: 900px){.hero-grid,.stat-grid,.stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}.chip--best,.chip--mode{display:none}.weapon-plate{min-width:0}.hud-sub{display:none}}@media (max-width: 620px){.hero-grid{grid-template-columns:minmax(0,1fr);gap:8px}.shop-grid{grid-template-columns:minmax(0,1fr)}.hud-tc{top:calc(56px + env(safe-area-inset-top))}.hud-tr{gap:6px}.chip{padding:4px 8px}.icon-btn{width:34px;height:34px}.weapon-glyph{width:48px;height:24px}.toasts{top:58%}.quiz-timer{width:44px;height:44px}}@media (max-height: 520px){.hero-sub,.panel-foot{display:none}.panel{padding:12px 16px}.quiz-question{margin:2px 0 10px}.option{padding:8px 12px}}@media (orientation: portrait) and (max-width: 560px) and (pointer: coarse){#rotate-hint.is-show{display:grid}}@media (max-width: 620px){.lobby-choose{grid-template-columns:minmax(0,1fr)}.btn--multi{margin-left:0;margin-top:8px}.versus-grid{grid-template-columns:minmax(0,1fr)}.opp-plate{display:none}.lobby-row{flex-wrap:wrap}}@media (prefers-reduced-motion: reduce){*{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:.05s!important}#fx-vignette{background:radial-gradient(120% 95% at 50% 52%,#fff0 46%,#6b85a038)}}