*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:#040913;font-family:Trebuchet MS,Segoe UI,sans-serif}.startup-loader{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,#2c180fc7,#06080df2),linear-gradient(180deg,#0b0806e0,#06080cf2);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .24s ease}.startup-loader.is-hidden{opacity:0;pointer-events:none}.startup-loader-panel{width:min(420px,72vw);border:1px solid rgba(239,173,109,.5);border-radius:12px;background:linear-gradient(180deg,#26170ff2,#18100cf5);box-shadow:inset 0 1px #ffe2bf40,0 18px 40px #00000073;padding:22px 20px 18px}.startup-loader-title{font-size:clamp(16px,1.45vw,22px);letter-spacing:.08em;color:#ffe0b7;text-transform:uppercase;text-align:center}.startup-loader-subtitle{margin-top:8px;margin-bottom:8px;font-size:clamp(12px,.95vw,14px);color:#f6c690;text-align:center}.startup-loader-hint{margin-bottom:12px;font-size:clamp(12px,.92vw,14px);text-align:center;color:#ffe4c0;letter-spacing:.02em}.startup-loader.is-ready .startup-loader-hint{animation:startup-loader-pulse .9s ease-in-out infinite alternate}.startup-loader-track{width:100%;height:12px;border:1px solid rgba(212,147,84,.48);border-radius:999px;overflow:hidden;background:#1d120de0}.startup-loader-fill{width:0%;height:100%;border-radius:inherit;transition:width .15s ease;background:linear-gradient(90deg,#ff8d50f2,#ffcd7ef5);box-shadow:0 0 14px #ffa66180}@keyframes startup-loader-pulse{0%{opacity:.5;text-shadow:0 0 4px rgba(255,188,115,.2)}to{opacity:1;text-shadow:0 0 11px rgba(255,188,115,.5)}}.screen-shell{width:100vw;height:100vh}.split-shell{display:flex;align-items:stretch}.space-pane{flex:0 0 30%;width:30%;height:100%;background:#040912}.screen-divider{position:relative;flex:0 0 clamp(72px,5.5vw,96px);width:clamp(72px,5.5vw,96px);height:100%;background:linear-gradient(180deg,#351e12f5,#1b110cfa);box-shadow:inset 1px 0 #ffd69952,inset -1px 0 #b3683a73,inset 0 0 34px #12080585,0 0 18px #1d100875;overflow:hidden;z-index:4}.screen-divider:before,.screen-divider:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:74%;height:3px;background:linear-gradient(90deg,#f5ae60d9,#ffd699b8);box-shadow:0 0 8px #f5ae607a;z-index:1}.screen-divider:before{top:7%}.screen-divider:after{bottom:7%}.divider-telemetry{position:absolute;inset:2.4% 8%;border:1px solid rgba(233,165,101,.36);border-radius:10px;background:linear-gradient(180deg,#261912e6,#18100cf0),radial-gradient(circle at 50% 10%,rgba(235,166,96,.16) 0%,transparent 62%);box-shadow:inset 0 1px #ffedd329,inset 0 0 14px #8c532e4d,0 5px 12px #0000004d;padding:8px 7px 10px;overflow:hidden;z-index:2}.divider-telemetry-core{position:absolute;left:7px;right:7px;top:50%;display:flex;flex-direction:column;align-items:center;width:auto;gap:6px;transform:translateY(-50%);transition:opacity .18s ease,transform .18s ease}.divider-telemetry-core.is-hidden{opacity:0;transform:translateY(-46%);pointer-events:none}.divider-title{width:100%;font-size:clamp(9px,.64vw,11px);text-transform:uppercase;letter-spacing:.1em;color:#ffd0a2;text-shadow:0 0 6px rgba(236,167,91,.28);text-align:center}.divider-dials{width:100%;display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1.2vh,11px);padding-top:clamp(2px,.7vh,5px)}.divider-dial{--accent: #7ad6ff;--progress: 0;width:min(100%,70px);display:flex;flex-direction:column;align-items:center;gap:3px}.divider-dial-ring{position:relative;width:clamp(42px,3.3vw,58px);aspect-ratio:1;border-radius:50%;background:repeating-conic-gradient(from -90deg,#f7c7917a 0deg 4deg,#2a1c1400 4deg 10deg),conic-gradient(from -90deg,var(--accent) calc(var(--progress) * 1turn),rgba(85,57,39,.62) 0turn);box-shadow:0 0 8px #ffb07666,inset 0 0 0 1px #f0c19547}.divider-dial-ring:after{content:"";position:absolute;inset:16%;border-radius:50%;background:radial-gradient(circle at 35% 28%,#3b271ce6,#150d09f5);box-shadow:inset 0 0 10px #ebac702e}.divider-dial-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;line-height:1}.divider-dial-value{font-size:clamp(10px,.85vw,14px);font-weight:700;color:#fff2df;text-shadow:0 0 5px rgba(242,180,116,.32)}.divider-dial-unit{margin-top:2px;font-size:clamp(7px,.52vw,9px);letter-spacing:.06em;text-transform:uppercase;color:#dcb58e}.divider-dial-label{font-size:clamp(7px,.56vw,9px);letter-spacing:.1em;text-transform:uppercase;color:#eac8a5}.divider-action-wrap{position:absolute;left:7px;right:7px;top:8px;z-index:3}.divider-action-btn{width:100%;border:1px solid rgba(245,184,120,.65);border-radius:7px;background:linear-gradient(180deg,#854a27f2,#60341bf2);color:#ffe4c2;font-family:Trebuchet MS,Segoe UI,sans-serif;font-size:clamp(9px,.65vw,11px);font-weight:600;line-height:1.2;letter-spacing:.02em;text-align:center;padding:8px 6px;cursor:pointer;box-shadow:inset 0 1px #ffe1b559,0 2px 8px #00000052}.divider-action-btn:hover{background:linear-gradient(180deg,#98552ffa,#6b3b1ffa)}.divider-action-btn:active{transform:translateY(1px)}.placeholder-pane{flex:1 1 auto;height:100%;position:relative;overflow:hidden;background:#060d19;--space-shift-slow: 0px;--space-shift-mid: 0px;--space-shift-fast: 0px;--hull-offset: clamp(14px, 2.8vh, 34px);--hull-height: clamp(46px, 8vh, 94px);--interior-gap: clamp(10px, 1.8vh, 24px)}.placeholder-space{position:absolute;inset:0;z-index:0;background-color:#030913;background-image:radial-gradient(circle,rgba(215,234,255,.85) 0 1px,transparent 1.7px),radial-gradient(circle,rgba(255,232,182,.72) 0 1.3px,transparent 2.2px),radial-gradient(circle,rgba(141,191,255,.58) 0 1.1px,transparent 2px);background-size:124px 124px,186px 186px,278px 278px;background-position:var(--space-shift-slow) 0,var(--space-shift-mid) 60px,var(--space-shift-fast) 130px;background-repeat:repeat,repeat,repeat}.placeholder-platformer{position:absolute;inset:calc(var(--hull-offset) + var(--hull-height) + var(--interior-gap)) 0 calc(var(--hull-offset) + var(--hull-height) + var(--interior-gap)) 0;z-index:1;overflow:hidden;box-shadow:inset 0 0 0 1px #5880b059,inset 0 0 28px #050c1659}.placeholder-platformer canvas{display:block;width:100%;height:100%}.placeholder-pane:before,.placeholder-pane:after{content:"";position:absolute;left:0;width:100%;height:var(--hull-height);border:2px solid #9b5c28;pointer-events:none;background:repeating-linear-gradient(90deg,#74401d57 0 18px,#f4bb7c33 18px 24px),linear-gradient(180deg,#f2b66f,#da8f4d 58%,#be6e32);box-shadow:inset 0 1px #ffe8c673,inset 0 -5px 10px #6634124d,0 6px 14px #0000003d;z-index:3}.placeholder-pane:before{top:var(--hull-offset);clip-path:polygon(0 36%,8% 36%,10% 12%,25% 12%,27% 0,73% 0,75% 12%,90% 12%,92% 36%,100% 36%,100% 100%,0 100%)}.placeholder-pane:after{bottom:var(--hull-offset);clip-path:polygon(0 0,100% 0,100% 64%,92% 64%,90% 88%,75% 88%,73% 100%,27% 100%,25% 88%,10% 88%,8% 64%,0 64%)}.screen-game{width:100%;height:100%}canvas{display:block}