*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#000}
body{display:grid;place-items:center;touch-action:none;overscroll-behavior:none;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif}
.cabinet{position:relative;width:min(100vw,calc(100svh * 1.6));aspect-ratio:16/10;overflow:hidden;border:4px solid #111a3b;background:#02040e;box-shadow:0 0 0 4px #2f6cf0,0 0 38px #153b9c80}
canvas{display:block;width:100%;height:100%;image-rendering:pixelated;touch-action:none;cursor:crosshair}
.scanlines{position:absolute;inset:0;pointer-events:none;opacity:.075;background:repeating-linear-gradient(0deg,transparent 0 2px,#1d4aa8 3px)}
[hidden]{display:none!important}
.mobile-controls{display:none;position:absolute;z-index:4;right:10px;bottom:9px;left:10px;justify-content:space-between;pointer-events:none}
.mobile-controls button{display:grid;width:58px;height:50px;padding:0;place-items:center;border:3px solid #fff;background:#112351cc;box-shadow:3px 3px 0 #000;color:#fff;font:24px Impact;pointer-events:auto;touch-action:none}
.mobile-controls .fire{width:82px;background:#d8b617;color:#171000;font-size:19px}
.mobile-controls button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #000}
.rank-entry{position:absolute;z-index:8;inset:0;display:grid;place-items:center;background:rgb(0 0 0 / 38%);padding:1rem}
.rank-card{width:min(90%,390px);padding:1.3rem;border:4px solid rgb(255 255 255 / 90%);background:rgb(17 26 59 / 78%);box-shadow:7px 7px 0 rgb(55 107 223 / 65%);backdrop-filter:blur(3px);color:#fff;text-align:center}
.rank-card label{display:block;margin-bottom:.75rem;font-size:1.85rem}
.rank-card input{width:100%;padding:.65rem;border:4px solid #03040b;background:#fff;font:1.5rem Impact;text-transform:uppercase;text-align:center}
.rank-status{min-height:1.2em;margin:.55rem 0 0;color:#f6da2b;font-size:1rem;letter-spacing:.04em}
.rank-actions{display:flex;gap:.65rem;margin-top:.9rem}
.rank-actions button{flex:1;padding:.65rem;border:4px solid #03040b;background:#51e5ad;box-shadow:3px 3px 0 #03040b;font:1.1rem Impact;cursor:pointer}
.rank-actions button:disabled{cursor:wait;filter:grayscale(.4);opacity:.7}
.rank-actions .cancel{background:#ee4f55}
@media(pointer:coarse),(max-width:700px){.mobile-controls{display:flex}.cabinet{border-right:0;border-left:0;box-shadow:none}}