:root{--background: oklch(.985 .002 155);--foreground: oklch(.405 .009 175);--card: oklch(1 0 0);--card-foreground: oklch(.405 .009 175);--popover: oklch(1 0 0);--popover-foreground: oklch(.405 .009 175);--primary: #5a6f83;--primary-foreground: oklch(.99 0 0);--secondary: oklch(.93 .005 155);--secondary-foreground: oklch(.405 .009 175);--muted: oklch(.93 .005 155);--muted-foreground: oklch(.45 .012 175);--accent: oklch(.737 .119 82);--accent-foreground: oklch(.25 .015 175);--destructive: oklch(.628 .258 29.23);--destructive-foreground: oklch(.98 0 0);--border: oklch(.86 .008 155);--input: oklch(.86 .008 155);--ring: oklch(.535 .036 248);--font-sans: "IBM Plex Sans Condensed", "Arial Narrow", sans-serif;--font-mono: "IBM Plex Mono", monospace;--radius: .125rem}.dark{--background: oklch(.12 .015 248);--foreground: oklch(.95 .005 155);--card: oklch(.22 .022 248);--card-foreground: oklch(.95 .005 155);--popover: oklch(.22 .022 248);--popover-foreground: oklch(.95 .005 155);--primary: oklch(.75 .036 248);--primary-foreground: oklch(.12 .015 248);--secondary: oklch(.28 .009 175);--secondary-foreground: oklch(.95 .005 155);--muted: oklch(.25 .005 155);--muted-foreground: oklch(.76 .012 175);--accent: oklch(.76 .119 82);--accent-foreground: oklch(.16 .015 175);--destructive: oklch(.7 .2 29.23);--destructive-foreground: oklch(.12 .015 29.23);--border: oklch(.36 .012 248);--input: oklch(.36 .012 248);--ring: oklch(.75 .036 248)}*{box-sizing:border-box}html,body{height:100%;overflow:hidden;overscroll-behavior:none;margin:0}#root{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans)}button{font:inherit;cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button:not(:disabled):hover{background:var(--secondary);transform:translateY(-1px)}button:not(:disabled):active{transform:translateY(1px)}button{transition:background .15s,transform .15s}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 28px;height:82px;flex-shrink:0;border-bottom:1px solid var(--border);background:var(--card)}.brand{display:flex;align-items:center;gap:13px}.brand-mark{background:var(--primary);color:var(--primary-foreground);width:40px;height:40px;display:grid;place-items:center;border-bottom:4px solid var(--accent);font-weight:900;font-size:26px}h1{font-size:26px;letter-spacing:-1px;margin:0}.eyebrow{font:10px var(--font-mono);letter-spacing:1.6px;text-transform:uppercase;color:var(--muted-foreground)}.brand .eyebrow{margin-top:4px}.top-actions{display:flex;align-items:center;gap:20px}.mode{display:flex;align-items:center;gap:8px;font-size:13px;border-bottom:3px solid var(--accent);padding:9px 0;font-weight:700}.tag{font:10px var(--font-mono);border:1px solid var(--border);padding:6px 8px}.workspace{display:flex;min-height:0;flex:1;padding:22px 28px 16px;gap:24px}.game-column{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0}.game-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}h2{margin:0;font-size:20px;letter-spacing:-.4px}.live{display:flex;gap:7px;align-items:center;font:10px var(--font-mono);color:var(--muted-foreground)}.live i{width:6px;height:6px;background:#58765a;border-radius:50%}.game-frame{position:relative;flex:1;min-height:0;overflow:hidden;border:5px solid var(--primary);background:var(--secondary)}.game-canvas{width:100%;height:100%;display:block;image-rendering:pixelated;touch-action:none}.zone-sign{position:absolute;top:20px;left:20px;padding:12px 17px;background:var(--primary);color:var(--primary-foreground);border-left:4px solid var(--accent);box-shadow:4px 4px #0002;pointer-events:none}.zone-sign small{font:9px var(--font-mono);letter-spacing:1.5px;opacity:.8}.zone-sign strong{display:block;font-size:18px;margin-top:4px}.canvas-tools{position:absolute;top:20px;right:20px;display:flex;gap:6px}.icon-button{background:var(--card);border:1px solid var(--border);height:36px;width:36px;display:grid;place-items:center}.map-button{width:auto;padding:0 12px;display:flex;gap:8px;font-size:12px}.mini-map{position:absolute;bottom:18px;right:18px;background:var(--card);padding:5px;box-shadow:4px 4px #0002;width:154px}.mini-map canvas{width:144px;height:76px;display:block;image-rendering:pixelated}.mini-label{font:8px var(--font-mono);display:flex;justify-content:space-between;padding:5px 1px 1px}.context{position:absolute;bottom:22px;left:20px;padding:10px 12px;background:var(--card);border-left:3px solid var(--accent);font:11px var(--font-mono);max-width:calc(100% - 210px)}kbd{display:inline-grid;place-items:center;border:1px solid var(--border);border-bottom:3px solid var(--border);min-width:24px;height:25px;padding:0 4px;background:var(--background);font:11px var(--font-mono)}.crt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(transparent 0px,transparent 3px,#0002 4px);pointer-events:none}.below-game{display:flex;justify-content:space-between;gap:10px;padding-top:12px;font:10px var(--font-mono);color:var(--muted-foreground)}.rail{width:284px;flex-shrink:0;overflow-y:auto}.panel{border-bottom:1px solid var(--border);padding:20px 0}.panel:first-child{padding-top:0}.panel-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;margin-bottom:18px}.panel-title .eyebrow{margin-left:auto}.status-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.status-main strong{font-size:23px}.badge{font:10px var(--font-mono);padding:6px 8px;background:var(--secondary);display:flex;align-items:center;gap:6px}.stat-row{display:flex;justify-content:space-between;margin:12px 0;font-size:12px}.stat-row b{font:12px var(--font-mono)}.health-bar{height:5px;background:var(--secondary)}.health-bar span{display:block;height:100%;background:#58765a;width:100%}.vehicle-box{padding:12px;background:var(--secondary);margin-top:17px}.vehicle-box .stat-row{margin:8px 0 0}.vehicle-name{font-size:12px;font-weight:700;display:flex;align-items:center;gap:8px}.time-display{display:flex;justify-content:space-between;align-items:center}.time-display strong{font:30px var(--font-mono);letter-spacing:-1px}.time-display span{display:flex;align-items:center;gap:7px;font-size:12px}.time-track{height:4px;margin:14px 0 10px;background:var(--secondary);position:relative}.time-track i{position:absolute;top:-3px;width:10px;height:10px;background:var(--accent)}.time-note{font:10px var(--font-mono);color:var(--muted-foreground)}.empty{border:1px dashed var(--border);padding:20px 14px;background:var(--card)}.empty p{font-size:12px;line-height:1.7;margin:8px 0 0}.empty small{display:block;color:var(--muted-foreground);font-size:11px;margin-top:6px;line-height:1.5}.call-button{width:100%;padding:12px;display:flex;justify-content:center;align-items:center;gap:8px;margin-top:12px;border:1px solid var(--border);background:var(--secondary);font-weight:700}.future{font:9px var(--font-mono);color:var(--muted-foreground);text-align:center;margin-top:8px}.command{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin:11px 0}.keys{display:flex;gap:3px}.toggle{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:transparent;padding:9px 0;font-size:12px}.switch{width:29px;height:16px;background:var(--border);padding:3px;display:flex}.switch i{width:10px;height:10px;background:var(--card)}.switch.on{background:var(--primary);justify-content:flex-end}footer{padding:12px 28px;display:flex;justify-content:space-between;border-top:1px solid var(--border);flex-shrink:0;color:var(--muted-foreground);font:9px var(--font-mono)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;background:#29343baa;display:grid;place-items:center;padding:20px}.dialog{width:min(680px,100%);background:var(--card);padding:28px;border-top:5px solid var(--accent);max-height:100%;overflow:auto;box-shadow:8px 8px #0002}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dialog p{font-size:13px;line-height:1.7}.primary-button{background:var(--primary);color:var(--primary-foreground);border:0;padding:12px 20px;font-weight:700;display:flex;align-items:center;gap:10px}.primary-button:hover{color:var(--foreground)}.large-map{width:100%;image-rendering:pixelated;border:4px solid var(--primary)}.zone-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0;font-size:12px}.zone-list span{display:flex;align-items:center;gap:8px}.zone-list b{color:var(--primary);font:11px var(--font-mono)}.touch-controls{display:none}.pause-caption{text-align:center}@media(max-width:1000px){.workspace{padding:16px;gap:16px}.rail{width:240px}.topbar{padding:0 16px}.context{max-width:calc(100% - 40px);bottom:18px}.mini-map{bottom:75px;width:114px}.mini-map canvas{width:104px;height:55px}}@media(max-width:700px){.topbar{height:64px;padding:0 12px}h1{font-size:22px}.brand-mark{width:32px;height:34px;font-size:22px}.brand .eyebrow{font-size:8px;letter-spacing:1px}.top-actions{gap:8px}.top-actions .tag{display:none}.mode{font-size:11px}.workspace{display:block;overflow-y:auto;padding:12px}.game-column{height:510px}.game-heading h2{font-size:17px}.live{font-size:8px}.game-frame{border-width:3px}.zone-sign{left:10px;top:10px;padding:9px 10px}.zone-sign strong{font-size:14px}.zone-sign small{font-size:8px}.canvas-tools{top:10px;right:10px;gap:4px}.map-button{width:34px;padding:0;justify-content:center}.map-button span{display:none}.icon-button{width:32px;height:32px}.mini-map{width:102px;right:10px;bottom:110px}.mini-map canvas{width:92px;height:48px}.context{left:10px;bottom:105px;max-width:calc(100% - 130px);font-size:9px;line-height:1.6;padding:6px}.touch-controls{position:absolute;bottom:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:end}.dpad{display:grid;grid-template-columns:repeat(3,38px);grid-template-rows:repeat(2,36px);gap:3px}.dpad button,.touch-action{background:var(--card);border:1px solid var(--border);touch-action:none;display:grid;place-items:center}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1}.touch-action{width:54px;height:48px;font:bold 14px var(--font-mono);border-bottom:3px solid var(--accent)}.below-game{font-size:8px}.rail{width:100%;margin-top:22px;overflow:visible}.panel{padding:17px 0}footer{padding:10px 12px;font-size:8px}footer span:last-child{display:none}.dialog{padding:18px}.zone-list{font-size:10px;gap:10px 8px}}.mode{background:transparent;border:0;border-bottom:3px solid var(--accent)}.assistant-button{background:var(--card);border:1px solid var(--primary);padding:10px 12px;color:var(--primary);font-size:13px;min-height:44px}.assistant-notice{color:var(--primary);font-weight:700;font-size:22px!important}.zone-value{max-width:65%;text-align:right}.event-list{list-style:none;padding:0;margin:12px 0;max-height:230px;overflow:auto}.event-list li{padding:10px 9px;border-left:3px solid var(--accent);background:var(--secondary);margin-bottom:8px;font-size:12px}.event-heading{display:flex;justify-content:space-between;gap:10px;margin-bottom:5px}.event-heading strong{text-transform:capitalize}.event-heading time{font:10px var(--font-mono);color:var(--muted-foreground)}.event-list p{margin:5px 0 0;line-height:1.5}@media(max-width:700px){.topbar{height:auto;min-height:90px;padding:10px 12px;gap:8px;flex-wrap:wrap}.top-actions{flex-wrap:wrap;gap:10px}.assistant-button{font-size:11px;padding:8px}.mode{min-height:44px}.dpad{grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px)}.canvas-tools .icon-button{width:44px;height:44px}.dialog{max-height:calc(100% - 24px);overflow:auto}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}