*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#game{width:100%;height:100%;position:fixed;top:0;left:0}#game canvas{display:block;width:100%!important;height:100%!important}#ui-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:30}#settings{position:fixed;top:calc(env(safe-area-inset-top,0px) + 12px);left:calc(env(safe-area-inset-left,0px) + 12px);display:none;pointer-events:auto}#settings.active{display:block}.settings-button{width:40px;height:40px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#00000052;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer}.settings-button:before{content:"";display:block;width:20px;height:20px;margin:9px auto;opacity:.78;background:radial-gradient(circle at 5px 4px,rgba(255,255,255,.9) 0 2px,transparent 2.5px),radial-gradient(circle at 15px 10px,rgba(255,255,255,.9) 0 2px,transparent 2.5px),radial-gradient(circle at 8px 16px,rgba(255,255,255,.9) 0 2px,transparent 2.5px),linear-gradient(#ffffffe6,#ffffffe6) 0 4px / 20px 1px no-repeat,linear-gradient(#ffffffe6,#ffffffe6) 0 10px / 20px 1px no-repeat,linear-gradient(#ffffffe6,#ffffffe6) 0 16px / 20px 1px no-repeat}.settings-button:hover{background:#ffffff14}.settings-panel{display:none;width:220px;margin-top:8px;padding:12px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#00000094;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff}#settings.open .settings-panel{display:grid;gap:10px}.settings-panel label{color:#ffffffad;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.settings-panel input{width:100%;padding:9px 10px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:#ffffff14;color:#fff;font-size:.95rem;outline:none}.settings-panel input:focus{border-color:#ffffff80}.settings-panel button{justify-self:start;padding:8px 14px;border:1px solid rgba(255,255,255,.24);border-radius:8px;background:#ffffff1a;color:#fff;cursor:pointer}#name-entry{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:auto;display:none}#name-entry.active{display:flex;flex-direction:column;align-items:center;gap:16px}#name-entry h1{color:#e0e0e0;font-size:2.4rem;font-weight:300;letter-spacing:.15em;text-transform:uppercase}#name-entry input{background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1.1rem;padding:12px 20px;width:240px;text-align:center;outline:none;transition:border-color .2s}#name-entry input:focus{border-color:#ffffff80}#name-entry input::placeholder{color:#ffffff4d}#name-entry button{background:#ffffff1f;border:1px solid rgba(255,255,255,.25);border-radius:8px;color:#fff;font-size:1rem;padding:10px 32px;cursor:pointer;transition:background .2s,border-color .2s;letter-spacing:.05em}#name-entry button:hover{background:#fff3;border-color:#fff6}#scoreboard{position:absolute;top:env(safe-area-inset-top,12px);right:env(safe-area-inset-right,12px);padding:10px 14px;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:8px;border:1px solid rgba(255,255,255,.08);color:#ccc;font-size:.8rem;line-height:1.6;min-width:130px;display:none;pointer-events:none}#scoreboard.active{display:block}#scoreboard .title{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:#fff6;margin-bottom:4px}#scoreboard .entry{display:flex;justify-content:space-between;gap:12px;padding:1px 0}#scoreboard .entry.self{color:#fff;font-weight:600}#scoreboard .entry .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100px}#scoreboard .entry .score{font-variant-numeric:tabular-nums;text-align:right;min-width:24px}#joystick-zone{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;touch-action:none;pointer-events:none}#joystick-zone.active{pointer-events:auto}.joystick-base{position:absolute;width:128px;height:128px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);display:none;pointer-events:none}.joystick-base.active{display:block}.joystick-knob{position:absolute;width:48px;height:48px;border-radius:50%;background:#ffffff26;border:1px solid rgba(255,255,255,.25);top:50%;left:50%}.tag-flash{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5;background:radial-gradient(ellipse at center,rgba(255,220,100,.15),transparent 70%);opacity:0;transition:opacity .15s ease-out}.tag-flash.active{opacity:1;transition:opacity .05s ease-in}