:root{color:#f5f0e8;background:#090909;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}#app{min-height:100vh;display:grid;place-items:center;padding:2rem}.play-shell{width:min(560px,100%);border:1px solid rgb(245 240 232 / 18%);border-radius:24px;padding:clamp(2rem,6vw,3.5rem);background:radial-gradient(circle at top left,rgb(220 20 60 / 22%),transparent 38%),linear-gradient(135deg,rgb(245 230 66 / 14%),transparent 42%),#ffffff0a;box-shadow:0 24px 80px #00000073}.eyebrow,.play-status{margin:0;color:#f5e642;font-size:.78rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase}h1{margin:.65rem 0 1rem;font-size:clamp(2.6rem,12vw,6rem);line-height:.88;letter-spacing:-.07em}.concept{max-width:52ch;margin:0 0 2rem;color:#f5f0e8c2;font-size:clamp(1rem,2.4vw,1.3rem);line-height:1.5}.play-form{display:grid;gap:.75rem}.play-name-label{font-size:.7rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#f5f0e8a3}.play-name-input{width:100%;padding:.85rem 1rem;font-size:1.15rem;font-family:inherit;color:#f5f0e8;background:#00000059;border:1px solid rgb(245 240 232 / 22%);border-radius:12px;outline:none;transition:border-color .12s ease,background-color .12s ease}.play-name-input:focus{border-color:#f5e642;background:#0000008c}.guest-id{margin:0;font-family:ui-monospace,SFMono-Regular,JetBrains Mono,Menlo,Consolas,monospace;font-size:.78rem;color:#f5f0e87f;word-break:break-all}.play-button{margin-top:.4rem;padding:.95rem 1rem;font-size:1.05rem;font-family:inherit;font-weight:700;letter-spacing:.05em;color:#090909;background:#f5e642;border:none;border-radius:12px;cursor:pointer;transition:transform 80ms ease,background-color .12s ease}.play-button:hover,.play-button:focus{background:#fff066;outline:none}.play-button:active{transform:translateY(1px)}[data-play-state=ready] .play-button{background:#c8b800}#app[data-play-state=ready]{min-height:100dvh;padding:0;place-items:stretch;overflow:hidden}#app[data-play-state=ready] .play-shell{width:100%;min-height:100dvh;display:grid;grid-template-rows:minmax(0,1fr);border:0;border-radius:0;padding:clamp(.4rem,1.4vw,1rem);background:radial-gradient(circle at 12% 8%,rgb(220 20 60 / 18%),transparent 34%),radial-gradient(circle at 85% 0%,rgb(245 230 66 / 12%),transparent 30%),#050507;box-shadow:none}#app[data-play-state=ready] .eyebrow,#app[data-play-state=ready] h1,#app[data-play-state=ready] .concept,#app[data-play-state=ready] .play-form{display:none}#app[data-play-state=ready] .arena-canvas-shell{position:fixed;inset:0;min-height:100dvh;margin:0;padding:0;border:0;overflow:hidden;background:radial-gradient(circle at 78% 18%,rgb(255 230 168 / 48%),transparent 12%),radial-gradient(circle at 18% 20%,rgb(255 255 255 / 10%),transparent 22%),linear-gradient(180deg,#111a36,#f0a35c 58%,#22142a)}#app[data-play-state=ready] .arena-canvas-title{display:none}#app[data-play-state=ready] .arena-canvas-stack{position:fixed;left:0;bottom:0;width:calc(100dvh * var(--world-zoom, .55) * 32 / 9);height:calc(100dvh * var(--world-zoom, .55));border:0;border-radius:0;box-shadow:none;transform:translate(calc(var(--camera-x, 0px) * -1));will-change:transform}#app[data-play-state=ready] .pixi-battlefield-canvas{position:absolute;inset:0;z-index:0;width:100%;height:100%;display:block}#app[data-play-state=ready] .arena-canvas{display:none}#app[data-play-state=ready] .aim-overlay-canvas{z-index:1}#app[data-play-state=ready] .arena-canvas,#app[data-play-state=ready] .aim-overlay-canvas{width:100%;height:100%}#app[data-play-state=ready] .aim-readout,#app[data-play-state=ready] .fire-status{position:fixed;z-index:6;left:clamp(.5rem,1.4vw,1rem);width:min(560px,calc(100vw - 2rem));margin:0;padding:.58rem .72rem;border:1px solid rgb(245 240 232 / 12%);border-radius:14px;background:#0505078a;box-shadow:0 14px 48px #00000059;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#app[data-play-state=ready] .aim-readout{top:clamp(.5rem,1.4vw,1rem);justify-content:flex-start}#app[data-play-state=ready] .fire-status{top:calc(clamp(.5rem,1.4vw,1rem) + 3.35rem);text-align:left;font-weight:700}#app[data-play-state=ready] .arena-roster{position:fixed;z-index:5;top:clamp(.5rem,1.4vw,1rem);right:clamp(.5rem,1.4vw,1rem);width:min(340px,calc(100vw - 1rem));max-height:min(46dvh,460px);overflow:auto;margin:0;padding:.8rem;border:1px solid rgb(245 240 232 / 14%);border-radius:16px;background:#050507b8;box-shadow:0 18px 70px #0000008a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}#app[data-play-state=ready] .arena-roster-title{margin-bottom:.55rem;font-size:.68rem}#app[data-play-state=ready] .arena-roster-item{gap:.5rem;padding:.48rem .65rem;font-size:.86rem}@media(max-width:760px){#app[data-play-state=ready] .play-shell{padding:.35rem}#app[data-play-state=ready] .arena-canvas-shell{min-height:100dvh}#app[data-play-state=ready] .arena-canvas-stack{width:calc(100dvh * var(--world-zoom, .55) * 32 / 9);height:calc(100dvh * var(--world-zoom, .55));border-radius:0}#app[data-play-state=ready] .arena-roster{top:auto;right:.5rem;bottom:.5rem;width:min(300px,calc(100vw - 1rem));max-height:32dvh}#app[data-play-state=ready] .aim-readout,#app[data-play-state=ready] .fire-status{left:.5rem;width:min(420px,calc(100vw - 1rem));padding:.5rem .65rem}#app[data-play-state=ready] .fire-status{top:4rem}}.arena-canvas-shell{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid rgb(245 240 232 / 12%)}.arena-canvas-title{margin:0 0 .6rem;font-size:.78rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#f5f0e8a3}.arena-canvas-stack{position:relative;width:100%;border-radius:8px;overflow:hidden;background:#0a0a0e;touch-action:none}.arena-canvas,.aim-overlay-canvas{width:100%;height:auto;image-rendering:auto;display:block}.aim-overlay-canvas{position:absolute;inset:0;background:transparent;cursor:crosshair;outline:none}.aim-overlay-canvas:focus-visible{outline:2px solid rgb(245 230 66 / 70%);outline-offset:2px}.aim-readout{margin-top:.85rem;display:flex;flex-wrap:wrap;gap:.6rem 1.1rem;align-items:center;font-size:.9rem;color:#f5f0e8d6}.aim-readout-cell{display:inline-flex;align-items:baseline;gap:.45rem}.aim-readout-label{font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#f5f0e88f}.aim-readout b{font-variant-numeric:tabular-nums;color:#f5e642;font-weight:700}.aim-readout[data-dragging=true] b{color:#fff066}.aim-reset{margin-left:auto;padding:.45rem .85rem;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#f5f0e8;background:#f5f0e814;border:1px solid rgb(245 240 232 / 22%);border-radius:8px;cursor:pointer;transition:background-color .12s ease}.aim-reset:hover,.aim-reset:focus{background:#f5e6422e;outline:none}.fire-status{margin:.85rem 0 0;font-size:.85rem;color:#f5f0e8c7;font-variant-numeric:tabular-nums}.fire-status[data-state=in-flight]{color:#ffe7a0;font-weight:600}.fire-status[data-state^=rejected-]{color:#ff7d6a}.fire-status[data-state=sent]{color:#c0e7ff}.arena-roster{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid rgb(245 240 232 / 12%)}.arena-roster-title{margin:0 0 .75rem;font-size:.78rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#f5f0e8a3}.arena-roster-list{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.arena-roster-item{display:flex;justify-content:space-between;align-items:center;padding:.55rem .85rem;border-radius:10px;background:#00000047;font-size:.95rem}.arena-roster-item[data-self=true]{outline:1px solid rgb(245 230 66 / 55%);background:#f5e64217}.arena-roster-item[data-connected=false]{opacity:.55;font-style:italic}.arena-roster-status{font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#f5f0e88f}.arena-roster-item[data-connected=true] .arena-roster-status{color:#6dd58c}