body #menu{--tx: 0;--ty: 0;--slab: #05080a}body #menu.m3d #menu-art{background:#0a1215}body #menu.m3d.theme-snow #menu-art{background:#131c28}body #menu.m3d.theme-volcano #menu-art{background:#170806}body #menu #menu-art canvas.menu-3d{position:absolute;display:block;image-rendering:pixelated;pointer-events:none}body #menu.m3d #menu-art:after{z-index:1;background:radial-gradient(60% 40% at 40% 0%,#8aa0d026,transparent 70%),linear-gradient(180deg,#05080baa 0%,#05080b44 14%,transparent 28%),linear-gradient(90deg,transparent 38%,#05080b55 52%,#05080b99 100%),linear-gradient(0deg,#05080bcc 0%,transparent 22%)}body #menu.m3d.theme-volcano #menu-art:after{background:radial-gradient(60% 40% at 40% 0%,#ff6a3a22,transparent 70%),linear-gradient(180deg,#0b0403aa 0%,#0b040344 14%,transparent 28%),linear-gradient(90deg,transparent 38%,#0b040355 52%,#0b040399 100%),linear-gradient(0deg,#0b0403cc 0%,transparent 22%)}body #menu.m3d #char-art,body #menu.m3d #char-ground{visibility:hidden}body #menu.m3d #char-light .pool{opacity:0}body #menu #menu-logo{perspective:700px}body #menu #menu-logo .logo3d{display:block;width:100%;height:auto;overflow:visible;transform:rotateX(calc(14deg + var(--ty) * -5deg)) rotateY(calc(var(--tx) * 9deg)) translate(calc(var(--tx) * -6px),calc(var(--ty) * -4px));transform-origin:50% 80%;filter:drop-shadow(0 14px 16px #000b);animation:m3d-bob 7s ease-in-out infinite;transition:transform .3s ease-out}body #menu #menu-logo .logo3d~img{display:none}@keyframes m3d-bob{0%,to{translate:0 0}50%{translate:0 -4px}}body #menu #menu-stage{translate:calc(var(--tx) * -7px) calc(var(--ty) * -4px);transition:translate .3s ease-out}body #menu #menu-foot{translate:calc(var(--tx) * -9px) calc(var(--ty) * -5px);transition:translate .3s ease-out}body #menu #menu-card{transform:perspective(1700px) rotateY(calc(6deg + var(--tx) * 3deg)) rotateX(calc(var(--ty) * -2.5deg));transform-origin:0% 60%;transition:transform .3s ease-out}body #menu #menu-card button.mode-card{--deep: color-mix(in srgb, var(--accent) 34%, #000);--deeper: color-mix(in srgb, var(--accent) 18%, #000);border-radius:8px;border:2px solid color-mix(in srgb,var(--accent) 70%,#000);box-shadow:0 2px 0 var(--deep),0 4px 0 var(--deep),0 6px 0 var(--deep),0 8px 0 var(--deeper),0 24px 30px #000c,inset 0 2px #ffffff2e,inset 0 -3px #0007}body #menu #menu-card button.mode-card:before,body #menu #menu-card button.mode-card:after{border-radius:6px}body #menu #menu-card button.mode-card:hover:not(:disabled){transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-6px);border-color:var(--accent);box-shadow:0 2px 0 var(--deep),0 4px 0 var(--deep),0 6px 0 var(--deep),0 8px 0 var(--deep),0 10px 0 var(--deep),0 12px 0 var(--deeper),0 30px 36px #000c,0 0 26px color-mix(in srgb,var(--accent) 30%,transparent),inset 0 2px #ffffff38,inset 0 -3px #0007}body #menu #menu-card button.mode-card.pressed,body #menu #menu-card button.mode-card.pressed:hover{transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(6px) scale(.99);box-shadow:0 2px 0 var(--deeper),0 8px 14px #000b,inset 0 2px #fff2,inset 0 -2px #0007}@keyframes card-spring{0%{transform:perspective(900px) translateY(6px)}45%{transform:perspective(900px) translateY(-9px)}to{transform:perspective(900px) translateY(0)}}body #menu .mode-copy strong{text-shadow:0 1px 0 #1a120c,0 2px 0 #1a120c,0 3px 0 #140e09,0 4px 0 #0e0906,0 5px 0 #0a0604,0 10px 14px #000c}body #menu .mode-play,body #menu #btn-solo .mode-play,body #menu #btn-arena-v2 .mode-play,body #menu #menu-card.snow-modes #btn-solo .mode-play,body #menu #menu-card.volcano-modes #btn-solo .mode-play{border-radius:7px;border:2px solid color-mix(in srgb,var(--accent) 80%,#fff 8%);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 36%,#10171a),color-mix(in srgb,var(--accent) 12%,#0a0f12));box-shadow:0 3px color-mix(in srgb,var(--accent) 40%,#000),0 6px color-mix(in srgb,var(--accent) 20%,#000),inset 0 2px #fff3;text-shadow:0 2px 0 #0009}body #menu .mode-play i{border-radius:4px}body #menu #menu-card button.mode-card:hover .mode-play{transform:translateY(-2px)}body #menu #menu-card button.mode-card.pressed .mode-play{transform:translateY(3px);box-shadow:0 1px color-mix(in srgb,var(--accent) 40%,#000),inset 0 2px #fff2}body #menu #menu-tools button,body #menu #link-host,body #menu #btn-resume{border-radius:7px;border:2px solid #ffffff24;background:linear-gradient(180deg,#1d2428f2,#0d1214f2);box-shadow:0 2px #0a0e10,0 4px #0a0e10,0 5px 0 var(--slab),0 14px 20px #000a,inset 0 2px #ffffff1c;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}body #menu #menu-tools button:hover:not(:disabled),body #menu #link-host:hover:not(:disabled),body #menu #btn-resume:hover:not(:disabled){transform:translateY(-2px);border-color:#e5ad6199;box-shadow:0 2px #0a0e10,0 4px #0a0e10,0 6px #0a0e10,0 7px 0 var(--slab),0 18px 24px #000b,inset 0 2px #ffffff26}body #menu #menu-tools button:active:not(:disabled),body #menu #link-host:active:not(:disabled),body #menu #btn-resume:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 var(--slab),0 5px 10px #000a,inset 0 2px #ffffff14;transition-duration:60ms}body #menu #menu-tools button[aria-expanded=true],body #menu #link-host.on{border-color:#e5ad61;background:linear-gradient(180deg,#3a2c1cf2,#1a140ef2)}body #menu #link-host{background:linear-gradient(115deg,#1a2024f0,#0d1113e8)}body #menu #link-host svg{filter:drop-shadow(0 3px 0 #000a);color:#e5ad61}body #menu #link-host b{text-shadow:0 2px 0 #000a}body #menu #btn-resume{background:linear-gradient(180deg,#24322bf2,#121c17f2);border-color:#849180}body #menu #online{border:2px solid #ffffff22;border-radius:10px;box-shadow:0 3px #0a0e10,0 6px #0a0e10,0 8px 0 var(--slab),0 30px 50px #000d,inset 0 2px #ffffff14}body #online .door,body #online #party-actions button,body #online .modes button{border-radius:7px;box-shadow:0 3px #0a0e10,0 5px 0 var(--slab),inset 0 2px #ffffff14;transition:transform .1s ease,box-shadow .1s ease}body #online .door:active:not(:disabled),body #online #party-actions button:active:not(:disabled),body #online .modes button:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--slab),inset 0 2px #ffffff14}body #online .door.primary{box-shadow:0 3px #8a5a22,0 5px #4a2e10,inset 0 2px #fff5}body #menu.character-edit #char-prev,body #menu.character-edit #char-next,body #menu.character-edit #player-name,body #menu.character-edit #char-outfit:not([hidden]){border-radius:7px;border-width:2px;box-shadow:0 3px #0a0e10,0 5px 0 var(--slab),inset 0 2px #ffffff14}@media (prefers-reduced-motion: reduce){body #menu #menu-logo .logo3d{animation:none}body #menu #menu-stage,body #menu #menu-foot,body #menu #menu-card,body #menu #menu-logo .logo3d{transition:none}}@media (orientation: portrait) and (max-width: 820px){body #menu #menu-tools{left:10px;right:10px;top:max(10px,env(safe-area-inset-top));justify-content:flex-end;gap:7px}body #menu #menu-tools button{width:44px;min-height:44px;padding:0;gap:0}body #menu #menu-tools button svg{width:20px;height:20px}body #menu #menu-tools button span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}body #menu #menu-logo{left:7%;right:7%;width:auto;top:calc(max(10px,env(safe-area-inset-top)) + 62px)}body #menu #showcase{left:50%;top:53%;width:min(50vw,27vh);transform:translate(-50%,-88.125%)}body #menu #menu-stage{left:4%;right:4%;top:56%;bottom:calc(max(12px,env(safe-area-inset-bottom)) + 96px)}body #menu #menu-card{gap:8px;transform:perspective(1200px) rotateX(6deg);transform-origin:50% 100%}body #menu .mode-copy{padding:10% 6% 5%;min-height:50%}body #menu .mode-copy strong{font-size:clamp(17px,5.4vw,24px);padding-top:26px;letter-spacing:.04em}body #menu .mode-copy strong:before{width:20px;height:20px}body #menu .mode-play,body #menu #btn-solo .mode-play,body #menu #btn-arena-v2 .mode-play,body #menu #menu-card.snow-modes #btn-solo .mode-play,body #menu #menu-card.volcano-modes #btn-solo .mode-play{margin:0 7% 9%;padding:7px 4px;gap:6px;font-size:11px;letter-spacing:.16em}body #menu .mode-play i{width:18px}body #menu #menu-foot{left:4%;right:4%;top:auto;bottom:max(12px,env(safe-area-inset-bottom));height:76px;transform:none}body #menu #link-host{padding:0 16px;gap:14px}body #menu #link-host svg{width:34px}body #menu #link-host b{font-size:15px;letter-spacing:.16em}body #menu #link-host small{font-size:8px;letter-spacing:.12em}body #menu #online{top:auto;bottom:0;max-height:min(80vh,640px);padding:16px}body #menu #btn-resume{left:0;right:auto}body #menu.m3d #menu-art:after{background:radial-gradient(80% 30% at 50% 0%,#8aa0d026,transparent 70%),linear-gradient(180deg,#05080bee 0%,#05080b88 18%,transparent 34%),linear-gradient(0deg,#05080bf2 0%,#05080bcc 30%,transparent 50%)}}body #menu.character-edit #char-name{width:auto;left:50%;transform:translate(-50%);max-width:150%;padding:5px 10px;border-radius:6px;background:#080d12d9;border:1px solid #ffffff26;box-shadow:0 3px 0 var(--slab)}