*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#070914;color:#fff;font-family:system-ui,Arial;touch-action:none}.hidden{display:none}#menu{position:fixed;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at 50% 10%,#283a79,#0a0e20 45%,#050711 85%)}.logo{font-size:42px;font-weight:1000;letter-spacing:3px}.logo span{color:#28ddff}.logo small{display:block;text-align:center;font-size:10px;letter-spacing:6px;color:#8490b0}.logo+p,#menu>p{color:#a9b3d0;margin:10px 0 22px}input{border:1px solid #ffffff22;background:#ffffff0b;color:#fff;border-radius:12px;padding:14px;width:min(330px,90vw);margin:5px;outline:none}button{border:0;border-radius:12px;padding:13px 18px;background:linear-gradient(90deg,#735cff,#18d8f5);color:#fff;font-weight:800;margin:5px}.join{display:flex;width:min(330px,90vw)}.join input{width:100%}.join button{flex:0 0 90px}.note{max-width:330px;text-align:center;color:#727d9d;margin-top:20px;line-height:1.5}#status{color:#65e6ff;font-size:12px;margin:8px}.hud{position:fixed;top:14px;left:14px;right:14px;z-index:3;display:flex;justify-content:space-between;pointer-events:none}.hud small{color:#9aa5c4;font-size:9px}.hud>div{background:#080c18dd;border:1px solid #ffffff15;padding:8px 11px;border-radius:11px;font-size:10px}.hud span,#roomBox b{color:#62eaff}.hud>div span{font-weight:900}#roomBox{position:fixed;top:70px;left:50%;transform:translateX(-50%);z-index:3;background:#080c18dd;border:1px solid #ffffff18;border-radius:11px;padding:7px 10px;font-size:11px}#roomBox button{padding:4px 7px;margin:0 0 0 5px;background:#ffffff12}.tip{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);z-index:3;background:#070a13c9;border:1px solid #ffffff12;color:#9aa4c2;padding:7px 10px;border-radius:9px;font-size:10px;white-space:nowrap}.touch{position:fixed;left:16px;bottom:20px;z-index:4;display:grid;grid-template-columns:repeat(2,58px);gap:6px}.touch button{height:54px;padding:0;background:#080c18dd;border:1px solid #ffffff22;font-size:22px}@media(min-width:800px){.touch{display:none}}