:root{--bg: #16191e;--panel: rgba(22, 25, 30, .78);--gunmetal: #23272e;--steel: #3a3f47;--label: #949aa3;--fg: #e8e3d9;--amber: #ffb000;--ice: #a9c4db;--cyan: #3fd0d4;--red: #e5484d;--font-display: "Big Shoulders Display", "Arial Narrow", Impact, sans-serif;--font-body: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-body);overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.stage{position:fixed;top:0;right:0;bottom:0;left:0;touch-action:none}.stage canvas{display:block}.hud{position:fixed;z-index:2;pointer-events:none}.panel{background:var(--panel);border:1px solid var(--steel);padding:10px 12px;font-family:var(--font-mono);font-size:12px;line-height:1.5;font-variant-numeric:tabular-nums;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.lbl{color:var(--label);letter-spacing:.12em;text-transform:uppercase;font-size:10.5px}.tl{top:calc(16px + env(safe-area-inset-top,0px));left:calc(16px + env(safe-area-inset-left,0px));display:flex;flex-direction:column;gap:8px;max-width:calc(50vw - 24px)}.brand{font-family:var(--font-display);font-weight:800;font-size:26px;letter-spacing:.06em;line-height:1}.brand b{color:var(--amber);font-weight:800}.coords{font-size:14px;font-weight:600}.orient{color:var(--amber)}.stats{display:flex;gap:14px;flex-wrap:wrap}.stats div{display:flex;flex-direction:column}.stats span:last-child{font-size:14px;font-weight:600}.item-now{display:flex;align-items:center;gap:10px;margin-top:4px;color:var(--amber)}.item-name{font-family:var(--font-display);font-weight:800;font-size:24px;letter-spacing:.08em;line-height:1;color:var(--fg)}.swaps{display:flex;gap:6px;margin-top:8px;pointer-events:auto;flex-wrap:wrap}.swaps button{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;color:var(--fg);background:var(--gunmetal);border:1px solid var(--steel);padding:6px 8px;cursor:pointer;display:flex;align-items:center;gap:5px;min-height:32px}.swaps button[aria-pressed=true]{border-color:var(--amber);color:var(--amber)}.gear{display:flex;gap:6px;margin-top:6px;pointer-events:auto}.gear button{flex:1;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;color:var(--fg);background:var(--gunmetal);border:1px solid var(--steel);padding:6px 8px;cursor:pointer;min-height:32px;display:flex;align-items:center;justify-content:center;gap:6px}.gear button b{color:var(--amber);font-weight:600}.gear button kbd{font-family:var(--font-mono);color:var(--label)}.gear button:hover:not(:disabled){border-color:var(--amber)}.gear button:disabled{opacity:.45;cursor:default}.sensor.jammed .band{color:var(--fg);animation:jitter .12s steps(2) infinite}.sensor.jammed .segs i{background:repeating-linear-gradient(90deg,var(--steel) 0 3px,#6b727c 3px 5px)}@keyframes jitter{0%{transform:translate(-1px);opacity:.8}to{transform:translate(1px);opacity:1}}.static{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.16;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,rgba(232,227,217,.5) 0 1px,transparent 1px 3px);animation:staticroll .2s linear infinite}@keyframes staticroll{0%{background-position:0 0}to{background-position:0 6px}}.swaps kbd{font-family:var(--font-mono);color:var(--label)}.tr{top:calc(16px + env(safe-area-inset-top,0px));right:calc(16px + env(safe-area-inset-right,0px));display:flex;flex-direction:column;align-items:flex-end;gap:8px}.sensor{min-width:200px}.sensor-row{display:flex;align-items:center;gap:10px;margin-top:4px}.band{font-family:var(--font-display);font-weight:800;font-size:26px;letter-spacing:.08em;line-height:1;color:var(--label)}.band.on{color:var(--cyan)}.threat .band.on{color:var(--red)}.segs{display:flex;gap:4px;margin-top:8px}.segs i{flex:1;height:6px;background:var(--steel)}.segs i.on{background:var(--cyan)}.threat .segs i.on{background:var(--red)}.ping{width:10px;height:10px;border-radius:50%;background:var(--steel);flex:none}.ping.go{animation:ping .5s ease-out}.threat .ping.go{animation-name:pingr}@keyframes ping{0%{background:var(--cyan);box-shadow:0 0 #3fd0d4b3}to{background:var(--steel);box-shadow:0 0 0 12px #3fd0d400}}@keyframes pingr{0%{background:var(--red);box-shadow:0 0 #e5484dbf}to{background:var(--steel);box-shadow:0 0 0 14px #e5484d00}}.tools{display:flex;gap:6px;pointer-events:auto;flex-wrap:wrap;justify-content:flex-end}.btn{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg);background:var(--gunmetal);border:1px solid var(--steel);padding:7px 10px;cursor:pointer;min-height:32px}.btn:hover,.swaps button:hover{border-color:var(--amber)}button:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.bl{left:calc(16px + env(safe-area-inset-left,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px))}.mini{display:block;width:180px;height:170px}.lockwrap{left:50%;transform:translate(-50%);bottom:calc(16px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:center;gap:6px}.lock{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;padding:4px 10px;border:1px solid var(--steel);color:var(--label);background:var(--panel)}.lock.go{animation:lockflash .45s ease-out}@keyframes lockflash{0%{color:var(--bg);background:var(--fg);border-color:var(--fg)}to{color:var(--label);background:var(--panel);border-color:var(--steel)}}.lockbar{width:160px;height:3px;background:var(--steel);overflow:hidden}.lockbar i{display:block;height:100%;width:0;background:var(--amber)}@keyframes fill{0%{width:0}to{width:100%}}.br{right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));pointer-events:auto}.pad{display:grid;grid-template-columns:repeat(3,56px);grid-template-rows:repeat(3,56px);gap:6px}.pad button{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--fg);background:var(--panel);border:1px solid var(--steel);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;padding:0;touch-action:manipulation}.pad button:active{border-color:var(--amber)}.pad svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pad kbd{font-family:var(--font-mono);font-size:9px;color:var(--label)}.pad .go{background:var(--amber);color:var(--bg);border-color:var(--amber);font-weight:600}.pad .go kbd{color:#4a3500}.flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,#e5484d00 30%,#e5484d8c)}.flash.go{animation:fade .3s ease-out}.shimmer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:0;background:repeating-linear-gradient(0deg,#dce2e82e 0,#dce2e82e 2px,#1e22281f 2px,#1e22281f 5px),radial-gradient(ellipse at center,#e8e3d947,#a9c4db14 70%)}.shimmer.go{animation:shimmer 1.1s ease-out}@keyframes fade{0%{opacity:1}to{opacity:0}}@keyframes shimmer{0%{opacity:0}10%{opacity:1}30%{opacity:.4}45%{opacity:.9}to{opacity:0}}.toast{position:fixed;left:50%;top:38%;transform:translate(-50%,-50%);z-index:3;pointer-events:none;text-align:center;font-family:var(--font-display);font-weight:800;font-size:34px;letter-spacing:.14em;text-shadow:0 0 18px rgba(169,196,219,.6)}.toast small{display:block;font-family:var(--font-mono);font-weight:400;font-size:12px;letter-spacing:.14em;color:var(--ice);margin-top:6px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:16px;background:#0e1013d6}.card{width:100%;max-width:540px;background:var(--gunmetal);border:1px solid var(--steel);padding:28px 28px 24px;display:flex;flex-direction:column;gap:16px;max-height:100%;overflow:auto}.card h1{margin:0;font-family:var(--font-display);font-weight:800;font-size:56px;letter-spacing:.06em;line-height:.9}.card h1 b{color:var(--amber);font-weight:800}.card h2{margin:0;font-family:var(--font-display);font-weight:800;font-size:40px;letter-spacing:.06em;line-height:1;color:var(--amber);text-wrap:balance}.card h2.lose{color:var(--red)}.card p{margin:0;line-height:1.55;max-width:60ch}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--amber)}.keys{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-family:var(--font-mono);font-size:12px}.keys kbd{font-family:var(--font-mono);color:var(--amber);white-space:nowrap}.note{font-size:12px;color:var(--label);font-family:var(--font-mono);line-height:1.5}.tier{display:flex;gap:6px;flex-wrap:wrap}.tier button{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg);background:transparent;border:1px solid var(--steel);padding:9px 12px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:2px}.tier button small{font-size:10.5px;letter-spacing:.04em;text-transform:none;color:var(--label)}.tier button[aria-pressed=true]{border-color:var(--amber);color:var(--amber)}.cta{font-family:var(--font-mono);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;background:var(--amber);color:var(--bg);border:0;padding:14px 18px;cursor:pointer}.cta.alt{background:transparent;color:var(--fg);border:1px solid var(--steel)}.row{display:flex;gap:10px;flex-wrap:wrap}.cta:disabled{opacity:.45;cursor:default}.notes-overlay{z-index:6}.field{display:flex;flex-direction:column;gap:6px}.field input,.field textarea{font:16px/1.5 var(--font-body);color:var(--fg);background:var(--bg);border:1px solid var(--steel);padding:10px 12px;width:100%;resize:vertical;-webkit-user-select:text;user-select:text}.field input:focus-visible,.field textarea:focus-visible,.cta:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.field .count{align-self:flex-end;font-family:var(--font-mono);font-size:11px;color:var(--label);font-variant-numeric:tabular-nums}.note.err{color:var(--red)}.trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;font-family:var(--font-mono)}.vs .side{display:flex;align-items:center;gap:10px;min-width:0}.vs .side:last-child{justify-content:flex-end;text-align:right}.vs .you svg{color:var(--amber)}.vs .them svg{color:var(--ice)}.vs strong{display:block;font-family:var(--font-display);font-size:22px;letter-spacing:.08em}.vs .mid{color:var(--label);font-size:12px;letter-spacing:.14em}.result{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.result div{display:flex;flex-direction:column;gap:2px}.result span:last-child{font-size:20px;font-weight:600}@media(max-width:640px){.minipanel,.stats,.lbl-extra,.swap-name{display:none}.tl,.tr{width:calc(50vw - 20px);max-width:none}.tl{left:calc(12px + env(safe-area-inset-left,0px))}.tr{right:calc(12px + env(safe-area-inset-right,0px));align-items:stretch}.tl .panel,.tr .panel{padding:8px 9px}.sensor{min-width:0}.band{font-size:19px}.brand{font-size:20px}.coords,.orient{font-size:10.5px}.item-name{font-size:19px}.swaps button{padding:6px 7px}.tools{justify-content:stretch}.tools .btn{flex:1 1 auto}.pad{grid-template-columns:repeat(3,52px);grid-template-rows:repeat(3,52px)}.br{right:50%;transform:translate(50%)}.lockwrap{bottom:calc(196px + env(safe-area-inset-bottom,0px))}.card h1{font-size:44px}.result{grid-template-columns:repeat(2,minmax(0,1fr))}.tools .btn{padding:6px;font-size:9.5px;letter-spacing:.06em}}@media(max-height:500px)and (orientation:landscape){.minipanel,.stats{display:none}.br{right:calc(12px + env(safe-area-inset-right,0px));transform:none}.pad{grid-template-columns:repeat(3,46px);grid-template-rows:repeat(3,46px)}.band{font-size:18px}.lockwrap{bottom:calc(10px + env(safe-area-inset-bottom,0px))}}@media(prefers-reduced-motion:reduce){.ping.go,.lock.go,.flash.go,.shimmer.go{animation-duration:.01s}}