*{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:linear-gradient(180deg,#080b1029,#06080c5c),radial-gradient(circle at 50% 35%,#371c1057,#06080d8c),url(/assets/images/ui/splash.png) center / cover no-repeat,linear-gradient(180deg,#0a080647,#06080c75);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);transition:opacity .24s ease}.startup-loader.is-hidden{opacity:0;pointer-events:none}.global-game-over-overlay{position:fixed;inset:0;z-index:160;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;background:linear-gradient(180deg,#080b102e,#05060970),radial-gradient(circle at 50% 42%,#2a120e61,#0405089e),url(/assets/images/ui/splash_end.png) center / cover no-repeat,linear-gradient(180deg,#08060647,#0203057a);transition:opacity .17s ease-out}.global-game-over-overlay.is-visible{opacity:1;pointer-events:auto}.global-game-over-panel{width:min(760px,calc(100vw - 32px));padding:26px 18px 22px;text-align:center}.global-game-over-title{font-family:Trebuchet MS,Segoe UI,sans-serif;font-size:clamp(44px,7.2vw,84px);font-weight:900;letter-spacing:.06em;background:linear-gradient(95deg,#fff8cd,#ffd86b 28%,#ff9e5e 52%,#ff6a67 74%,#ff57ca);background-size:190% 190%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1px rgba(255,244,218,.3);text-shadow:0 0 3px rgba(255,255,255,.75),0 0 20px rgba(255,170,72,.65),0 0 34px rgba(255,87,190,.46);animation:game-over-shimmer 4s ease-in-out infinite}.global-game-over-score{margin-top:14px;font-family:Trebuchet MS,Segoe UI,sans-serif;font-size:clamp(26px,3.2vw,42px);font-weight:800;color:#ffefc8;text-shadow:0 0 4px rgba(255,255,255,.55),0 0 14px rgba(255,184,92,.5),0 0 24px rgba(255,96,128,.34)}.global-game-over-restart{width:min(420px,calc(100vw - 56px));margin-top:16px;border:1px solid rgba(255,224,175,.74);border-radius:10px;padding:12px 16px;background:linear-gradient(100deg,#ffe96ef5,#ff8948f7,#ff56a6f7);background-size:220% 220%;color:#fff5ea;font-family:Trebuchet MS,Segoe UI,sans-serif;font-size:clamp(18px,1.6vw,26px);font-weight:900;letter-spacing:.11em;text-transform:uppercase;text-shadow:0 0 4px rgba(90,18,2,.42),0 0 12px rgba(120,38,6,.28);cursor:pointer;box-shadow:inset 0 1px #fff5db94,0 12px 28px #14040373,0 0 22px #ff688a66;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;animation:startup-button-gradient 3.2s linear infinite}.global-game-over-restart:hover{transform:translateY(-2px) scale(1.01);box-shadow:inset 0 1px #ffebd09e,0 16px 30px #14040380,0 0 28px #ff6ba27a;filter:saturate(1.16)}.global-game-over-restart:active{transform:translateY(0)}.global-game-over-hint{margin-top:10px;font-family:Trebuchet MS,Segoe UI,sans-serif;font-size:clamp(16px,1.55vw,24px);font-weight:800;color:#fff3d7;text-shadow:0 0 6px rgba(255,195,106,.52),0 0 14px rgba(255,108,126,.28)}.startup-loader-panel{width:min(560px,calc(100vw - 28px));border:0;border-radius:0;background:transparent;box-shadow:none;padding:20px 18px 16px}.startup-loader-game-title{margin:0;font-size:clamp(30px,6.6vw,78px);line-height:1.02;font-weight:900;letter-spacing:.018em;text-align:center;text-wrap:balance;text-transform:uppercase;background:linear-gradient(92deg,#fff7d1,#ffe169 22%,#ffb347 46%,#ff6f61 68%,#ff57c6);background-size:180% 180%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1px rgba(255,246,222,.28);text-shadow:0 0 2px rgba(255,255,255,.82),0 0 18px rgba(255,179,67,.72),0 0 36px rgba(255,87,198,.45);animation:startup-title-shimmer 4s ease-in-out infinite}.startup-loader-subtitle{margin-top:12px;margin-bottom:10px;font-size:clamp(14px,1.2vw,18px);color:#ffefca;text-align:center;font-weight:800;letter-spacing:.03em;text-shadow:0 0 8px rgba(255,199,121,.46),0 0 18px rgba(255,117,85,.26)}.startup-loader-hint{margin-top:12px;font-size:clamp(13px,1vw,15px);text-align:center;color:#fff4d9;letter-spacing:.02em;text-shadow:0 0 8px rgba(255,187,108,.44)}.startup-loader.is-ready .startup-loader-hint{animation:startup-loader-pulse .9s ease-in-out infinite alternate}.startup-loader-track{width:100%;height:14px;border:1px solid rgba(255,204,130,.76);border-radius:999px;overflow:hidden;background:#110b0a7a;box-shadow:inset 0 0 8px #ff78483d,0 0 14px #ffb17557}.startup-loader-fill{width:0%;height:100%;border-radius:inherit;transition:width .15s ease;background:linear-gradient(90deg,#fff08ff5,#ff9a48fa,#ff5378f5);box-shadow:0 0 16px #ffa85d9e}.startup-loader-start{width:100%;margin-top:14px;border:1px solid rgba(255,224,175,.72);border-radius:10px;padding:12px 16px;background:linear-gradient(100deg,#ffe96ef5,#ff8948f7,#ff56a6f7);background-size:220% 220%;color:#fff5ea;font-size:clamp(17px,1.55vw,24px);font-weight:900;letter-spacing:.11em;text-transform:uppercase;text-shadow:0 0 4px rgba(90,18,2,.42),0 0 12px rgba(120,38,6,.28);cursor:pointer;box-shadow:inset 0 1px #fff5db94,0 12px 28px #14040373,0 0 22px #ff688a66;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;animation:startup-button-gradient 3.2s linear infinite}.startup-loader-start:hover{transform:translateY(-2px) scale(1.01);box-shadow:inset 0 1px #ffebd09e,0 16px 30px #14040380,0 0 28px #ff6ba27a;filter:saturate(1.16)}.startup-loader-start:active{transform:translateY(0)}@keyframes startup-title-shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes startup-button-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes game-over-shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@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)}}.rect-editor{position:fixed;top:12px;right:12px;left:auto;z-index:140;width:min(320px,34vw);max-height:calc(100vh - 24px);overflow:auto;border:1px solid rgba(153,209,255,.4);border-radius:10px;padding:10px;background:linear-gradient(180deg,#142131f5,#0c1521f5);box-shadow:0 12px 34px #00000073,inset 0 1px #bee3ff2e;color:#e5f4ff;font-size:12px;line-height:1.25}.rect-editor__header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px;cursor:grab;-webkit-user-select:none;user-select:none}.rect-editor.is-dragging .rect-editor__header{cursor:grabbing}.rect-editor__title{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#bfe7ff}.rect-editor__drag-label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#79add6}.rect-editor__meta{margin-top:4px;margin-bottom:8px;color:#8eb6d4}.rect-editor__tabs{display:flex;gap:6px;margin-bottom:8px}.rect-editor__tabs.is-hidden{display:none}.rect-editor__tab{border:1px solid rgba(120,170,212,.5);border-radius:6px;padding:4px 8px;background:#101e2edb;color:#c5e5ff;font-size:11px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.rect-editor__tab.is-active{border-color:#bae4ffdb;background:linear-gradient(180deg,#376088f5,#224262f5);color:#ecf8ff}.rect-editor__click-row{display:flex;align-items:center;gap:6px;margin-bottom:8px;color:#cfe8ff;font-size:11px;letter-spacing:.03em;text-transform:uppercase}.rect-editor__click-row input{accent-color:#8ec8ff}.rect-editor__hint{margin-bottom:8px;color:#8eb6d4;font-size:10px}.rect-editor__select-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#d2e9ff}.rect-editor__select-row select{flex:1 1 auto;min-width:0;border:1px solid rgba(120,170,212,.5);border-radius:5px;padding:4px 6px;background:#091019e6;color:#e8f5ff}.rect-editor__active{margin-bottom:8px;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#b6ddfb}.rect-editor__create-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.rect-editor__create-row.is-hidden{display:none}.rect-editor__create-select{flex:1 1 auto;min-width:0;border:1px solid rgba(120,170,212,.5);border-radius:5px;padding:4px 6px;background:#091019e6;color:#e8f5ff}.rect-editor__create-button{border:1px solid rgba(120,170,212,.62);border-radius:6px;padding:4px 10px;background:linear-gradient(180deg,#1f4366f2,#152f48f5);color:#e9f6ff;font-size:11px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.rect-editor__create-button:disabled{opacity:.52;cursor:default}.rect-editor__reset-row{display:flex;justify-content:flex-end;margin-top:8px;margin-bottom:0}.rect-editor__reset-button{width:auto;border:1px solid rgba(206,157,127,.62);border-radius:5px;padding:2px 8px;background:linear-gradient(180deg,#653524f2,#4c2417f5);color:#ffeede;font-size:10px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.rect-editor__reset-button:disabled{opacity:.52;cursor:default}.rect-editor__name-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.rect-editor__name-row.is-hidden{display:none}.rect-editor__name-input{flex:1 1 auto;min-width:0;border:1px solid rgba(120,170,212,.5);border-radius:5px;padding:4px 6px;background:#091019e6;color:#e8f5ff}.rect-editor__rename-button{border:1px solid rgba(120,170,212,.62);border-radius:6px;padding:4px 10px;background:linear-gradient(180deg,#1f4366f2,#152f48f5);color:#e9f6ff;font-size:11px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.rect-editor__rename-button:disabled{opacity:.52;cursor:default}.rect-editor__delete-button{border:1px solid rgba(205,119,119,.72);border-radius:6px;padding:4px 10px;background:linear-gradient(180deg,#6c2626f2,#541a1af5);color:#ffe8e8;font-size:11px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.rect-editor__delete-button:disabled{opacity:.52;cursor:default}.rect-editor__range-controls{margin-bottom:8px}.rect-editor__range-controls.is-hidden{display:none}.rect-editor__range-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;margin-bottom:6px;color:#d3e9ff;font-size:11px}.rect-editor__range-row:last-child{margin-bottom:0}.rect-editor__range-label{letter-spacing:.04em;text-transform:uppercase;color:#b7daf5}.rect-editor__range-input{width:100%}.rect-editor__range-value{min-width:44px;text-align:right;color:#dff0ff;font-variant-numeric:tabular-nums}.rect-editor__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.rect-editor__grid label{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#d2e9ff}.rect-editor__grid input{width:80px;border:1px solid rgba(120,170,212,.5);border-radius:5px;padding:3px 4px;background:#091019e6;color:#e8f5ff}.rect-editor__grid input:disabled{opacity:.58}.rect-editor__json-details{margin-top:8px}.rect-editor__json-details summary{cursor:pointer;-webkit-user-select:none;user-select:none;color:#b9ddf9;font-size:11px;letter-spacing:.04em;text-transform:uppercase}.rect-editor__json{margin-top:6px;width:100%;min-height:140px;border:1px solid rgba(120,170,212,.5);border-radius:7px;padding:6px;resize:vertical;background:#091019eb;color:#e8f5ff;font-size:11px;line-height:1.3}.screen-shell{width:100vw;height:100vh;overflow:hidden}.screen-shell--rotated-landscape{transform-origin:top left;transform:translate(var(--screen-shell-translate-x, 0px)) rotate(90deg)}.startup-loader.screen-shell--rotated-landscape,.global-game-over-overlay.screen-shell--rotated-landscape{inset:0 auto auto 0}.split-shell{display:flex;align-items:stretch}.space-pane{position:relative;flex:0 0 30%;width:30%;height:100%;background:#040912}.space-hud-overlay{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:16px 0 18px;pointer-events:none}.space-hud-block{display:flex;flex-direction:column;align-items:center;justify-content:center}.space-hud-block--score{width:min(240px,calc(100% - 28px));min-height:70px}.space-hud-block--integrity{width:min(260px,calc(100% - 28px));min-height:86px}.space-hud-label{font-family:Segoe UI,Trebuchet MS,sans-serif;font-size:15px;font-weight:800;line-height:1;letter-spacing:.08em;color:#8fd8ff;text-shadow:0 1px 0 rgba(2,6,10,.7),0 0 10px rgba(82,196,255,.14)}.space-hud-block--integrity .space-hud-label{color:#ffb49a}.space-hud-value{margin-top:6px;font-family:Segoe UI,Trebuchet MS,sans-serif;font-weight:900;line-height:1;text-align:center;font-variant-numeric:tabular-nums lining-nums;color:#eaf7ff;text-shadow:0 1px 0 rgba(4,8,16,.92),0 2px 8px rgba(2,7,14,.36)}.space-hud-value--score{font-size:28px}.space-hud-value--integrity{font-size:24px;color:#9fffd9}.space-hud-bar{width:min(240px,calc(100% - 12px));height:12px;margin-top:8px;padding:1px;border:1px solid rgba(97,108,137,.7);background:#1f2432e6}.space-hud-bar-fill{width:100%;height:100%;min-width:2px;background:#74efac}.screen-shell--forced-landscape .space-pane{flex:0 0 26%;width:26%}.screen-shell--forced-landscape .space-hud-overlay{padding:2px 0 8px}.screen-shell--forced-landscape .space-hud-block--score{width:min(210px,calc(100% - 20px));min-height:58px}.screen-shell--forced-landscape .space-hud-block--integrity{width:min(236px,calc(100% - 20px));min-height:70px}.screen-shell--forced-landscape .space-hud-label{font-size:12px}.screen-shell--forced-landscape .space-hud-block--integrity .space-hud-label{font-size:11px}.screen-shell--forced-landscape .space-hud-value--score{margin-top:4px;font-size:24px}.screen-shell--forced-landscape .space-hud-value--integrity{margin-top:4px;font-size:21px}.screen-shell--forced-landscape .space-hud-bar{width:min(200px,calc(100% - 10px));height:10px;margin-top:6px}.screen-shell--forced-landscape .space-pane .screen-game{display:flex;align-items:stretch;justify-content:center;overflow:hidden}.screen-shell--forced-landscape .space-pane .screen-game canvas{width:auto;height:100%;max-width:none}.screen-shell--forced-landscape .screen-divider{flex:0 0 clamp(10px,.7vw,12px);width:clamp(10px,.7vw,12px)}.screen-divider{position:relative;flex:0 0 clamp(12px,.95vw,16px);width:clamp(12px,.95vw,16px);height:100%;background:linear-gradient(180deg,#374d65eb,#1f2f43f0 48%,#101925f5);box-shadow:inset 1px 0 #add0f56b,inset -1px 0 #0b121cbd,0 0 10px #4a84c357;z-index:4;overflow:hidden}.screen-divider:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,#a5d4ff33 0 8px,#18283c24 8px 13px),linear-gradient(90deg,rgba(0,0,0,.25) 0%,transparent 30%,transparent 70%,rgba(0,0,0,.25) 100%),linear-gradient(180deg,transparent 0%,rgba(151,231,255,.26) 48%,transparent 54%);background-size:auto,auto,100% 26%;background-position:0 0,0 0,0 -130%;opacity:.92;pointer-events:none;animation:divider-scan-line 2.9s linear infinite}.screen-divider:after{content:"";position:absolute;left:50%;top:6px;bottom:6px;width:clamp(4px,.35vw,6px);transform:translate(-50%);background-image:radial-gradient(circle,rgba(130,233,255,.95) 0 35%,rgba(36,132,205,.26) 50%,transparent 72%),radial-gradient(circle,rgba(255,196,116,.92) 0 34%,rgba(171,101,41,.24) 50%,transparent 72%),radial-gradient(circle,rgba(255,88,88,.95) 0 35%,rgba(177,30,30,.22) 52%,transparent 74%),linear-gradient(180deg,transparent 0%,rgba(126,227,255,.55) 45%,transparent 100%);background-size:100% 22px,100% 22px,100% 0px,100% 68px;background-position:center 0,center 11px,center 6px,center 0;background-repeat:repeat-y,repeat-y,repeat-y,repeat-y;filter:drop-shadow(0 0 3px rgba(130,233,255,.5));animation:divider-led-pulse 1.35s ease-in-out infinite alternate,divider-led-drift 2.6s linear infinite,divider-led-alert 8.4s ease-in-out infinite;pointer-events:none}@keyframes divider-scan-line{0%{background-position:0 0,0 0,0 -130%}to{background-position:0 0,0 0,0 230%}}@keyframes divider-led-pulse{0%{opacity:.58;filter:drop-shadow(0 0 2px rgba(130,233,255,.32))}to{opacity:1;filter:drop-shadow(0 0 5px rgba(130,233,255,.66))}}@keyframes divider-led-drift{0%{background-position:center 0,center 11px,center 6px,center 0}to{background-position:center 22px,center 33px,center 28px,center 68px}}@keyframes divider-led-alert{0%,67%,to{background-size:100% 22px,100% 22px,100% 0px,100% 68px;filter:drop-shadow(0 0 3px rgba(130,233,255,.5))}72%,84%{background-size:100% 18px,100% 18px,100% 22px,100% 56px;filter:drop-shadow(0 0 5px rgba(255,74,74,.82))}76%,80%{filter:drop-shadow(0 0 7px rgba(255,52,52,.94))}}@media(prefers-reduced-motion:reduce){.screen-divider:before,.screen-divider:after{animation:none}}.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(2px, .45vh, 6px);--hull-height: clamp(18px, 2.8vh, 30px);--interior-gap: clamp(2px, .4vh, 6px)}.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%}.screen-game canvas,.placeholder-platformer canvas{width:100%;height:100%}canvas{display:block}