:root{color:#e8eeec;font-synthesis:none;background:#0b141b;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #f0bf84}[hidden]{display:none!important}#app{flex-direction:column;min-height:100dvh;display:flex}.topbar{height:calc(58px + 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));z-index:5;background:#101923;border-bottom:1px solid #32454b;align-items:center;gap:22px;display:flex}.brand{color:#eaf3ee;letter-spacing:.17em;font-size:14px;font-weight:900;text-decoration:none}.game-name{color:#adc5c5;white-space:nowrap;margin-right:auto;font-size:14px;font-weight:650}.game-name small{color:#8ca0a5;margin-left:8px;font-size:11px;font-weight:500}.top-button{color:#d5e4df;background:#1d3038;border:1px solid #44616a;border-radius:9px;min-height:38px;padding:0 14px}.top-button:hover{background:#2b4650}.top-button kbd{color:#a5b8ba;font-size:11px}.stage{background:#14232b;flex:1;min-height:420px;position:relative;overflow:hidden}#view{width:100%;height:100%;display:block}.vignette{pointer-events:none;background:radial-gradient(#0000 35%,#030b12a6 100%);position:absolute;inset:0}.crosshair{opacity:.8;pointer-events:none;border:1px solid #e2f5e9;border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud{pointer-events:none;gap:8px;display:flex;position:absolute;top:18px;left:18px;right:18px}.hud-chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c1a22ca;border:1px solid #86a9aa58;border-radius:8px;flex-direction:column;gap:2px;min-width:94px;padding:9px 12px;display:flex}.hud-chip span{color:#b5cbcc;letter-spacing:.1em;font-size:10px}.hud-chip strong{color:#f4f5e9;font-variant-numeric:tabular-nums;font-size:15px}.hud-chip.objective{min-width:142px;margin-left:auto}.compass{color:#efc18b;pointer-events:none;background:#12252db8;border:1px solid #d4dfd5a3;border-radius:50%;place-items:center;width:42px;height:42px;font-size:14px;font-weight:750;display:grid;position:absolute;bottom:22px;left:22px}.map-panel{z-index:4;background:#0d1b22f0;border:1px solid #8da7a1;border-radius:12px;width:min(390px,100% - 32px);padding:15px;position:absolute;top:16px;right:16px;box-shadow:0 18px 55px #0009}.map-header{justify-content:space-between;margin-bottom:10px;display:flex}.map-header span{color:#ffcf91}#map{border:1px solid #3c555b;width:100%;height:auto;display:block}.map-panel p{color:#b8c8c4;margin:10px 0 0;font-size:11px}.overlay{z-index:6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#08141cdd,#0b252bd6);justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.overlay-card{background:linear-gradient(150deg,#1b3037,#101e27);border:1px solid #7c9e9c86;border-radius:18px;width:min(100%,500px);padding:clamp(24px,5vw,42px);box-shadow:0 25px 80px #0008}.eyebrow{color:#efbc81;letter-spacing:.17em;margin:0 0 16px;font-size:11px;font-weight:750}.overlay h1{letter-spacing:-.04em;margin:0 0 15px;font-size:clamp(30px,6vw,47px);line-height:1.15}.overlay-card>p:not(.eyebrow){color:#c5d4d1;margin:0;line-height:1.7}.control-hints{color:#a9c0bd;border-block:1px solid #8da6a047;flex-direction:column;gap:8px;margin:24px 0;padding:16px 0;font-size:12px;display:flex}.primary-button{color:#1b282c;background:#f2c28e;border:0;border-radius:9px;justify-content:space-between;align-items:center;width:100%;min-height:54px;padding:0 18px;font-size:15px;font-weight:780;display:flex}.primary-button:hover{background:#ffd6a5}.primary-button span{font-size:24px;font-weight:400}.footnote{padding:9px 18px max(9px, env(safe-area-inset-bottom));color:#8fa6a7;letter-spacing:.08em;background:#101923;justify-content:space-between;font-size:10px;display:flex}.touch-controls{display:none}@media (pointer:coarse){.touch-controls{height:45%;min-height:155px;padding:0 24px max(32px, env(safe-area-inset-bottom));pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;inset:auto 0 0}.joystick{touch-action:none;pointer-events:auto;background:#0c2029a8;border:2px solid #d5e6d496;border-radius:50%;flex:none;width:118px;height:118px;position:relative}.joystick-knob{background:#f0c18c;border-radius:50%;width:52px;height:52px;position:absolute;top:calc(50% - 26px);left:calc(50% - 26px);box-shadow:0 2px 12px #0006}.boost-button{color:#f6ddb8;touch-action:none;pointer-events:auto;background:#382e27cf;border:2px solid #e9c799;border-radius:50%;flex:none;width:86px;height:86px;margin-bottom:12px;font-weight:750}.boost-button:active{background:#795331}.compass{top:92px;bottom:auto}}@media (width<=640px){.topbar{gap:10px}.brand{letter-spacing:.08em;font-size:12px}.game-name{font-size:12px}.game-name small{display:none}.top-button{padding:0 9px;font-size:12px}.top-button kbd{display:none}.hud{gap:5px;top:10px;left:10px;right:10px}.hud-chip{min-width:70px;padding:7px 9px}.hud-chip strong{font-size:12px}.hud-chip.objective{min-width:100px}.map-panel{max-height:calc(100% - 94px);top:82px;overflow:auto}.map-panel p{font-size:10px}}#app{height:100dvh;min-height:0}.stage{min-height:0}#view{position:absolute;inset:0}.secondary-button{color:#dbe9e5;background:0 0;border:1px solid #6a8586;border-radius:9px;width:100%;min-height:44px;margin-top:12px}.editor{z-index:10;background:#101923;flex-direction:column;display:flex;position:absolute;inset:0}.editor-heading{border-bottom:1px solid #32454b;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:10px 16px;display:flex}.editor-heading strong{color:#f2c28e}.editor-heading span{color:#a9c0bd;margin-left:16px;font-size:12px}.editor button,.editor select,.editor input:not([type=range]):not([type=file]){color:#e0ebe7;min-height:44px;font:inherit;background:#1d3038;border:1px solid #44616a;border-radius:7px;min-width:0;padding:6px 10px}.editor button:hover{background:#2b4650}.editor button:disabled{opacity:.45;cursor:wait}.editor input:focus-visible,.editor select:focus-visible{outline:2px solid #f2c28e}.editor-body{flex:1;grid-template-columns:300px minmax(0,1fr);min-height:0;display:grid}.editor-controls{border-right:1px solid #32454b;padding:12px;overflow:auto}.editor-controls details{border-bottom:1px solid #32454b;margin-bottom:8px;padding:6px 0 12px}.editor-controls details details{margin-top:10px}.editor summary{cursor:pointer;color:#c4d8d3;min-height:36px;padding:8px 0;font-size:13px;font-weight:650}.editor label{color:#a9c0bd;flex-direction:column;gap:5px;margin:8px 0;font-size:11px;display:flex}.input-row{gap:8px;display:flex}.input-row label{flex:1;min-width:0}.editor-help{color:#a9c0bd;font-size:11px;line-height:1.6}.button-row{gap:6px;margin-top:8px;display:flex}.button-row>*{flex:1;min-width:0}.editor button{font-size:12px}.editor .accent,.editor [aria-pressed=true]{color:#17282d;background:#f2c28e;border-color:#f2c28e}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.editor-workspace{flex-direction:column;gap:10px;min-width:0;min-height:0;padding:12px;display:flex}.layer-bar{flex:none;align-items:center;gap:10px;display:flex}.layer-bar strong{white-space:nowrap;min-width:85px;font-size:13px}.layer-bar input{accent-color:#f2c28e;flex:1;min-width:20px}.editor-scroll{background:repeating-linear-gradient(45deg,#111f28,#111f28 8px,#13232c 8px 16px);border:1px solid #32454b;flex:1;min-height:0;overflow:auto}#edit-map{touch-action:none;display:block}.workspace-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.workspace-actions>span{color:#efbc81;margin-right:auto;font-size:11px}.workspace-actions label{flex-direction:row;align-items:center;gap:6px}.workspace-actions input{accent-color:#f2c28e;width:80px}.legend{margin:0}.editor-status{color:#e7d0af;background:#15262e;border-top:1px solid #32454b;flex:none;max-height:100px;padding:10px 16px;font-size:12px;line-height:1.5;overflow:auto}.job-progress{align-items:center;gap:16px;padding:8px 16px;display:flex}.job-progress progress{accent-color:#f2c28e;flex:1}.editor .file-button{color:#e0ebe7;cursor:pointer;background:#1d3038;border:1px solid #44616a;border-radius:7px;place-items:center;min-height:44px;margin:0;display:grid}.file-button input{opacity:0;width:1px;height:1px;position:absolute}@media (width<=700px){.editor-body{grid-template-rows:minmax(120px,35%) minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.editor-controls{border-bottom:1px solid #32454b;border-right:0;padding:8px 12px}.editor-workspace{gap:6px;padding:8px}.editor-heading{min-height:50px;padding:8px 12px}.editor-heading span{margin-left:8px}.editor-status{max-height:75px;padding:8px 12px}.legend{display:none}.workspace-actions>span{width:100%}.workspace-actions button{flex:1}.editor .tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.topbar{gap:6px;padding-left:10px;padding-right:10px}.topbar .brand{display:none}.top-button{min-height:44px}}#edit-space{position:relative}#edit-map{position:absolute}