*{box-sizing:border-box}html,body,#game{margin:0;width:100%;height:100%;overflow:hidden;background:#111820;color:#e9edf0;font-family:Arial,Helvetica,sans-serif}canvas{display:block}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.panel{pointer-events:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(650px,92vw);padding:28px 30px;background:linear-gradient(145deg,#111924f5,#090e15f0);border:1px solid #bd793d;border-radius:10px;box-shadow:0 20px 80px #0009;text-align:center}.hidden{display:none!important}.eyebrow{font-size:11px;letter-spacing:3px;color:#f4b34f;font-weight:800}.brand{font-size:13px;font-weight:900;letter-spacing:1.4px}.brand i{font-style:normal;color:#d99a4b}#topbar{position:absolute;top:0;left:0;right:0;padding:15px 20px;display:flex;justify-content:space-between;background:linear-gradient(#081019c9,transparent);font-size:11px;letter-spacing:1px}#network{color:#a8d7b3}h1{font-size:clamp(36px,7vw,64px);letter-spacing:3px;margin:12px 0 6px;text-shadow:0 3px #000}h1 b{color:#e9a348}.sub{color:#b9c2cb;font-size:14px;margin:0 0 22px}.menu-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}button{pointer-events:auto;border:1px solid #61758b;background:#293b54;color:#fff;padding:13px 18px;border-radius:6px;font-weight:800;letter-spacing:.7px;cursor:pointer}button:hover{filter:brightness(1.2);transform:translateY(-1px)}button.primary{background:linear-gradient(110deg,#ffb52d,#e47c20);border-color:#ffc15c;color:#1d1a16}.hint{font-size:10px;color:#9aa6b1;line-height:1.7;margin-top:22px}h2{font-size:30px;letter-spacing:2px;margin:10px 0 20px}input{width:min(270px,100%);padding:13px;margin:6px;background:#0b121a;border:1px solid #56677a;border-radius:5px;color:#fff;text-align:center;font-weight:700;letter-spacing:1px}.room-code{margin:16px auto;padding:14px;background:#0b121a;border:1px solid #52647a;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.room-code strong{font-size:24px;letter-spacing:5px;color:#ffbd55}.room-code button{padding:8px 10px}.player-row{padding:9px 12px;margin:5px 0;background:#1c2938;border-radius:5px;display:flex;justify-content:space-between;font-size:13px}.message{min-height:18px;color:#ffbd55;font-size:12px}.quiet{background:transparent;border:0;color:#aeb9c4;margin-top:10px}.hud-left,.hud-right,.hud-center{position:absolute;top:60px;padding:12px 15px;background:#101a25bb;border:1px solid #ffffff25;border-radius:5px;font-size:12px;letter-spacing:1px}.hud-left{left:18px;width:190px}.hud-center{left:50%;transform:translate(-50%);text-align:center}.hud-right{right:18px;text-align:right;min-width:150px}.bar{height:7px;background:#35404a;margin:6px 0 10px;border-radius:5px;overflow:hidden}.bar span{display:block;height:100%;width:100%;background:#b84c40}.bar.armor span{background:#e4a746}.hud-left strong{float:right}.hud-center div:first-child{color:#ffbd55;font-weight:900}.hud-center div:last-child{margin-top:6px;font-size:10px}.hud-right strong{display:block;font-size:22px;margin:5px 0;color:#ffbd55}#crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:27px;font-weight:300;text-shadow:0 1px 4px #000}#damage{position:absolute;top:0;right:0;bottom:0;left:0;border:0 solid #b21f26;box-shadow:inset 0 0 #a00000;pointer-events:none}#toast{position:absolute;top:24%;left:50%;transform:translate(-50%);font-size:13px;font-weight:700;color:#ffd078;text-shadow:0 2px 5px #000}.mobile{touch-action:none}#mobileControls{pointer-events:auto;position:absolute;bottom:20px;left:15px;right:15px;display:flex;align-items:end;justify-content:space-between}#stick{width:95px;height:95px;border:1px solid #ffffff66;border-radius:50%;background:#14233399;display:grid;place-items:center;font-size:10px}#mobileControls button{background:#253a52dd;padding:18px;border-radius:50%}@media(max-width:700px){.panel{padding:20px 15px}.hud-left,.hud-right{top:48px;transform:scale(.85);transform-origin:top left}.hud-right{transform-origin:top right}.hud-center{top:150px}.brand{font-size:10px}.hint{font-size:9px}}ncanvas{touch-action:none}n{}
