:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#081219;color:#f1f5dd;font-synthesis:none}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#081219}button,select,input{font:inherit}button{color:inherit}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #ffd56a;outline-offset:2px}.chaos-game,#chaosViewport,#chaosViewport canvas{position:fixed;inset:0;width:100%;height:100%}#chaosViewport canvas{display:block;touch-action:none}.chaos-grade{position:fixed;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(3,11,17,.16) 0%,transparent 24%,transparent 67%,rgba(1,7,10,.42) 100%),linear-gradient(90deg,rgba(2,8,12,.24),transparent 16%,transparent 84%,rgba(2,8,12,.24))}.chaos-hud{position:fixed;inset:0;z-index:4;pointer-events:none;--panel: rgba(5, 19, 24, .78);--panel-strong: rgba(4, 15, 19, .92);--line: rgba(151, 221, 207, .3);--cyan: #75f3dd;--gold: #ffd56a;--coral: #ff7d68;--leaf: #a9db72;--muted: #a9bdb8}.chaos-topbar{position:absolute;top:max(18px,env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));display:grid;grid-template-columns:minmax(240px,1fr) auto minmax(240px,1fr);align-items:start;gap:22px}.chaos-objective{display:flex;width:min(286px,100%);min-height:62px;align-items:center;gap:11px;padding:7px 12px 7px 8px;border-left:2px solid var(--gold);background:#051318ad;box-shadow:0 10px 28px #00000029;backdrop-filter:blur(12px)}.objective-copy>span,.chaos-route-title span,.flight-telemetry span,.carrier-status span,.chaos-panel header span,.run-kicker{display:block;color:var(--muted);font-size:10px;font-weight:800;line-height:1.2;letter-spacing:0}.objective-copy{min-width:0}.objective-copy>strong{display:block;margin-top:3px;max-width:205px;overflow-wrap:anywhere;font-family:Georgia,Times New Roman,serif;font-size:15px;font-weight:700;line-height:1.12}.journey-progress{--journey-progress: 0deg;position:relative;flex:0 0 46px;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at center,rgba(4,16,20,.96) 0 55%,transparent 57%),conic-gradient(var(--gold) 0 var(--journey-progress),rgba(151,221,207,.16) var(--journey-progress) 360deg);box-shadow:inset 0 0 0 1px #97ddcf33,0 0 18px #ffd56a1f}.journey-progress:after{position:absolute;inset:0;display:grid;place-items:center;content:attr(data-step);color:#fff0b5;font-size:9px;font-weight:800;font-variant-numeric:tabular-nums}.journey-progress i{position:absolute;top:0;left:50%;width:3px;height:7px;transform:translate(-50%);background:#fff6d1;box-shadow:0 0 8px #ffd56acc}.chaos-route-title{min-width:148px;padding-top:3px;text-align:center;text-shadow:0 2px 14px rgba(0,0,0,.75)}.chaos-route-title span{color:var(--gold)}.chaos-route-title strong{display:block;margin-top:2px;font-family:Georgia,Times New Roman,serif;font-size:20px;line-height:1}.chaos-utilities{justify-self:end;display:flex;gap:8px;pointer-events:auto}.icon-button,.panel-close{display:grid;place-items:center;border:1px solid var(--line);border-radius:5px;background:var(--panel-strong);cursor:pointer;backdrop-filter:blur(12px)}.icon-button{width:42px;height:42px}.icon-button svg{width:19px;height:19px}.icon-button:hover,.panel-close:hover{border-color:var(--gold);color:var(--gold)}.flight-telemetry{position:absolute;top:max(92px,calc(env(safe-area-inset-top) + 78px));left:max(20px,env(safe-area-inset-left));display:grid;grid-template-columns:repeat(2,92px);gap:7px}.flight-instrument{position:relative;display:grid;min-width:0;min-height:46px;grid-template-columns:25px 1fr;grid-template-rows:14px 19px;grid-template-areas:"icon label" "icon value";align-content:center;align-items:center;column-gap:7px;padding:5px 8px 5px 7px;border-bottom:1px solid rgba(151,221,207,.38);background:#04101485;backdrop-filter:blur(9px)}.flight-instrument>i{position:relative;grid-area:icon;width:24px;height:24px;border:1px solid rgba(117,243,221,.42);border-radius:50%;color:var(--cyan)}.flight-telemetry span{grid-area:label;color:#91aaa5;font-size:8px}.flight-telemetry strong{grid-area:value;overflow:hidden;color:#f3f4d6;font-size:12px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.flight-instrument--altitude>i:before{position:absolute;top:5px;left:11px;width:1px;height:13px;content:"";background:currentColor}.flight-instrument--altitude>i:after{position:absolute;top:5px;left:8px;width:5px;height:5px;border-top:1px solid currentColor;border-left:1px solid currentColor;content:"";transform:rotate(45deg)}.flight-instrument--speed>i:before,.flight-instrument--speed>i:after{position:absolute;top:8px;width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;content:"";transform:rotate(45deg)}.flight-instrument--speed>i:before{left:5px}.flight-instrument--speed>i:after{left:10px}.flight-reticle{position:absolute;top:50%;left:50%;width:74px;height:74px;transform:translate(-50%,-50%);opacity:.68}.flight-reticle i{position:absolute;background:#e2fff2bd;box-shadow:0 0 8px #75f3dd7a}.flight-reticle i:nth-child(1),.flight-reticle i:nth-child(2){top:36px;width:25px;height:1px}.flight-reticle i:nth-child(1){left:0}.flight-reticle i:nth-child(2){right:0}.flight-reticle i:nth-child(3){top:30px;left:36px;width:1px;height:13px}.current-flash{position:fixed;inset:0;opacity:0;border:2px solid rgba(255,213,106,.8);background:#75f3dd12;pointer-events:none}.current-flash.active{animation:chaos-current-flash .42s ease-out}.current-banner{position:absolute;top:148px;left:50%;min-width:250px;padding:9px 20px 10px;transform:translate(-50%,-8px);border-top:1px solid rgba(255,213,106,.58);border-bottom:1px solid rgba(255,213,106,.58);opacity:0;background:#041014b8;text-align:center;transition:opacity .16s ease-out,transform .16s ease-out;backdrop-filter:blur(10px)}.current-banner[data-active=true]{transform:translate(-50%);opacity:1}.current-banner span{display:block;color:var(--cyan);font-size:8px;font-weight:800}.current-banner strong{display:block;margin-top:2px;color:#fff0b5;font-family:Georgia,Times New Roman,serif;font-size:15px}.cinematic-hint{position:absolute;right:max(22px,env(safe-area-inset-right));bottom:max(104px,calc(env(safe-area-inset-bottom) + 82px));display:flex;align-items:center;gap:8px;color:#e8f2ddc7;font-size:8px;font-weight:800}.cinematic-hint[hidden]{display:none}.cinematic-hint i{width:18px;height:1px;background:#ffd56a9e}.carrier-status{position:absolute;bottom:max(26px,env(safe-area-inset-bottom));left:max(20px,env(safe-area-inset-left));width:174px;padding:8px 10px 9px;border:1px solid var(--line);border-radius:5px;background:#051318ad;box-shadow:0 12px 30px #0003;backdrop-filter:blur(12px)}.carrier-status__row{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:7px}.carrier-status__row>i{position:relative;width:20px;height:20px;border:1px solid rgba(169,219,114,.46);border-radius:50%}.carrier-status__row>i:before{position:absolute;top:5px;left:9px;width:1px;height:10px;content:"";background:var(--leaf)}.carrier-status__row>i:after{position:absolute;top:5px;left:6px;width:5px;height:5px;border-top:1px solid var(--leaf);border-left:1px solid var(--leaf);content:"";transform:rotate(45deg)}.carrier-status__row strong{color:var(--leaf);font-size:12px}.carrier-track{height:3px;margin:6px 0 0;overflow:hidden;background:#ffffff1a}.carrier-track i{display:block;width:100%;height:100%;background:var(--leaf);box-shadow:0 0 13px #a9db72a6;transition:width .14s linear,background-color .14s linear}.desktop-flight-actions{position:absolute;right:max(26px,env(safe-area-inset-right));bottom:max(26px,env(safe-area-inset-bottom));display:flex;align-items:end;gap:9px;pointer-events:auto}.rise-control,.tornado-control,.release-balloons-control{position:relative;display:grid;width:56px;height:56px;place-items:center;border:1px solid rgba(255,213,106,.62);border-radius:6px;background:#041216d1;box-shadow:0 12px 34px #00000047,inset 0 0 18px #75f3dd0f;color:#fff0b5;cursor:pointer;touch-action:none;backdrop-filter:blur(12px);transition:border-color .12s ease-out,background-color .12s ease-out,transform .12s ease-out}.rise-control svg,.tornado-control svg,.release-balloons-control svg{width:24px;height:24px}.rise-control:hover,.tornado-control:hover:not(:disabled){border-color:var(--cyan);color:var(--cyan)}.release-balloons-control{border-color:#ff916fb8;color:#ffc2a9}.release-balloons-control[hidden]{display:none}.release-balloons-control[data-state=ready]:hover{transform:translateY(-2px);border-color:#ffad8f;background:#481b18eb;color:#fff0e8;box-shadow:0 0 24px #ff73523d,inset 0 0 18px #ffb58617}.release-balloons-control[data-state=released],.release-balloons-control[data-state=landed]{border-color:#b5a49957;color:#e5d8ce80;filter:saturate(.42)}.rise-control:disabled,.release-balloons-control:disabled{cursor:default}.rise-control[data-active=true]{transform:translateY(-2px);border-color:var(--cyan);background:#144945f0;color:#edfff8;box-shadow:0 0 26px #75f3dd47,inset 0 0 20px #75f3dd29}.tornado-control{width:64px;height:64px;overflow:hidden;border-color:#75f3dda3;color:#a9fff0}.tornado-control kbd,.tornado-control output{position:absolute;z-index:1;display:grid;min-width:16px;height:16px;place-items:center;border:1px solid rgba(255,255,255,.24);border-radius:3px;background:#030f12e6;color:#eafff8;font-family:inherit;font-size:9px;font-weight:800;line-height:1}.tornado-control kbd{bottom:4px;left:4px}.tornado-control #tornadoCharge{top:4px;right:4px;border-color:#ffd56a99;color:#ffe49b}.tornado-control #tornadoTimer{right:4px;bottom:4px;min-width:24px;border:0;background:transparent;color:#d9fff7;text-align:right}.tornado-control[data-state=active]{transform:translateY(-3px);border-color:#fff0b5;background:#12544df0;color:#fff;box-shadow:0 0 34px #75f3dd6b,inset 0 0 22px #ffd56a26;animation:rootwind-control-pulse .76s ease-in-out infinite alternate}.tornado-control[data-state=cooldown],.tornado-control[data-state=empty],.tornado-control[data-state=locked],.tornado-control[data-state=complete]{border-color:#97aca657;color:#cddcd67a;filter:saturate(.38)}.tornado-control:disabled{cursor:default}.chaos-panel{position:absolute;top:max(70px,calc(env(safe-area-inset-top) + 52px));right:max(20px,env(safe-area-inset-right));width:min(310px,calc(100vw - 40px));padding:14px;border:1px solid var(--line);border-radius:6px;background:var(--panel-strong);box-shadow:0 20px 60px #00000061;pointer-events:auto;backdrop-filter:blur(16px)}.chaos-panel[hidden]{display:none}.chaos-panel header{display:flex;align-items:center;justify-content:space-between;min-height:34px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(151,221,207,.18)}.chaos-panel header span{color:var(--gold);font-size:8px}.chaos-panel header strong{display:block;margin-top:2px;font-family:Georgia,Times New Roman,serif;font-size:16px}.panel-close{width:32px;height:32px;font-size:22px;line-height:1}.settings-row{display:flex;align-items:center;justify-content:space-between;min-height:42px;gap:14px;color:#dfe9dc;font-size:12px}.settings-row+.settings-row{border-top:1px solid rgba(151,221,207,.12)}.settings-action{display:flex;width:100%;min-height:44px;align-items:center;justify-content:space-between;gap:12px;border:0;border-top:1px solid rgba(151,221,207,.12);padding:0;background:transparent;color:#dfe9dc;font-size:12px;cursor:pointer}.settings-action:hover{color:var(--gold)}.settings-action__label{display:flex;align-items:center;gap:9px}.settings-action__label svg{width:18px;height:18px;color:var(--cyan)}.settings-row select{max-width:132px;min-height:30px;border:1px solid var(--line);border-radius:4px;padding:2px 8px;background:#0b2126;color:#f1f5dd}.settings-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--cyan)}.settings-row--slider{min-height:52px}.settings-slider{display:grid;grid-template-columns:112px 44px;align-items:center;gap:9px}.settings-slider input[type=range]{width:112px;margin:0;accent-color:var(--cyan);cursor:pointer}.settings-slider input[type=range]:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.settings-slider output{color:#f3ddb0;font-size:10px;font-variant-numeric:tabular-nums;text-align:right}.performance-panel{width:min(330px,calc(100vw - 40px))}.settings-panel:not([hidden])~.performance-panel:not([hidden]){top:max(402px,calc(env(safe-area-inset-top) + 384px))}.profile-grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 14px;font-size:11px}.profile-grid>*{min-height:28px;padding-top:7px;border-bottom:1px solid rgba(151,221,207,.1)}.profile-grid span{color:#9cb0ab}.profile-grid strong{color:#edf2d9;text-align:right}.mobile-controls{display:none}.damage-flash{position:fixed;inset:0;opacity:0;background:#ff513e33;pointer-events:none}.damage-flash.active{animation:chaos-damage-flash .28s ease-out}.run-overlay{position:fixed;inset:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;background:#020a0e85;text-align:center;backdrop-filter:blur(5px)}.run-overlay[hidden]{display:none}.run-mark{position:relative;width:116px;height:34px;margin-bottom:14px}.run-mark i{position:absolute;top:16px;width:42px;height:1px;background:var(--gold, #ffd56a)}.run-mark i:first-child{left:0}.run-mark i:nth-child(2){right:0}.run-mark i:last-child{top:10px;left:52px;width:12px;height:12px;border:1px solid #75f3dd;transform:rotate(45deg);background:transparent}.run-kicker{color:#75f3dd;font-size:11px}.run-overlay h1{margin:7px 0 4px;color:#f5f1cf;font-family:Georgia,Times New Roman,serif;font-size:clamp(54px,10vw,108px);font-weight:500;line-height:.92;text-shadow:0 8px 28px rgba(0,0,0,.5)}.run-overlay p{max-width:500px;margin:16px 0 10px;color:#d3dfd6;font-family:Georgia,Times New Roman,serif;font-size:clamp(16px,2.4vw,21px);line-height:1.35}#loadingState{min-height:18px;color:#9cb0ab;font-size:9px;font-weight:800}#runAction{min-width:176px;min-height:46px;margin-top:17px;border:1px solid rgba(255,213,106,.72);border-radius:5px;background:#0a1c1de0;color:#fff0b5;font-size:12px;font-weight:800;cursor:pointer;pointer-events:auto;box-shadow:0 0 24px #ffd56a1f}#runAction:hover{background:#ffd56a;color:#122126}#runAction:disabled{border-color:#9cb0ab61;background:#0a1c1dad;color:#9cb0ab;cursor:wait;box-shadow:none}@keyframes chaos-damage-flash{0%{opacity:0}24%{opacity:1}to{opacity:0}}@keyframes chaos-current-flash{0%{opacity:0}20%{opacity:1}to{opacity:0}}@keyframes rootwind-control-pulse{0%{box-shadow:0 0 20px #75f3dd47,inset 0 0 18px #ffd56a1a}to{box-shadow:0 0 40px #75f3dd8f,inset 0 0 26px #ffd56a33}}@media(max-width:760px){.chaos-topbar{top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));grid-template-columns:minmax(0,1fr) auto;gap:8px}.chaos-route-title{display:none}.chaos-objective{width:min(280px,100%);min-height:56px;padding:6px 10px 6px 7px}.objective-copy>strong{font-size:14px}.journey-progress{flex-basis:42px;width:42px;height:42px}.icon-button{width:38px;height:38px}.flight-telemetry{top:max(80px,calc(env(safe-area-inset-top) + 68px));left:max(10px,env(safe-area-inset-left));width:auto;grid-template-columns:repeat(2,88px)}.flight-instrument{padding:4px 7px 4px 6px}.flight-telemetry strong{font-size:11px}.current-banner{top:max(133px,calc(env(safe-area-inset-top) + 121px));min-width:min(250px,calc(100vw - 32px))}.carrier-status{bottom:calc(max(10px,env(safe-area-inset-bottom)) + 122px);left:max(10px,env(safe-area-inset-left));width:160px;padding:7px 9px 8px}.rise-control,.desktop-flight-actions,.cinematic-hint{display:none}.mobile-controls{position:absolute;right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));left:max(10px,env(safe-area-inset-left));display:flex;align-items:end;justify-content:space-between;pointer-events:none}.mobile-steering,.mobile-actions{display:grid;gap:5px;pointer-events:auto}.mobile-steering{grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,48px)}.mobile-steering button:nth-child(1){grid-column:2;grid-row:1}.mobile-steering button:nth-child(2){grid-column:1;grid-row:2}.mobile-steering button:nth-child(3){grid-column:2;grid-row:2}.mobile-steering button:nth-child(4){grid-column:3;grid-row:2}.mobile-actions{grid-template-columns:repeat(2,minmax(54px,64px))}.mobile-controls button{min-width:48px;height:48px;border:1px solid rgba(151,221,207,.38);border-radius:6px;background:#041115b8;color:#eef2da;font-size:11px;font-weight:800;touch-action:none;backdrop-filter:blur(9px)}.mobile-controls button:active,.mobile-controls button[data-active=true]{border-color:#ffd56a;background:#ffd56ad1;color:#132025}.mobile-actions .mobile-boost{border-color:#ff7d6894;color:#ffc3b7}.chaos-panel{top:max(60px,calc(env(safe-area-inset-top) + 48px));right:max(10px,env(safe-area-inset-right));width:min(330px,calc(100vw - 20px));max-height:calc(100vh - 80px);overflow-y:auto}.settings-panel:not([hidden])~.performance-panel:not([hidden]){top:max(274px,calc(env(safe-area-inset-top) + 258px));max-height:calc(100vh - 292px)}.settings-row--desktop-only{display:none}.run-overlay{padding:22px}}@media(max-width:410px){.chaos-objective{max-width:calc(100vw - 102px)}.objective-copy>span{font-size:8px}.mobile-steering{grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px)}.mobile-controls button{min-width:44px;height:44px}.mobile-actions{grid-template-columns:repeat(2,52px)}}@media(hover:none),(pointer:coarse){.mobile-controls{display:flex}.desktop-flight-actions{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
