*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 15%,#171344,#050611 60%,#02030a);color:#eafaff;font-family:system-ui,Segoe UI,sans-serif;min-height:100vh}#app{max-width:1050px;margin:auto;padding:18px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #24435e;padding:10px 4px 18px}.brand{font-size:22px;letter-spacing:5px;font-weight:900}.brand b{color:#ff4d9a}#netStatus{font-size:12px;color:#71eaff;border:1px solid #2b718a;border-radius:30px;padding:7px 13px}.panel{max-width:650px;margin:7vh auto 0;text-align:center;padding:35px 28px;background:#0b1024dd;border:1px solid #23516d;border-radius:18px;box-shadow:0 0 45px #00c8ff16}h1{font-size:clamp(42px,8vw,76px);margin:10px 0;color:#fff;text-shadow:0 0 22px #00cfff;letter-spacing:7px}h2{color:#72edff}.sub{color:#ff70b1;letter-spacing:4px;font-size:12px;margin-bottom:28px}input{background:#080d1d;color:white;border:1px solid #31516c;border-radius:8px;padding:13px 14px;font-size:15px;outline:none;min-width:0}input:focus{border-color:#47dfff;box-shadow:0 0 12px #00cfff35}#playerName{width:100%;max-width:420px;margin-bottom:15px}.menuButtons{display:grid;gap:10px;max-width:420px;margin:0 auto 14px}button{background:linear-gradient(110deg,#087eaa,#4b45a8);border:1px solid #6beaff;color:white;font-weight:800;letter-spacing:1px;border-radius:8px;padding:13px 16px;cursor:pointer}button:hover{filter:brightness(1.2);box-shadow:0 0 18px #00cfff55}.joinrow,.serverrow{display:flex;gap:8px;max-width:520px;margin:10px auto}.joinrow input{flex:1}.serverrow input{flex:1;font-size:12px}.secondary{background:#263047;border-color:#536078;margin-left:8px}.hint{font-size:12px;color:#8da5c7;margin-top:26px}.hidden{display:none!important}#menuMsg{min-height:22px;color:#ffb4d5;font-size:13px}.hud{display:flex;justify-content:space-between;gap:8px;padding:10px 2px;color:#7feaff;font-weight:800;font-size:13px;flex-wrap:wrap}canvas{width:100%;height:auto;display:block;border:1px solid #1c8bab;border-radius:10px;background:#050713;box-shadow:0 0 30px #00cfff22;touch-action:none}.gameFoot{display:flex;align-items:center;gap:10px;padding:10px 0}.gameFoot button{padding:8px 13px;font-size:11px}.gameFoot span{color:#ff9ac8;font-size:13px}.mobile{display:none;gap:8px;justify-content:center;padding:10px}.mobile button{min-width:65px}.mobile button.active{background:#ec348c}@media(max-width:650px){#app{padding:9px}.panel{margin-top:5vh;padding:25px 14px}.joinrow,.serverrow{flex-wrap:wrap}.joinrow input,.serverrow input{width:100%;flex:auto}.hud{font-size:11px}.mobile{display:flex}.gameFoot{flex-wrap:wrap}}