:root{--bg:#05060f;--outside:#020208;--fg:#eef1ff;--muted:#9aa3c7;--accent:#ffc93c;--accent-2:#ff9f2b;--cyan:#7fe3ff;--ok:#6dffb0;--warn:#ffb36b;--danger:#ff6b8a;--panel:#0e1228db;--panel-solid:#0c1024;--line:#a0b4ff38;--panel-h:clamp(250px, 38%, 340px)}*{box-sizing:border-box}html,body{background:var(--outside);height:100%;color:var(--fg);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Hiragino Maru Gothic ProN,Hiragino Sans,Yu Gothic UI,Meiryo,sans-serif;overflow:hidden}#app{background:var(--bg);width:min(100%,480px);position:fixed;top:0;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}#scene{touch-action:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0}#app.in-game #scene{height:calc(100% - var(--panel-h))}#ui{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}button{font:inherit;color:inherit;touch-action:manipulation}.btn{pointer-events:auto;cursor:pointer;border:1px solid var(--line);background:#1e2446bf;border-radius:999px;padding:12px 28px;font-size:16px;font-weight:700;transition:transform 80ms,background .2s}.btn:hover{background:#323c6ed9}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#2a1600;border-color:#0000}.btn.small{padding:8px 16px;font-size:14px}.btn.icon{letter-spacing:1px;width:42px;height:42px;padding:0;font-size:14px}.hint{color:var(--muted);text-align:center;margin:0;font-size:13px}.screen{pointer-events:auto;padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));flex-direction:column;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.title{padding-top:calc(9vh + env(safe-area-inset-top));padding-bottom:calc(7vh + env(safe-area-inset-bottom));background:radial-gradient(#0000 30%,#05060f8c 100%);justify-content:space-between}.title h1{letter-spacing:.04em;text-shadow:0 4px 30px #ffc93c73;text-align:center;margin:0;font-size:clamp(36px,11vw,54px);line-height:1.15}.title h1 span{color:var(--accent)}.title .sub{color:var(--muted);text-align:center;margin:8px 0 0}.title-foot{flex-direction:column;align-items:center;gap:14px;display:flex}.title .btn.primary{padding:14px 52px;font-size:20px}.select{background:#05060f99;overflow-y:auto}.select header{align-items:center;gap:14px;width:100%;margin-bottom:16px;display:flex}.select h2{margin:0;font-size:22px}.stage-list{flex-direction:column;gap:10px;width:100%;padding-bottom:24px;display:flex}.stage-card{pointer-events:auto;cursor:pointer;text-align:left;border:1px solid var(--line);background:var(--panel);border-radius:16px;align-items:center;gap:12px;padding:14px;transition:transform .1s,border-color .2s;display:flex}.stage-card:hover:not(.locked){border-color:var(--accent);transform:translateY(-1px)}.stage-card.locked{cursor:default;opacity:.5}.stage-card .num{width:38px;height:38px;color:var(--accent);background:#ffc93c2e;border-radius:50%;flex:none;place-items:center;font-size:17px;font-weight:800;display:grid}.stage-card .body{flex:1;min-width:0}.stage-card .name{font-size:16px;font-weight:700}.stage-card .desc{color:var(--muted);margin-top:2px;font-size:12.5px}.stage-card .best{color:var(--cyan);font-variant-numeric:tabular-nums;flex:none;font-size:14px;font-weight:700}.hud{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.hud-view{top:0;left:0;right:0;bottom:var(--panel-h);position:absolute}.hud-top{top:calc(10px + env(safe-area-inset-top));align-items:flex-start;gap:12px;display:flex;position:absolute;left:12px;right:12px}.hud-stage{flex:1;min-width:0}.hud-stage .name{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.hud-stage .time{font-variant-numeric:tabular-nums;font-size:26px;font-weight:800}.time-row{align-items:center;gap:12px;display:flex}.dose-top{color:#d9b8ff;text-shadow:0 1px 3px #000c;flex-direction:column;flex:1;gap:3px;max-width:150px;font-size:11px;font-weight:700;display:flex}.dose-top .bar{background:#ffffff26;border-radius:999px;height:8px;overflow:hidden}.dose-top .fill.dose{background:linear-gradient(90deg,#b07bff,#e05cff);width:0;height:100%}.dose-top .fill.dose.low{background:#ff5cf0}.load-top,.escape-top{color:#ffd27a;text-shadow:0 1px 3px #000c;white-space:nowrap;font-size:12px;font-weight:800}.escape-top{color:#ff8a8a}.escape-top.urgent{color:#ff4d4d;animation:.4s infinite alternate irradiate-pulse}.alert-edge{pointer-events:none;opacity:0;transition:opacity .2s;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 70px 18px #ff282899}.alert-edge.on{opacity:1;animation:.8s infinite alternate irradiate-pulse}.banner{text-align:center;letter-spacing:.08em;text-shadow:0 4px 24px #0009;font-size:clamp(30px,10vw,48px);font-weight:900;position:absolute;top:34%;left:0;right:0}.banner:empty{display:none}.hud-stack{top:calc(72px + env(safe-area-inset-top));pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;left:12px;right:12px}.hud-hint{background:var(--panel);width:max-content;max-width:100%;color:var(--muted);text-align:center;border-radius:14px;padding:7px 14px;font-size:12.5px;transition:opacity .8s}.control-panel{height:var(--panel-h);pointer-events:auto;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(180deg, #121733, var(--panel-solid));border-top:1px solid var(--line);touch-action:none;flex-direction:column;gap:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.meters{grid-template-columns:1.4fr 1fr 1fr;gap:8px;display:grid}.meter{background:#ffffff0d;border:1px solid #ffffff0f;border-radius:12px;min-width:0;padding:6px 10px}.meter .label{letter-spacing:.08em;color:var(--muted);white-space:nowrap;margin-bottom:3px;font-size:10.5px}.meter .value{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:18px;font-weight:800}.meter .value small{color:var(--muted);margin-left:2px;font-size:11px;font-weight:600}#hud-rel-box{color:var(--warn)}#hud-rel-box.ok{color:var(--ok)}.meter.fuel .bar{background:#ffffff1f;border-radius:999px;height:10px;margin-top:8px;overflow:hidden}.meter.fuel .fill{background:linear-gradient(90deg, var(--cyan), var(--ok));border-radius:inherit;width:100%;height:100%}.meter.fuel .fill.low{background:var(--danger)}.meter.fuel .bar:has(.booster){display:flex}.meter.fuel .bar:has(.booster) .fill{border-radius:0;flex:none}.meter.fuel .fill.booster{background:linear-gradient(90deg,#ffb36b,#d9822b)}.aux-row .abtn.tool{border-color:#ffb36b99}.aux-row .abtn.tool.on{background:#ffb36b4d}.aux-row.aux-four .abtn{flex-direction:column;gap:0;padding:4px 2px}.aux-row.aux-four .abtn b{white-space:nowrap;font-size:13px}.aux-row.aux-four .abtn small{white-space:nowrap;font-size:9px}.aux-row .abtn.tool.spent{opacity:.35}.controls{flex:1;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-height:0;display:grid}.rot{gap:10px;display:flex}.tbtn{cursor:pointer;aspect-ratio:1;touch-action:none;background:#2832648c;border:2px solid #a0c8ff66;border-radius:50%;width:clamp(60px,18vw,76px);font-size:clamp(24px,7vw,30px);font-weight:800;transition:transform 50ms}.tbtn.jet{background:#6e3c1e73;border-color:#ffa050a6;width:clamp(84px,25vw,108px);font-size:20px}.tbtn.on{background:#7fe3ff59;transform:scale(.94)}.tbtn.jet.on{background:#ffa0508c}.aux{flex-direction:column;align-items:center;gap:6px;display:flex}.abtn{cursor:pointer;border:1px solid var(--line);background:#ffffff0f;border-radius:10px;flex-direction:column;align-items:center;width:100%;max-width:84px;padding:5px 4px;line-height:1.15;display:flex}.abtn b{font-size:12px}.abtn small{color:var(--muted);font-size:9.5px}.abtn:active:not(:disabled){background:#7fe3ff40}.abtn.empty{cursor:default;opacity:.4;border-style:dashed}.key-hint{color:var(--muted);text-align:center;font-size:11px}.pc-only{display:block}@media (any-pointer:coarse){.pc-only{display:none}}.overlay{pointer-events:auto;background:#05060f99;place-items:center;padding:16px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.overlay.hidden{display:none}.panel{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:20px;flex-direction:column;gap:10px;width:min(100%,360px);max-height:100%;padding:24px;display:flex;overflow-y:auto}.panel h2{margin:0 0 6px;font-size:26px}.panel h2.clear{color:var(--ok)}.panel h2.fail{color:var(--danger)}.panel p{margin:0 0 8px}.panel p.small{color:var(--muted);font-size:13px}.stats{flex-direction:column;gap:6px;margin-bottom:8px;display:flex}.stats div{align-items:baseline;gap:8px;display:flex}.stats span{text-align:left;color:var(--muted);flex:1;font-size:14px}.stats b{font-variant-numeric:tabular-nums;font-size:18px}.stats em{color:#2a1600;background:var(--accent);border-radius:999px;padding:2px 8px;font-size:11px;font-style:normal;font-weight:800}.rotate-notice{display:none}@media (any-pointer:coarse) and (orientation:landscape) and (max-height:500px){.rotate-notice{z-index:10;background:var(--bg);color:var(--fg);text-align:center;place-items:center;font-size:18px;font-weight:700;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}}.dpad{grid-template-columns:repeat(3, var(--dpad-size));grid-template-rows:repeat(3, var(--dpad-size));--dpad-size:clamp(46px, 14vw, 58px);gap:2px;display:grid}.dpad .tbtn{width:var(--dpad-size);border-radius:14px;font-size:clamp(16px,5vw,20px)}.dpad .up{grid-area:1/2}.dpad .left{grid-area:2/1}.dpad .right{grid-area:2/3}.dpad .down{grid-area:3/2}.dpad .roll-l{grid-area:1/1}.dpad .roll-r{grid-area:1/3}.marker-layer{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.marker{will-change:transform;width:0;height:0;position:absolute;top:0;left:0}.marker>*{position:absolute}.m-target .box{border:2px solid var(--ok);border-radius:8px;width:36px;height:36px;top:-18px;left:-18px;box-shadow:0 0 8px #6dffb080}.m-target .label{text-align:center;width:60px;color:var(--ok);text-shadow:0 1px 4px #000c;font-size:12px;font-weight:800;top:22px;left:-30px}.m-target .arrow{width:24px;height:24px;display:none;top:-12px;left:-12px}.m-target .arrow:before{content:"";border-left:12px solid var(--ok);border-top:8px solid #0000;border-bottom:8px solid #0000;position:absolute;top:4px;left:22px}.m-target.edge .box{background:#6dffb02e;border-radius:50%}.m-target.edge .arrow{display:block}.m-warn .ring{border:3px solid #ff5a6e;border-radius:50%;width:30px;height:30px;animation:.35s infinite alternate warn-blink;top:-15px;left:-15px;box-shadow:0 0 10px #ff5a6eb3}.m-warn .arrow{width:24px;height:24px;display:none;top:-12px;left:-12px}.m-warn .arrow:before{content:"";border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:12px solid #ff5a6e;position:absolute;top:4px;left:22px}.m-warn.edge .ring{background:#ff5a6e40}.m-warn.edge .arrow{display:block}@keyframes warn-blink{0%{opacity:1}to{opacity:.35}}.m-retro:before{content:"✕";text-align:center;width:24px;color:var(--warn);text-shadow:0 1px 4px #000c;font-size:20px;font-weight:900;position:absolute;top:-14px;left:-12px}.badge{color:#2a1600;background:var(--accent);vertical-align:2px;border-radius:999px;margin-right:6px;padding:1px 7px;font-size:10.5px;font-weight:800;display:inline-block}#app.mode-3d{--panel-h:clamp(300px, 44%, 380px)}.aux-row{flex-direction:row;justify-content:center}.aux-row .abtn{flex-direction:row;flex:1;justify-content:center;gap:6px;max-width:110px;padding:6px 4px}.controls-3d{grid-template-columns:auto auto;justify-content:space-between;align-items:start}.pad-wrap{flex-direction:column;align-items:center;gap:2px;display:flex}.mpad .center{width:var(--dpad-size);border-radius:50%;grid-area:2/2;font-size:clamp(12px,3.6vw,15px)}.mpad .mv{background:#5a371e73;border-color:#ffa05073}.mpad .mv.on{background:#ffa05073}.mpad .back{width:var(--dpad-size);background:#641e3280;border-color:#ff6b8a99;grid-area:3/3;font-size:clamp(9px,2.8vw,11px)}.mpad .back.on{background:#ff6b8a80}.m-target .box{pointer-events:auto;cursor:pointer}.m-target .box:after{content:"";position:absolute;top:-12px;bottom:-12px;left:-12px;right:-12px}.m-target.edge .box{pointer-events:none}.m-target.ref .box{background:#6dffb038;border-width:3px}.m-target.optional .box{border-color:#ffffffd9;width:26px;height:26px;top:-13px;left:-13px;box-shadow:0 0 6px #ffffff59}.m-target.optional .label{color:#ffffffd9;font-size:11px;top:16px}.m-target.optional.ref .box{background:#fff3}.abtn.active{border-color:var(--ok);background:#6dffb026}.abtn.active b{color:var(--ok)}.hud-hint.faded{opacity:0}.hud-hint.gone{display:none}.title .help{top:calc(14px + env(safe-area-inset-top));font-size:18px;font-weight:800;position:absolute;right:14px}.title .sound{top:calc(14px + env(safe-area-inset-top));font-size:18px;position:absolute;left:14px}.title-menu{flex-direction:column;align-items:stretch;gap:10px;width:min(100%,280px);display:flex}.title-menu .btn{background:#141a38d1;padding:12px 20px}.title-menu .btn.primary{background:linear-gradient(135deg, var(--accent), var(--accent-2))}.title-menu .btn.big{padding:15px 20px;font-size:22px}.screen-header{flex-wrap:wrap;align-items:center;gap:12px;width:100%;margin-bottom:16px;display:flex}.screen-header h2{flex:1;margin:0;font-size:22px}.wallet{font-variant-numeric:tabular-nums;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-weight:800}.diff-list{flex-direction:column;gap:10px;width:100%;padding-bottom:24px;display:flex}.diff-card{pointer-events:auto;cursor:pointer;text-align:left;border:1px solid var(--line);border-left:6px solid var(--c);background:var(--panel);border-radius:16px;padding:16px;transition:transform .1s,border-color .2s}.diff-card:hover:not(.locked){border-color:var(--c);transform:translateY(-1px)}.diff-card.locked{cursor:default;opacity:.45}.diff-name{color:var(--c);letter-spacing:.04em;font-size:20px;font-weight:900}.diff-card .desc{color:var(--muted);margin-top:4px;font-size:13px}.diff-meta{color:var(--fg);opacity:.8;margin-top:8px;font-size:12px}.section-label{letter-spacing:.15em;color:var(--muted);margin:10px 0 0;font-size:12px}.stage-row{border:1px solid var(--line);border-left:4px solid var(--c);background:var(--panel);border-radius:16px;grid-template-columns:auto 1fr;gap:4px 12px;padding:14px;display:grid}.stage-row .num{width:38px;height:38px;color:var(--c);background:#ffffff12;border-radius:50%;grid-row:span 2;place-items:center;font-weight:800;display:grid}.stage-row .name{font-size:16px;font-weight:700}.stage-row .desc{color:var(--muted);margin-top:2px;font-size:12.5px}.stage-row .meta{color:var(--muted);flex-wrap:wrap;gap:4px 14px;margin-top:6px;font-size:12px;display:flex}.stage-row .meta b{color:var(--fg);font-variant-numeric:tabular-nums}.row-actions{grid-column:2;gap:8px;margin-top:8px;display:flex}.row-actions .btn{flex:1;padding:9px 10px}.empty,.placeholder{color:var(--muted);text-align:center;margin:0;padding:24px 8px}.mine{text-align:center;margin:0 0 8px}.note{color:var(--muted);text-align:center;margin:12px 0 0;font-size:12.5px}.tabs{background:#ffffff0d;border-radius:12px;gap:4px;margin-bottom:10px;padding:4px;display:flex}.tab{pointer-events:auto;cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:9px;flex:1;padding:8px 6px;font-size:13.5px;font-weight:700}.tab.on{color:var(--accent);background:#ffc93c2e}.page-tabs{width:100%}.card-body{border:1px solid var(--line);background:var(--panel);border-radius:16px;width:100%;padding:8px 14px 12px}.modal{z-index:5}.modal-panel{text-align:left;width:min(100%,440px);max-height:86%}.modal-head{align-items:center;gap:10px;display:flex}.modal-head h2{flex:1;margin:0;font-size:20px}.modal-body{font-size:14px;line-height:1.6;overflow-y:auto}.modal-body h3{margin:14px 0 4px;font-size:15px}.modal-body p,.modal-body ul{margin:0 0 6px}.modal-body ul{padding-left:1.2em}.modal-body li.em{color:var(--ok);font-weight:800}.customize{pointer-events:none;justify-content:space-between}.customize>*{pointer-events:auto}.sheet{border:1px solid var(--line);background:var(--panel);border-radius:18px;width:100%;padding:10px 12px 14px}.sheet-body{min-height:150px}.slots{grid-template-columns:1fr 1fr;gap:8px;display:grid}.slot{border:1px dashed var(--line);border-radius:12px;align-items:center;gap:10px;padding:12px;display:flex}.slot-icon{font-size:24px}.slot b{font-size:14px;display:block}.slot small{color:var(--muted);font-size:11.5px}.face-holder canvas{border-radius:10px;width:100%;height:auto;display:block}.shop-item{border:1px solid var(--line);background:var(--panel);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.item-icon{font-size:28px}.shop-item .body{flex:1;min-width:0}.shop-item .name{font-weight:700}.shop-item .desc{color:var(--muted);margin-top:2px;font-size:12.5px}.kind{vertical-align:2px;background:#ffffff1a;border-radius:999px;margin-left:4px;padding:1px 7px;font-size:10.5px;font-weight:800;display:inline-block}.kind-装備{color:var(--cyan)}.kind-消耗品{color:var(--warn)}.kind-見た目{color:var(--accent)}.gacha{flex-direction:column;align-items:center;gap:12px;margin:8px 0 16px;display:flex}.capsule-machine{width:150px}.capsule-machine .dome{background:radial-gradient(circle at 30% 60%,#ff6b8a 0 12px,#0000 13px),radial-gradient(circle at 60% 70%,#7fe3ff 0 12px,#0000 13px),radial-gradient(circle at 45% 40%,#ffc93c 0 12px,#0000 13px),radial-gradient(circle at 72% 45%,#6dffb0 0 12px,#0000 13px),#c8dcff1f;border:3px solid #ffffff80;border-radius:75px 75px 10px 10px;height:120px}.capsule-machine .base{background:linear-gradient(#d9822b,#a85a17);border-radius:6px 6px 14px 14px;height:70px;margin-top:-4px}.odds{border-collapse:collapse;background:var(--panel);border-radius:12px;width:100%;font-size:13px;overflow:hidden}.odds th,.odds td{border-bottom:1px solid var(--line);text-align:left;padding:8px 10px}.odds th{color:var(--muted);white-space:nowrap;font-weight:700}.odds .stars{color:var(--accent);white-space:nowrap}.radio{z-index:3;pointer-events:none;flex-direction:column;align-items:flex-start;gap:10px;display:flex;position:absolute;bottom:0;left:10px;right:10px;transform:translateY(50%)}.radio-msg{align-items:flex-start;gap:8px;max-width:92%;transition:opacity .4s,transform .4s;animation:.25s ease-out radio-in;display:flex}.radio-msg.out{opacity:0;transform:translateY(6px)}.radio-msg .speaker{flex-direction:column;flex:none;align-items:center;width:42px;display:flex}.radio-msg .avatar{background:#0e1228d9;border:2px solid #7fe3ff8c;border-radius:50%;place-items:center;width:42px;height:42px;font-size:24px;line-height:1;display:grid;box-shadow:0 2px 8px #00000080}.radio-msg .avatar .face-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.radio-msg .who{white-space:nowrap;color:var(--cyan);text-shadow:0 1px 3px #000000e6,0 0 2px #000000e6;margin-top:2px;font-size:10px;font-weight:700}.radio-msg .bubble{-webkit-backdrop-filter:blur(4px);background:#0e1228c7;border:1px solid #7fe3ff47;border-radius:4px 14px 14px;margin-top:3px;padding:7px 11px}.radio-msg .text{font-size:13px;line-height:1.45}@keyframes radio-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.meter .hull-label{margin-top:6px}.one-hit{color:var(--danger);margin-left:4px;font-size:10px}.meter.fuel .fill.hull{background:linear-gradient(90deg,#ffd84d,#ffb36b)}.meter.fuel .bar+.hull-label+.bar{margin-top:3px}.irradiate{pointer-events:none;opacity:0;transition:opacity .2s;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 80px 24px #b45affbf}.irradiate.on{opacity:1;animation:.6s infinite alternate irradiate-pulse}@keyframes irradiate-pulse{0%{opacity:.55}to{opacity:1}}.hud-view:after{content:"";pointer-events:none;opacity:0;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 70px 20px #ff3c3cbf}.hud-view.hit:after{animation:.5s ease-out hit-flash}.hud-view.crashed:after{opacity:1;animation:none;box-shadow:inset 0 0 120px 40px #ff3232d9}@keyframes hit-flash{0%{opacity:1}to{opacity:0}}.tbtn.off,.pad-wrap.off{visibility:hidden}.hold-gauge{top:calc(66px + env(safe-area-inset-top));pointer-events:none;--c:var(--ok);flex-direction:column;align-items:center;width:64px;display:flex;position:absolute;right:10px}.hold-gauge svg{width:56px;height:56px;transform:rotate(-90deg)}.hold-gauge .track{fill:#0e122899;stroke:#ffffff26;stroke-width:4px}.hold-gauge .prog{fill:none;stroke:var(--c);stroke-width:4px;stroke-linecap:round;stroke-dasharray:0 200;transition:stroke-dasharray 80ms linear}.hold-num{font-variant-numeric:tabular-nums;width:56px;height:56px;color:var(--c);place-items:center;font-size:15px;font-weight:800;display:grid;position:absolute;top:0}.hold-text{white-space:nowrap;color:var(--c);text-shadow:0 1px 4px #000000e6;margin-top:2px;font-size:11px;font-weight:700}.hold-gauge[data-state=outside]{--c:var(--muted)}.hold-gauge[data-state=misaligned]{--c:var(--warn)}.hold-gauge[data-state=moving]{--c:#ffd84d}.hold-gauge[data-state=holding],.hold-gauge[data-state=done]{--c:var(--ok)}.hud-view:has(.hold-gauge) .hud-stack{right:84px}.hud>.overlay{z-index:5}.radio-msg.sticky .bubble{border-color:#ffc93cbf;box-shadow:0 0 12px #ffc93c59}.radio-msg.sticky .text:before{content:"👆 "}.hud.blackout .hold-gauge,.hud.blackout #hud-edge,.hud.blackout .hud-hint,.hud.blackout .alert-edge{display:none}.shop-item .price{color:var(--accent);margin-top:4px;font-size:12.5px;font-weight:700}.mats{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.mat{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:3px 8px;font-size:12px}.rewards{margin:0 0 8px;padding-left:18px}.stage-row .req{color:var(--warn);font-weight:700}.paint-sheet{flex-direction:column;gap:10px;display:flex}.paint-row{justify-content:center;align-items:center;gap:14px;display:flex}.paint-row .wheel{aspect-ratio:1;touch-action:none;cursor:crosshair;width:min(52vw,220px);height:auto}.paint-side{flex-direction:column;align-items:stretch;gap:8px;min-width:110px;display:flex}.swatch{border:1px solid var(--line);border-radius:10px;height:44px}.swatch.big{height:60px;margin:8px 0}.paint-side .hex{text-align:center;color:var(--muted);font-family:monospace;font-size:13px}.paint-side .bright{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.paint-price{text-align:center;color:var(--accent);font-weight:700}.btn.wide{width:100%}.item-thumb{background:radial-gradient(circle at 50% 40%,#7fe3ff29,#0000 70%);border-radius:10px;flex:none;width:56px;height:56px}.shop-tabs{margin-bottom:8px}.shop-greet{align-items:center;gap:10px;width:100%;margin-bottom:8px;display:flex}.shop-greet .egao{flex:none;width:64px;height:64px}.shop-greet .egao-emoji{font-size:48px}.shop-greet .bubble{color:#2a1a10;background:#fffaf0;border-radius:14px;flex:1;padding:10px 14px;font-size:14px;font-weight:700;position:relative}.shop-greet .bubble:before{content:"";border:8px solid #0000;border-left:0;border-right-color:#fffaf0;margin-top:-8px;position:absolute;top:50%;left:-8px}.stage-row.tap{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer}.stage-row.tap .num{grid-row:auto;font-size:22px}.stage-row.tap:active{transform:scale(.99)}.stage-row .cleared{color:var(--ok);margin-left:6px;font-size:11px;font-weight:800}.stage-detail p{margin:0 0 10px}.detail-meta{color:var(--muted);flex-direction:column;gap:4px;margin-bottom:12px;font-size:13px;display:flex}.detail-meta b{color:var(--fg)}.detail-meta .req{color:var(--warn);font-weight:700}.detail-actions{gap:8px;display:flex}.detail-actions .play{flex:1;padding:16px 10px;font-size:20px;font-weight:900}.detail-actions .times{flex:none;width:60px;padding:0;font-size:24px}.ghost-check{cursor:pointer;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:10px;font-size:14px;font-weight:700;display:flex}.ghost-check input{width:20px;height:20px;accent-color:var(--ok);margin:0}.ghost-check.off{cursor:default}.ghost-check.off span{opacity:.45}.ghost-check small{color:var(--muted);flex-basis:100%;padding-left:28px;font-size:11.5px;font-weight:400}.clear-gain{background:#ffffff0d;border-radius:12px;margin-top:14px;padding:10px 12px;font-size:13px}.clear-gain .gain-title{margin-bottom:6px;font-weight:800}.clear-gain .gain-row{justify-content:space-between;gap:10px;padding:3px 0;display:flex}.clear-gain .gain-row span{color:var(--muted)}.clear-gain .note{margin-top:6px}.spacer{visibility:hidden}.name-dialog{z-index:30}.name-input{box-sizing:border-box;width:100%;color:var(--fg);font:inherit;text-align:center;background:#00000059;border:2px solid #fff3;border-radius:12px;margin:10px 0 2px;padding:12px 14px;font-size:18px;font-weight:700}.name-input:focus{border-color:var(--ok);outline:none}.name-error{min-height:1.2em;color:var(--warn);margin:2px 0 8px}.name-row{align-items:center;gap:10px;padding:6px 4px 12px;display:flex}.name-row>div{flex-direction:column;flex:1;min-width:0;display:flex}.name-row small{color:var(--muted);font-size:11.5px}.name-row b{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.clear-gain .gain-row.sub{padding-left:12px;font-size:12px}.stats .reward{flex-wrap:wrap}.stats .reward small{text-align:right;color:var(--muted);flex-basis:100%;font-size:11.5px}.rank-list{margin:0;padding:0;list-style:none}.rank-list li{border-bottom:1px solid #ffffff14;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:8px 4px;display:flex}.rank-list .pos{text-align:right;width:2em;color:var(--muted);font-weight:800}.rank-list li:first-child .pos{color:#ffd76b}.rank-list li:nth-child(2) .pos{color:#d9dee8}.rank-list li:nth-child(3) .pos{color:#e0a070}.rank-list .who{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.rank-list .name-btn{font:inherit;color:inherit;text-align:left;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;-webkit-text-decoration:underline dotted #fff6;text-decoration:underline dotted #fff6}.rank-list .when{color:var(--muted);flex-basis:100%;padding-left:calc(2em + 10px);font-size:11.5px}.noname{color:var(--muted)}.nm-count .nm-total{margin:6px 0 10px;font-size:18px}.nm-list{margin:0;padding:0;list-style:none}.nm-list li{border-bottom:1px solid #ffffff14;justify-content:space-between;gap:10px;padding:6px 0;display:flex}.rate{margin-left:6px;font-size:11px;font-weight:700}.rate.up{color:var(--ok)}.rate.down{color:var(--warn)}.nm-count .nm-when{color:var(--muted);margin:0}.shop-msg{color:var(--ok);background:#6dffb01f;border-radius:10px;margin:4px 0 8px;padding:8px 12px;font-size:13px;font-weight:700}.sell-btns{flex-direction:column;gap:4px;display:flex}.btn.owned{color:var(--ok)}.pay-confirm p{margin:0 0 10px}.pay-confirm .pay-error{color:var(--warn);min-height:1em}.pay-confirm .btn{width:100%}.pay-confirm .swatch.big{border-radius:12px;width:64px;height:64px;margin:0 auto 10px;display:block}.choice-title{margin:4px 0 6px;font-size:13px;font-weight:800}.choices{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;margin-bottom:10px;display:grid}.choice{color:inherit;font:inherit;cursor:pointer;background:#ffffff0a;border:2px solid #ffffff1f;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;display:flex}.choice.on{border-color:var(--ok);background:#6dffb01a}.choice:disabled{cursor:default;opacity:.45}.choice.on:disabled{opacity:1}.choice-art{object-fit:contain;width:48px;height:48px}.choice-art.emoji{place-items:center;font-size:28px;display:grid}.choice-name{text-align:center;font-size:11.5px;font-weight:700;line-height:1.2}.choice small{color:var(--muted);font-size:10px}.paint-chip{border:2px solid #ffffff4d;border-radius:8px;width:28px;height:28px}.stage-row .meta .req{flex-basis:100%}.stage-row .meta b.grade,.detail-meta b.grade{color:var(--ok)}