:root{color-scheme:dark;--cyan:#64f7dc;--red:#ff697a;--amber:#ffbd60;--bg:#05090b;--line:rgba(149,223,219,.16);--hot:rgba(100,247,220,.38);--text:#edf8f6;--muted:#9aadaf;--dim:#71868a;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font:14px/1.5 ui-monospace,"SFMono-Regular",Consolas,monospace;background:radial-gradient(1000px 520px at 50% -230px,rgba(63,163,154,.18),transparent 72%),radial-gradient(600px 360px at 100% 50%,rgba(32,91,90,.1),transparent 70%),#05090b}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(165,240,234,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(165,240,234,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 76%)}
button{font:inherit}button:focus-visible,a:focus-visible,canvas:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}button:disabled{opacity:.42;cursor:not-allowed}[hidden]{display:none!important}
.shell{width:min(1440px,100%);margin:0 auto;padding:clamp(12px,2.2vw,30px)}.top{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 16px;min-width:0}.brand-lockup{display:grid;gap:9px;min-width:0}.logo{font:900 clamp(29px,4.3vw,58px)/.82 Impact,"Arial Narrow",sans-serif;letter-spacing:-.035em;white-space:nowrap;text-shadow:0 0 30px rgba(100,247,220,.08)}.logo i{font-style:normal;color:var(--cyan)}.brand-sub{display:flex;align-items:center;gap:8px;color:var(--dim);font-size:10px;letter-spacing:.19em;text-transform:uppercase}.brand-sub:before{content:"";width:17px;height:1px;background:var(--cyan);box-shadow:0 0 10px rgba(100,247,220,.8)}
.top-right{display:flex;align-items:center;justify-content:flex-end;gap:20px;min-width:0}.meta{font-size:10px;letter-spacing:.11em;text-align:right;color:var(--muted);line-height:1.8;white-space:nowrap}#save{color:#b9d4d4;letter-spacing:.035em}.top-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.quiet,.top-actions button{min-height:36px;padding:0 11px;border:1px solid var(--line);border-radius:9px;color:#d7e6e5;background:rgba(12,23,27,.76);font-size:10px;font-weight:700;letter-spacing:.075em;cursor:pointer;transition:background .22s var(--ease),border-color .22s var(--ease),transform .22s var(--ease)}.top-actions button:hover,.quiet:hover{border-color:var(--hot);background:rgba(21,44,47,.92);transform:translateY(-1px)}#quality-toggle[aria-pressed="true"]{color:var(--cyan);border-color:rgba(100,247,220,.33)}
.frame{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#071014;box-shadow:0 30px 90px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.015) inset;transform:translateZ(0)}.frame:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(120deg,rgba(100,247,220,.035),transparent 22%,transparent 70%,rgba(255,189,96,.025)),linear-gradient(to bottom,rgba(1,5,7,.02),transparent 45%,rgba(1,5,7,.18))}.frame:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.045;background:repeating-linear-gradient(to bottom,transparent 0 3px,rgba(210,255,250,.22) 4px);mix-blend-mode:screen}
#game{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#071014;cursor:crosshair;touch-action:pan-y}.hud{position:absolute;inset:0;z-index:3;padding:clamp(10px,1.5vw,20px);display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.col{display:grid;align-content:start;gap:7px;max-width:40%}.right{text-align:right;justify-items:end}.tag{display:flex;align-items:center;gap:8px;min-height:31px;padding:7px 10px;border:1px solid rgba(148,215,211,.15);border-radius:8px;background:rgba(5,14,17,.72);color:#b6cbcc;font-size:10px;letter-spacing:.07em;box-shadow:0 6px 22px rgba(0,0,0,.15);backdrop-filter:blur(8px)}.tag b{color:var(--cyan);font-weight:800}.right .tag{justify-content:flex-end}.bar{display:inline-block;width:clamp(46px,9vw,116px);height:5px;overflow:hidden;border-radius:999px;background:#25373a;margin-left:1px}.bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--cyan),#d7fff7);box-shadow:0 0 12px rgba(100,247,220,.62);transition:width .24s var(--ease)}#hp{min-width:22px;text-align:right;color:#effffc;font-weight:800}
.phase-readout{position:absolute;z-index:4;top:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;max-width:45%;padding:7px 11px;border:1px solid rgba(100,247,220,.2);border-radius:999px;background:rgba(4,13,16,.73);color:#cce5e3;font-size:9px;letter-spacing:.1em;white-space:nowrap;backdrop-filter:blur(7px)}.phase-readout i{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:statusPulse 2s ease-in-out infinite}.phase-readout[data-phase="NULL"] i{background:var(--amber);box-shadow:0 0 12px var(--amber)}.phase-readout b{color:var(--cyan);font-weight:800}@keyframes statusPulse{0%,100%{opacity:.55;transform:scale(.86)}50%{opacity:1;transform:scale(1.12)}}
.objective{position:absolute;z-index:4;left:50%;bottom:14px;transform:translateX(-50%);width:max-content;max-width:min(760px,calc(100% - 28px));padding:10px 16px;border:1px solid rgba(100,247,220,.23);border-radius:11px;background:rgba(4,13,16,.89);text-align:center;color:#d9eeec;font-size:11px;line-height:1.5;box-shadow:0 12px 34px rgba(0,0,0,.25);backdrop-filter:blur(10px)}.objective:before{content:"OBJECTIVE /";color:var(--cyan);margin-right:8px;font-size:9px;letter-spacing:.12em}
.diag-panel{position:absolute;z-index:7;top:58px;right:14px;width:min(310px,calc(100% - 28px));padding:14px;border:1px solid rgba(100,247,220,.25);border-radius:13px;background:rgba(5,13,16,.94);box-shadow:0 18px 44px rgba(0,0,0,.48);backdrop-filter:blur(12px)}.diag-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.12em}.diag-head span{color:var(--dim);font-size:9px;font-weight:500;letter-spacing:.05em}.diag-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.diag-cell{padding:10px;border-radius:8px;border:1px solid rgba(148,215,211,.1);background:rgba(255,255,255,.025)}.diag-cell span{display:block;color:var(--dim);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.diag-cell strong{display:block;margin-top:3px;color:var(--text);font-size:21px;line-height:1.2;font-variant-numeric:tabular-nums}.diag-cell small{display:block;margin-top:4px;color:var(--muted);font-size:9px}.diag-note{margin:11px 0 0;color:#8ea3a5;font-size:9px;line-height:1.65}
.toast{display:none;position:absolute;z-index:10;top:50%;left:50%;transform:translate(-50%,-50%);width:min(460px,calc(100% - 28px));padding:clamp(20px,3vw,32px);border:1px solid rgba(100,247,220,.42);border-radius:18px;background:rgba(5,14,17,.96);text-align:center;box-shadow:0 24px 90px rgba(0,0,0,.65),0 0 60px rgba(100,247,220,.07);animation:toastIn .32s var(--ease) both}@keyframes toastIn{from{opacity:0;transform:translate(-50%,-47%) scale(.975)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.toast h2{margin:0 0 10px;color:var(--cyan);font-size:clamp(23px,4vw,35px);line-height:1;letter-spacing:-.045em}#resultText{color:#b8cdcc;font-size:12px;line-height:1.75}.toast button{display:inline-flex;align-items:center;justify-content:center;min-height:43px;margin:10px 4px 0;padding:0 14px;border:1px solid rgba(100,247,220,.3);border-radius:10px;background:var(--cyan);color:#031716;font-size:10px;font-weight:900;letter-spacing:.05em;cursor:pointer;transition:transform .2s var(--ease),filter .2s}.toast button:hover{transform:translateY(-2px);filter:brightness(1.08)}.toast #share-score{background:#122528;color:#e6f7f5;border-color:var(--line)}.toast #enter-world{background:var(--amber);color:#191205;border-color:transparent}
#loadout{max-width:calc(100% - 24px)!important;border-radius:16px!important;border-color:rgba(100,247,220,.35)!important;background:rgba(5,14,17,.97)!important;color:var(--text)!important;backdrop-filter:blur(16px);font-size:11px}.help{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:12px 4px 0;color:var(--dim);font-size:10px;line-height:1.7}.keys{color:#c1d8d7}.help span:last-child{text-align:right}
.mobile-ui{display:none}.mobile-sticks{display:flex;align-items:center;justify-content:space-between;gap:14px}.stick-block{display:grid;justify-items:center;gap:7px;min-width:0}.stick-label{color:var(--dim);font-size:9px;font-weight:800;letter-spacing:.16em}.touch-stick{position:relative;display:grid;place-items:center;width:clamp(88px,26vw,112px);aspect-ratio:1;border:1px solid rgba(135,210,205,.25);border-radius:50%;background:radial-gradient(circle,rgba(100,247,220,.07),rgba(8,19,22,.88) 70%);box-shadow:inset 0 0 0 8px rgba(160,238,230,.018),0 8px 24px rgba(0,0,0,.24);touch-action:none;user-select:none;-webkit-user-select:none}.touch-stick:before,.touch-stick:after{content:"";position:absolute;border:1px solid rgba(144,216,211,.09);border-radius:50%;pointer-events:none}.touch-stick:before{inset:18%}.touch-stick:after{left:50%;top:12%;bottom:12%;width:1px;border-width:0 0 0 1px;border-radius:0;transform:translateX(-50%)}.stick-cross{position:absolute;left:12%;right:12%;top:50%;height:1px;background:rgba(144,216,211,.09)}.stick-knob{position:relative;z-index:1;width:35px;height:35px;border:1px solid rgba(100,247,220,.55);border-radius:50%;background:radial-gradient(circle at 35% 30%,#274849,#0e2528 76%);box-shadow:0 0 22px rgba(100,247,220,.15),inset 0 1px rgba(255,255,255,.16);transform:translate(0,0);pointer-events:none}.mobile-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.mobile-actions button,.cipher-pad button{min-width:0;min-height:45px;padding:7px 3px;border:1px solid rgba(132,207,204,.18);border-radius:9px;background:linear-gradient(180deg,#132126,#0a1418);color:#d9e9e8;font-size:9px;font-weight:800;letter-spacing:.04em;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;transition:background .18s,border-color .18s,transform .18s}.mobile-actions button:active,.cipher-pad button:active{transform:scale(.97);border-color:var(--cyan);background:#163637}.mobile-actions button.primary{border-color:rgba(100,247,220,.43);color:var(--cyan);background:rgba(100,247,220,.075)}.cipher-pad{display:grid;grid-template-columns:auto repeat(4,minmax(40px,1fr));gap:7px;align-items:center}.cipher-pad strong{color:var(--muted);font-size:10px}.cipher-pad button{font-size:16px;color:var(--cyan);min-height:42px}.mobile-hint{grid-column:1/-1;margin:0;color:var(--dim);font-size:10px;line-height:1.6}
@media(max-width:980px){.shell{padding:16px}.top{align-items:flex-start}.top-right{gap:10px;align-items:flex-end;flex-direction:column}.top-actions{gap:5px}.top-actions button{min-height:32px;padding:0 8px;font-size:9px}}
@media(max-width:760px),(pointer:coarse){.shell{padding:12px}.top{gap:10px;margin-bottom:12px}.logo{font-size:clamp(27px,7vw,40px)}.brand-lockup{gap:6px}.brand-sub{font-size:8px;letter-spacing:.12em}.top-right{gap:4px;align-items:flex-end}.meta{font-size:9px;line-height:1.45}.top-actions{gap:4px}.top-actions button{min-height:30px;font-size:8px;padding:0 7px}#fullscreen-toggle,#contract-toggle,#loadout-toggle,#sound-toggle{display:none}.frame{border-radius:12px}.hud{padding:7px;gap:5px}.col{gap:4px;max-width:46%}.tag{gap:4px;min-height:23px;padding:4px 6px;font-size:8px;letter-spacing:.025em;border-radius:6px}.bar{width:clamp(32px,11vw,62px);height:4px}.phase-readout{top:7px;max-width:42%;padding:5px 7px;font-size:7px;gap:5px}.phase-readout b{display:none}.objective{bottom:7px;width:calc(100% - 14px);padding:6px 8px;font-size:8px;max-width:calc(100% - 14px);border-radius:7px}.objective:before{font-size:7px;margin-right:4px}.diag-panel{top:38px;right:7px;width:min(270px,calc(100% - 14px));padding:10px}.diag-cell{padding:7px}.diag-cell strong{font-size:18px}.diag-note{font-size:8px}.toast{border-radius:13px}.toast button{min-height:41px;margin:7px 2px 0;padding:0 10px;font-size:9px}.mobile-ui{display:grid;gap:10px;margin-top:11px;padding:11px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(160deg,rgba(16,32,36,.93),rgba(7,14,17,.95));box-shadow:0 14px 30px rgba(0,0,0,.18)}.mobile-sticks{gap:7px}.touch-stick{width:clamp(78px,25vw,102px)}.stick-knob{width:31px;height:31px}.mobile-actions{gap:6px}.mobile-actions button{min-height:43px;font-size:8px}.cipher-pad{gap:5px}.cipher-pad button{min-height:42px}.help{display:grid;gap:4px;padding:10px 3px 0;font-size:9px}.help span:last-child{text-align:left}}
@media(max-width:380px){.shell{padding:8px}.top{align-items:center}.meta{font-size:8px}.brand-sub{font-size:7px}.top-actions #diag-toggle{padding:0 6px}.tag{font-size:7px;padding:4px}.right .tag{max-width:100%}.phase-readout{left:auto;right:7px;transform:none;max-width:40%;font-size:6px}.objective{font-size:7px}.mobile-ui{padding:8px;gap:8px}.mobile-actions{gap:4px}.mobile-actions button{padding:5px 1px;font-size:7px}.cipher-pad{grid-template-columns:1fr repeat(4,minmax(32px,1fr))}.cipher-pad strong{grid-column:1/-1}.touch-stick{width:80px}}
@media(min-width:761px) and (pointer:fine){.mobile-ui{display:none!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.phase-readout i{animation:none}}
.frame:fullscreen{display:grid;place-items:center;width:100vw;height:100vh;border-radius:0;border:0;background:#05090b}.frame:fullscreen #game{width:100%;height:100%;max-height:100vh;object-fit:contain}

/* Release 0.3 — tactical telemetry. */
.raid-intel{position:relative;overflow:hidden;margin:10px 0 12px;padding:10px 12px;border:1px solid rgba(149,223,219,.15);border-radius:12px;background:linear-gradient(115deg,rgba(13,28,32,.91),rgba(5,12,15,.97));box-shadow:0 14px 35px rgba(0,0,0,.18)}
.raid-intel:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.45;background:linear-gradient(100deg,transparent,rgba(100,247,220,.035),transparent)}
.intel-title{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;color:#789396;font-size:8px;letter-spacing:.17em;font-weight:800}.intel-title span:first-child{color:#bfe2df}
.intel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.intel-card{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 10px;min-height:48px;padding:8px 10px;border:1px solid rgba(149,223,219,.11);border-radius:8px;background:rgba(4,12,15,.54)}
.intel-card>span{color:#7e989a;font-size:8px;letter-spacing:.12em;font-weight:800}.intel-card strong{grid-row:span 2;color:#edf8f6;font-size:22px;line-height:1;font-weight:800;font-variant-numeric:tabular-nums}.intel-card i{width:28px;height:2px;border-radius:2px;background:#789396;box-shadow:0 0 10px currentColor}
.intel-card .intel-red{background:#ff697a;color:#ff697a}.intel-card .intel-cyan{background:#64f7dc;color:#64f7dc}.intel-card .intel-amber{background:#ffbd60;color:#ffbd60}
.premium-combat-layer .frame{box-shadow:0 34px 100px rgba(0,0,0,.52),0 0 0 1px rgba(100,247,220,.035) inset}.performance-mode .raid-intel:before{display:none}
@media(max-width:760px){.raid-intel{margin:8px 0 10px;padding:8px;border-radius:10px}.intel-title{font-size:7px;margin-bottom:6px}.intel-card{padding:7px;gap:3px 5px;min-height:42px}.intel-card>span{font-size:7px;letter-spacing:.06em}.intel-card strong{font-size:19px}.intel-card i{width:20px}}
@media(max-width:380px){.intel-grid{gap:4px}.intel-card{padding:6px 5px}.intel-card>span{font-size:6px;letter-spacing:.025em}.intel-card strong{font-size:17px}.intel-title{letter-spacing:.08em}}

/* Release 0.4 — readable live hazards and premium control surfaces. */
.hazard-banner{display:flex;align-items:center;gap:10px;min-height:36px;margin:0 0 13px;padding:8px 12px;border:1px solid rgba(100,247,220,.17);border-radius:9px;background:linear-gradient(100deg,rgba(7,18,21,.96),rgba(12,24,28,.88));color:#8ca7a8;font-size:9px;letter-spacing:.09em;font-weight:800;transition:border-color .18s,background .18s,color .18s}
.hazard-banner .hazard-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#64f7dc;box-shadow:0 0 10px currentColor}
.hazard-banner b{margin-left:auto;color:#64f7dc;font-size:8px;letter-spacing:.08em}
.hazard-banner[data-state="warning"]{border-color:rgba(255,189,96,.4);background:linear-gradient(100deg,rgba(42,29,12,.72),rgba(17,20,21,.96));color:#ffcf8b}
.hazard-banner[data-state="warning"] .hazard-dot{background:#ffbd60;color:#ffbd60;animation:hazardBlink .7s ease-in-out infinite alternate}
.hazard-banner[data-state="warning"] b{color:#ffbd60}
.hazard-banner[data-state="live"]{border-color:rgba(255,105,122,.5);background:linear-gradient(100deg,rgba(48,13,21,.78),rgba(17,12,16,.96));color:#ffb1bd}
.hazard-banner[data-state="live"] .hazard-dot{background:#ff697a;color:#ff697a;animation:hazardBlink .3s ease-in-out infinite alternate}
.hazard-banner[data-state="live"] b{color:#ff697a}
@keyframes hazardBlink{from{opacity:.55;transform:scale(.82)}to{opacity:1;transform:scale(1.18)}}
@media(max-width:760px){.hazard-banner{gap:7px;min-height:32px;margin-bottom:10px;padding:7px 8px;font-size:8px;letter-spacing:.035em}.hazard-banner b{font-size:7px;letter-spacing:0}}
@media(max-width:380px){.hazard-banner{gap:5px;font-size:7px;padding:6px}.hazard-banner b{font-size:6px}}
@media(prefers-reduced-motion:reduce){.hazard-banner[data-state="warning"] .hazard-dot,.hazard-banner[data-state="live"] .hazard-dot{animation:none}}

/* Release 0.5 — optional synthesized sound and movement feedback. */
#sound-toggle[aria-pressed="false"],#touch-sound[aria-pressed="false"]{color:#84999b;border-color:rgba(132,153,155,.14);background:rgba(4,12,15,.65)}
#sound-toggle[aria-pressed="true"]{color:var(--cyan);border-color:rgba(100,247,220,.28)}
.mobile-actions button[aria-pressed="true"]{border-color:rgba(100,247,220,.27);color:#a9fff2}
@media(min-width:761px) and (pointer:fine){#sound-toggle{display:inline-flex;align-items:center;justify-content:center}}
@media(max-width:760px),(pointer:coarse){#sound-toggle{display:none}#touch-sound{font-size:8px}}
@media(prefers-reduced-motion:reduce){.mobile-actions button{transition:none}}

.webgl-canvas{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;pointer-events:none;background:transparent}
html.webgl-active #game{opacity:0!important;pointer-events:auto}
.engine-minimap{position:absolute;z-index:5;right:14px;bottom:14px;width:224px;max-width:37%;padding:8px;border:1px solid rgba(100,247,220,.24);border-radius:10px;background:rgba(4,12,15,.9);box-shadow:0 16px 38px rgba(0,0,0,.42);pointer-events:none;backdrop-filter:blur(7px)}
.engine-minimap-title{display:flex;justify-content:space-between;gap:8px;margin-bottom:5px;color:#c7e8e4;font-size:8px;font-weight:800;letter-spacing:.13em}.engine-minimap-title span{color:#64f7dc}.engine-minimap canvas{display:block;width:100%;height:auto;aspect-ratio:280/158;border-radius:4px}
.engine-action-hint{position:absolute;z-index:6;bottom:58px;left:50%;transform:translateX(-50%);max-width:calc(100% - 28px);padding:9px 13px;border:1px solid rgba(100,247,220,.42);border-radius:9px;background:rgba(4,13,16,.94);box-shadow:0 10px 30px rgba(0,0,0,.4);color:#e0fffa;font-size:10px;font-weight:800;letter-spacing:.05em;text-align:center;pointer-events:none}
.engine-pause-overlay{position:absolute;inset:0;z-index:9;display:none;place-items:center;background:rgba(2,7,9,.68);backdrop-filter:blur(5px);pointer-events:none}.engine-pause-overlay>div{width:min(400px,calc(100% - 36px));padding:28px;border:1px solid rgba(100,247,220,.34);border-radius:16px;background:rgba(5,14,17,.97);box-shadow:0 24px 80px #0008;text-align:center}
.engine-pause-overlay span{color:#64f7dc;font-size:9px;letter-spacing:.15em}.engine-pause-overlay strong{display:block;margin:12px 0;font-size:clamp(24px,5vw,36px);letter-spacing:-.05em}.engine-pause-overlay p{color:#b8cdcc;font-size:12px}.engine-pause-overlay small{color:#71868a;font-size:10px}
.engine-render-badge{position:absolute;z-index:5;left:14px;bottom:14px;padding:6px 9px;border:1px solid rgba(100,247,220,.18);border-radius:6px;background:rgba(5,13,16,.78);color:#91b8b5;font-size:8px;letter-spacing:.09em;pointer-events:none}
.engine-world-label{position:absolute;z-index:4;transform:translate(-50%,-100%);padding:4px 7px;border:1px solid rgba(100,247,220,.24);border-radius:5px;background:rgba(4,12,15,.84);color:#d8fffa;font-size:8px;font-weight:800;letter-spacing:.08em;white-space:nowrap;pointer-events:none}.engine-world-label.label-core{border-color:rgba(255,189,96,.32);color:#ffdc9a}
@media(max-width:760px),(pointer:coarse){#engine-toggle{display:none}.engine-minimap{right:6px;bottom:6px;width:clamp(116px,38vw,168px);padding:5px;border-radius:7px}.engine-minimap-title{font-size:6px;letter-spacing:.06em}.engine-render-badge{left:6px;bottom:6px;padding:5px 6px;font-size:6px}.engine-action-hint{bottom:48px;font-size:8px;padding:7px 9px}.engine-pause-overlay>div{padding:22px}.engine-world-label{font-size:6px;padding:3px 4px}}
@media(max-width:380px){.engine-minimap{width:116px}.engine-minimap-title{font-size:5px}.engine-action-hint{max-width:calc(100% - 16px);font-size:7px}}


/* Godot engine beta entry: visually integrated with the existing premium control rail. */
.top-actions .top-link{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 11px;border:1px solid rgba(100,247,220,.32);border-radius:9px;color:var(--cyan);background:rgba(12,23,27,.76);font-size:10px;font-weight:800;letter-spacing:.075em;text-decoration:none;white-space:nowrap;transition:background .22s var(--ease),border-color .22s var(--ease),transform .22s var(--ease)}
.top-actions .top-link:hover{border-color:rgba(100,247,220,.72);background:rgba(21,44,47,.92);transform:translateY(-1px)}
.top-actions .top-link:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
@media(max-width:760px),(pointer:coarse){.top-actions .top-link{min-height:34px;padding:0 9px;font-size:9px}}

/* Godot is the primary engine-backed build; Canvas remains fallback. */
.top-link.godot-primary{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;border:1px solid rgba(100,247,220,.32);border-radius:8px;background:linear-gradient(180deg,rgba(16,58,57,.92),rgba(8,29,32,.94));color:#cffff6;font-size:9px;font-weight:850;letter-spacing:.08em;text-decoration:none;white-space:nowrap;box-shadow:0 0 0 1px rgba(100,247,220,.035) inset,0 5px 18px rgba(0,0,0,.18);transition:transform .22s cubic-bezier(.2,.8,.2,1),border-color .22s,background .22s}
.top-link.godot-primary:hover{transform:translateY(-2px);border-color:rgba(100,247,220,.66);background:linear-gradient(180deg,rgba(19,75,72,.98),rgba(8,35,37,.98))}
.top-link.godot-primary:focus-visible{outline:2px solid #64f7dc;outline-offset:3px}
@media(max-width:760px){.top-link.godot-primary{padding:8px 9px;font-size:8px;letter-spacing:.035em}}
@media(prefers-reduced-motion:reduce){.top-link.godot-primary{transition:none}.top-link.godot-primary:hover{transform:none}}