:root{--bg:#0b1018;--text:#f6efe4;--muted:#adb6c4;--scrim:rgba(8,10,16,.84);--line:rgba(246,239,228,.22);--accent:#ff683e;--pressed:#d9442a;--ink:#1a0c08;--green:#6cdd9d;--amber:#ffc76e;--blue:#7fd3ff;--radius:6px;color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;height:100dvh;overflow:hidden}button,input,summary{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);border-radius:var(--radius);color:var(--text);background:var(--scrim);min-height:44px;padding:12px 16px;font-weight:600}button:hover{filter:brightness(1.15)}button:active{background:var(--pressed)}button:disabled{opacity:.4;cursor:default;filter:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--text);outline-offset:4px}button small{font-size:10px;letter-spacing:.08em;opacity:.7;margin-left:8px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}#city{position:fixed;inset:0;width:100%;height:100%;touch-action:none}body:not(.playing)::after{content:"";position:fixed;inset:0;background:linear-gradient(90deg,rgba(8,10,16,.94),rgba(8,10,16,.68) 32%,rgba(8,10,16,.06) 70%),linear-gradient(0deg,rgba(8,10,16,.95),transparent 35%);pointer-events:none}.top{position:fixed;top:0;width:100%;height:72px;padding:0 36px;display:flex;align-items:center;gap:36px;z-index:2;border-bottom:1px solid var(--line);background:rgba(8,10,16,.4)}.wordmark{font-size:20px;font-weight:800;letter-spacing:.18em;white-space:nowrap}.mark{color:var(--accent);font-size:30px;font-weight:400;vertical-align:-2px;margin-right:6px}.location,.build,.eyebrow,.citynumber,.footnote,label{font-size:10px;font-weight:600;letter-spacing:.16em}.location{color:var(--muted)}.location span{opacity:.65}.build{margin-left:auto;border:1px solid var(--line);padding:8px;color:var(--muted)}#lobby{position:relative;z-index:1;height:100dvh;display:flex;align-items:center;padding:104px 6vw 110px;gap:8vw}.intro{width:375px;flex-shrink:0}.eyebrow{color:var(--amber);line-height:1.6}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(32px,4.2vw,56px);line-height:1.06;letter-spacing:-.04em;margin:22px 0}.description{color:var(--muted);font-size:14px;line-height:1.7;max-width:350px;margin-bottom:30px}label{display:block;color:var(--muted);margin-bottom:10px}input{width:100%;height:46px;border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;background:rgba(8,10,16,.8);color:var(--text);margin-bottom:10px}.primary{background:var(--accent);color:var(--ink);border-color:transparent;min-height:50px;display:flex;align-items:center;justify-content:space-between;width:100%;font-size:14px}.secondary{margin-top:10px;width:100%;display:flex;justify-content:space-between;gap:8px;background:rgba(8,10,16,.45);font-size:13px}.error{font-size:13px;color:var(--amber);min-height:18px;line-height:1.4}.paid{border-top:1px solid var(--line);padding-top:18px;font-size:11px}.paid summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;letter-spacing:.08em;color:var(--muted)}.paid summary span{font-size:9px;color:var(--amber)}.paid p{line-height:1.7;font-size:12px;color:var(--muted)}.brief{align-self:flex-end;margin-bottom:-60px;width:320px}.citynumber{color:var(--amber);display:block;margin-bottom:22px}.rule{display:flex;gap:16px;margin:18px 0;font-size:13px;text-shadow:0 2px 12px var(--bg)}.rule b{font-family:monospace;font-size:10px;color:var(--amber);padding-top:3px}.rule small{display:block;font-size:11px;color:var(--muted);margin-top:6px;line-height:1.4}.footnote{margin-top:28px;font-size:8px;color:var(--muted)}.playing .top{height:56px;padding:0 24px}.playing .location{margin-left:auto}.playing .build{display:none}.hud{position:fixed;top:56px;left:0;width:100%;height:44px;display:grid;grid-template-columns:150px 170px 1fr 110px 100px;align-items:center;padding:0 24px;background:var(--scrim);border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.12em;font-variant-numeric:tabular-nums;z-index:3}.hud strong{text-align:center;font-family:monospace;font-size:23px;letter-spacing:-.02em}.hud b{font-size:13px;margin-left:8px}.connection{color:var(--green);font-size:9px}.connection::before{content:"●";margin-right:8px}.topnote{position:fixed;top:116px;left:24px;display:flex;gap:12px;z-index:3;font-size:9px;letter-spacing:.12em}.topnote span{padding:8px;background:var(--scrim);border-radius:var(--radius)}#exposed{color:var(--amber)}#status{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);padding:9px 16px;border-radius:var(--radius);background:var(--scrim);font-size:12px;max-width:90%;text-align:center;white-space:normal;z-index:3}.bottom{position:fixed;bottom:0;left:0;width:100%;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);background:var(--scrim);z-index:3}.hint{font-size:9px;letter-spacing:.12em;color:var(--muted)}.controls{display:flex;gap:8px;align-items:center}.controls button{min-width:44px}.controls #overview{font-size:11px}.controls #zoomout,.controls #zoomin{font-size:24px;padding:7px 12px}.controls #magnification{font-size:12px;font-family:monospace;min-width:42px;text-align:center}.controls .fire{height:52px;width:138px;background:var(--accent);color:var(--ink);border:0;margin-left:16px;position:relative;overflow:hidden}.fire i{position:absolute;left:0;bottom:0;height:4px;width:100%;background:var(--ink);opacity:.4;transform-origin:left;transform:scaleX(0)}.leave{position:fixed;top:116px;right:24px;min-height:32px;padding:8px 12px;font-size:11px;z-index:3}dialog{width:min(460px,92vw);max-height:80dvh;overflow:auto;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:32px}dialog::backdrop{background:rgba(8,10,16,.66)}dialog h2{font-family:Georgia,serif;font-size:36px;font-weight:400;letter-spacing:-.03em;margin:16px 0}dialog p{font-size:14px;line-height:1.6;color:var(--muted)}dialog ol{padding:0;list-style:none;margin:24px 0}dialog li{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line);font-size:13px}dialog li span{color:var(--muted)}.result-actions{display:flex;gap:12px;flex-wrap:wrap}.result-actions button{flex:1;min-width:150px}.loading{position:fixed;right:24px;bottom:24px;z-index:4;color:var(--muted);font-size:12px;background:var(--scrim);padding:12px}.sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.playing #loading{bottom:100px}
@media(max-width:760px){.top{height:60px;padding:0 18px;gap:16px}.wordmark{font-size:15px}.mark{font-size:25px}.location{font-size:8px}.location span{display:none}.build{font-size:7px;padding:6px}#lobby{padding:85px 24px 34px;align-items:flex-start;overflow:auto;display:block}.intro{width:100%;max-width:390px}h1{font-size:42px;margin:18px 0}.description{margin-bottom:24px}.brief{width:100%;margin:32px 0 0;display:none}body:not(.playing)::after{background:linear-gradient(90deg,rgba(8,10,16,.9),rgba(8,10,16,.45)),linear-gradient(0deg,var(--bg),transparent 55%)}.playing .top{height:48px;padding:0 14px}.hud{top:48px;height:44px;padding:0 14px;grid-template-columns:66px 1fr 62px 65px 57px;font-size:8px;letter-spacing:.02em}.hud strong{font-size:21px}.hud b{font-size:11px;margin-left:4px}.connection{font-size:7px}.connection::before{margin-right:4px}.topnote{top:104px;left:14px;font-size:8px;gap:6px}.leave{top:104px;right:14px}.bottom{padding:16px 12px 22px;justify-content:center;flex-wrap:wrap}.hint{width:100%;text-align:center;font-size:8px}.controls{gap:5px;width:100%;justify-content:center}.controls #overview{padding:10px;min-width:78px}.controls #overview small,.fire small{display:none}.controls .fire{margin-left:12px;width:90px;height:60px}.controls #magnification{min-width:35px;font-size:10px}.controls #zoomout,.controls #zoomin{padding:8px 12px}#status{bottom:128px;font-size:11px;width:max-content;max-width:90%}dialog{padding:24px}.loading{bottom:12px;right:12px}.playing #loading{bottom:142px}}
@media(max-height:520px) and (orientation:landscape){#lobby{display:flex;padding:76px 24px 24px;overflow:auto}.intro{max-width:345px}h1{font-size:28px;margin:10px 0}.description{font-size:12px;margin-bottom:12px}.paid{padding-top:10px}.error{margin:4px 0}.brief{display:block;width:230px;margin:0;align-self:center}.rule{font-size:11px}.bottom{padding:10px 16px;flex-wrap:nowrap;justify-content:flex-end}.hint{width:auto;margin-right:auto}.controls{width:auto}.controls .fire{height:48px}#status{bottom:68px}.topnote,.leave{top:100px}.playing #loading{bottom:75px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.match-clock{display:flex;flex-direction:column;align-items:center;gap:2px}.match-clock small{font-size:7px;color:var(--muted);letter-spacing:.1em}.match-clock strong{line-height:23px}.hud{grid-template-columns:150px 170px 1fr 145px 100px}.controls #magnification{min-width:70px;font-size:10px}.hud b{white-space:nowrap}@media(max-width:760px){.hud{grid-template-columns:62px minmax(0,1fr) 65px 91px 54px;padding:0 10px}.hud b{font-size:10px;margin-left:2px}.hud strong{font-size:19px}.match-clock small{font-size:6px}.controls #magnification{min-width:55px;font-size:8px}}

.connection{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:359px){.controls #magnification{display:none}.controls .fire{width:80px;margin-left:8px}.controls #overview{min-width:70px}}

/* Aim stays immediate; camera reveal remains bounded on the server. */
#city{height:100dvh;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:crosshair}
.zoomhold{display:none;position:fixed;left:max(16px,env(safe-area-inset-left));bottom:max(22px,env(safe-area-inset-bottom));width:84px;height:80px;z-index:4;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;padding:8px;color:var(--amber)}
.zoomhold span{display:block;font-size:32px;line-height:36px;pointer-events:none;will-change:transform}.zoomhold small{display:block;font-size:8px;margin:0;letter-spacing:.06em;pointer-events:none}.zoomhold.held{background:var(--amber);color:var(--ink);border-color:var(--amber)}
.fullscreen{position:fixed;right:max(74px,calc(env(safe-area-inset-right) + 66px));top:104px;z-index:4;font-size:10px;padding:8px 10px;min-height:32px}
html.browser-runway,html.browser-runway body{min-height:calc(100lvh + var(--chrome-runway,320px));overflow-y:auto;overflow-x:hidden;overflow-anchor:none;scroll-behavior:auto}
html.browser-runway body{height:calc(100lvh + var(--chrome-runway,320px))}
.browser-chrome{position:fixed;inset:0;height:100dvh;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:rgba(8,10,16,.9);touch-action:pan-y;user-select:none;-webkit-user-select:none;text-align:center}
.browser-chrome strong{font-size:26px;color:var(--amber)}.browser-chrome p{font-size:13px;color:var(--muted)}.browser-chrome button{touch-action:pan-y}
@media(pointer:coarse){.playing .zoomhold{display:block}.playing .controls #overview,.playing .controls #magnification{display:none}.playing .controls{width:auto;margin-left:auto}.playing .controls .fire{width:64px;height:64px;margin-left:12px}.playing .bottom{padding:12px max(16px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom));justify-content:flex-end;gap:12px}.playing .hint{position:fixed;left:12px;right:12px;bottom:calc(max(22px,env(safe-area-inset-bottom)) + 90px);width:auto;font-size:8px}.playing .fire small{display:none}.playing .fullscreen,.playing .leave{min-height:44px}.playing .bottom .controls button{touch-action:none}.playing #status{bottom:calc(max(22px,env(safe-area-inset-bottom)) + 120px)}}
@media(orientation:landscape){
  .playing .top{display:none}.playing .hud{top:0;height:calc(44px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));grid-template-columns:100px minmax(80px,1fr) 80px 110px 70px;background:rgba(8,10,16,.68)}
  .playing .topnote{top:calc(54px + env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left))}.playing .leave,.playing .fullscreen{top:calc(54px + env(safe-area-inset-top))}.playing .leave{right:max(16px,env(safe-area-inset-right))}
  .playing .bottom{background:transparent;border:0;padding:12px max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom));pointer-events:none;justify-content:flex-end;flex-wrap:nowrap}.playing .controls{pointer-events:auto;width:auto;margin-left:auto}.playing .hint{width:auto;margin-right:auto;text-shadow:0 1px 6px var(--bg)}.playing #status{bottom:76px;font-size:10px}.playing #loading{bottom:80px}
}
@media(pointer:coarse) and (orientation:landscape){.playing .hint{position:fixed;bottom:max(16px,env(safe-area-inset-bottom));left:116px;right:210px;text-align:center;font-size:8px}.playing .bottom .controls .fire{height:64px}}
.playing .hud,.playing .topnote,.playing #status,.playing .hint{pointer-events:none}
.wordmark{letter-spacing:.08em;font-size:18px}@media(max-width:760px){.wordmark{font-size:12px}.top{gap:12px}.location{font-size:7px}.build{display:none}}
#combat-overlay{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:8}
.sound{position:fixed;top:104px;right:154px;z-index:4;font-size:10px;min-height:44px;padding:8px 10px;min-width:78px}
@media(orientation:landscape){.playing .sound{top:calc(54px + env(safe-area-inset-top))}}
@media(max-width:420px){.playing .sound{top:154px;right:14px}}
body.killed #result{background:rgba(9,12,18,.86);border-color:rgba(255,235,224,.28)}
body.killed #result::backdrop{background:rgba(8,10,16,.18)}
body.killed #result h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(28px,5vw,36px);font-weight:600;letter-spacing:.03em;text-transform:uppercase}