:root{color-scheme:dark;font-family:Trebuchet MS,Segoe UI,sans-serif;background:radial-gradient(circle at top,rgba(50,97,195,.28),transparent 40%),linear-gradient(180deg,#07111d 0%,#04070d 100%);color:#eef4ff}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%}body{overflow:hidden}canvas{display:block;width:100%;height:100%}#app canvas,#app .hud{transition:opacity .7s ease,transform .9s cubic-bezier(.16,1,.3,1)}.app--loading canvas,.app--loading .hud{opacity:0;transform:scale(.82)}.app--loading.app--revealed canvas,.app--loading.app--revealed .hud{opacity:1;transform:scale(1)}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-content:center;justify-items:center;gap:1.15rem;overflow:hidden;background:radial-gradient(circle at 50% 44%,rgba(32,91,143,.32),transparent 24rem),radial-gradient(circle at 50% 120%,rgba(244,128,36,.12),transparent 42%),#050a12;transition:opacity .52s ease 1.45s,visibility .52s ease 1.45s}.loader--topple{opacity:0;visibility:hidden}.loader__logo{position:relative;width:180px;height:165px;filter:drop-shadow(0 10px 24px rgba(244,128,36,.18))}.loader__stack{position:absolute;top:0;right:0;bottom:0;left:0}.loader__bar{--angle: 0deg;--bar-width: 62px;--bar-bottom: 58px;--bar-left: 58px;--delay: 0ms;--tip-x: 20px;--tip-y: 16px;--tip-angle: 55deg;--fall-x: 90px;--fall-y: 105px;--fall-angle: 90deg;position:absolute;bottom:var(--bar-bottom);left:var(--bar-left);width:var(--bar-width);height:10px;border-radius:2px;opacity:0;background:#f48024;box-shadow:0 0 16px #f480247a;transform:rotate(var(--angle)) scaleX(0);transform-origin:center;animation:loader-bar-in .24s cubic-bezier(.16,1,.3,1) var(--delay) forwards}.loader__bar:nth-child(1){--angle: 0deg;--bar-width: 66px;--bar-bottom: 58px;--bar-left: 57px;--delay: .28s;--tip-x: -18px;--tip-y: 12px;--tip-angle: -42deg;--fall-x: -104px;--fall-y: 95px;--fall-angle: -122deg}.loader__bar:nth-child(2){--angle: 12deg;--bar-width: 68px;--bar-bottom: 75px;--bar-left: 58px;--delay: .64s;--tip-x: 24px;--tip-y: 18px;--tip-angle: 62deg;--fall-x: 112px;--fall-y: 108px;--fall-angle: 142deg}.loader__bar:nth-child(3){--angle: 25deg;--bar-width: 67px;--bar-bottom: 93px;--bar-left: 64px;--delay: 1s;--tip-x: -27px;--tip-y: 20px;--tip-angle: -54deg;--fall-x: -122px;--fall-y: 118px;--fall-angle: -154deg}.loader__bar:nth-child(4){--angle: 39deg;--bar-width: 64px;--bar-bottom: 111px;--bar-left: 75px;--delay: 1.36s;--tip-x: 30px;--tip-y: 22px;--tip-angle: 78deg;--fall-x: 132px;--fall-y: 122px;--fall-angle: 176deg}.loader__bar:nth-child(5){--angle: 54deg;--bar-width: 59px;--bar-bottom: 127px;--bar-left: 92px;--delay: 1.72s;--tip-x: -34px;--tip-y: 24px;--tip-angle: -68deg;--fall-x: -140px;--fall-y: 128px;--fall-angle: -188deg}.loader--topple .loader__bar{animation:loader-bar-topple 1.35s cubic-bezier(.45,0,.8,1) forwards}.loader--topple .loader__bar:nth-child(2){animation-delay:60ms}.loader--topple .loader__bar:nth-child(3){animation-delay:.12s}.loader--topple .loader__bar:nth-child(4){animation-delay:.18s}.loader--topple .loader__bar:nth-child(5){animation-delay:.24s}.loader__base{position:absolute;bottom:14px;left:40px;width:100px;height:43px;border:9px solid #9aa7b8;border-top:0;box-shadow:0 8px 22px #00000059;transition:opacity .28s ease 1.25s,transform .5s cubic-bezier(.55,0,1,.45) 1.25s}.loader--topple .loader__base{opacity:0;transform:translateY(28px) rotate(6deg)}.loader__progress{width:min(220px,calc(100vw - 4rem));height:5px;overflow:hidden;background:rgba(220,232,248,.13)}.loader__progress-fill{width:100%;height:100%;background:linear-gradient(90deg,#d86512,#f48024,#ffc38f);box-shadow:0 0 16px #f4802480;transform:scaleX(0);transform-origin:left;animation:loader-progress 2.55s cubic-bezier(.4,0,.2,1) .12s forwards}.loader__label{margin:0;color:#e2edfbb8;font-size:.76rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}@keyframes loader-bar-in{to{opacity:1;transform:rotate(var(--angle)) scaleX(1)}}@keyframes loader-bar-topple{0%{opacity:1;transform:translate(0) rotate(var(--angle)) scaleX(1)}32%{opacity:1;transform:translate(var(--tip-x),var(--tip-y)) rotate(var(--tip-angle)) scaleX(1)}78%{opacity:1;transform:translate(var(--fall-x),var(--fall-y)) rotate(var(--fall-angle)) scaleX(1)}to{opacity:0;transform:translate(var(--fall-x),calc(var(--fall-y) + 28px)) rotate(var(--fall-angle)) scaleX(1)}}@keyframes loader-progress{to{transform:scaleX(1)}}.hud{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:minmax(280px,420px) 1fr;align-items:start;gap:1rem;padding:1.4rem;pointer-events:none}.hud h1{margin:0 0 .4rem;font-size:clamp(2rem,5vw,3.2rem);letter-spacing:.04em;text-transform:uppercase}.hud p{margin:0;line-height:1.4}.hud__prompt,.controls,.panel,.status{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(7,14,27,.6);border:1px solid rgba(185,214,255,.18);border-radius:18px;box-shadow:0 18px 60px #00000047}.hud__prompt{grid-column:1;margin-top:1rem;padding:.85rem 1rem;font-size:.96rem}.object-tooltip{position:fixed;left:0;top:0;display:grid;gap:.2rem;width:min(260px,calc(100vw - 2rem));padding:.65rem .75rem;pointer-events:none;opacity:0;transform:translate3d(-999px,-999px,0);transition:opacity .18s ease,transform .18s ease;z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(5,10,20,.76);border:1px solid rgba(214,230,255,.24);border-radius:8px;box-shadow:0 12px 36px #00000057}.object-tooltip:after{content:"";position:absolute;left:50%;bottom:-.42rem;width:.7rem;height:.7rem;background:rgba(5,10,20,.76);border-bottom:1px solid rgba(214,230,255,.24);border-right:1px solid rgba(214,230,255,.24);transform:translate(-50%) rotate(45deg)}.object-tooltip strong{font-size:.86rem;line-height:1.2}.object-tooltip span{font-size:.78rem;line-height:1.25;opacity:.84}.object-tooltip em{display:inline-flex;align-items:center;gap:.35rem;justify-self:start;margin-top:.25rem;font-style:normal;font-size:.72rem;color:#dbeafe}.object-tooltip kbd{display:inline-grid;place-items:center;width:1.2rem;height:1.2rem;border:1px solid rgba(219,234,254,.74);border-bottom-width:2px;border-radius:4px;background:rgba(15,23,42,.82);color:#f8fafc;font:inherit;font-weight:700}.object-tooltip em span{font-size:inherit;line-height:1;opacity:.84}.object-tooltip--visible{opacity:1}.controls{grid-column:1;margin-top:.8rem;padding:.95rem 1rem;pointer-events:auto}.panel{grid-column:2;justify-self:end;margin-top:.2rem;width:min(420px,100%);padding:1rem 1.1rem}.controls h2,.panel h2{margin:0 0 .5rem;font-size:1.1rem}.controls p{margin-bottom:.8rem;opacity:.8}.controls__item{display:grid;grid-template-columns:1fr auto;gap:.35rem .75rem;margin-bottom:.7rem;font-size:.92rem}.controls__item strong{font-variant-numeric:tabular-nums}.controls__item input{grid-column:1 / -1;width:100%}.status{grid-column:1 / -1;align-self:end;justify-self:center;margin-bottom:.2rem;padding:.75rem 1rem;font-size:.95rem}@media (max-width: 900px){.hud{grid-template-columns:1fr;align-items:start}.panel{grid-column:1;justify-self:stretch;margin-top:.6rem}.controls{margin-top:.6rem}.status{justify-self:stretch}}