:root{color:#f6f2ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#99a8ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{background:#98a9ff;width:100vw;height:100dvh;margin:0;overflow:hidden}body{position:fixed;inset:0}button,input,label{font:inherit}a{color:inherit}#app{position:fixed;inset:0}.app-shell{isolation:isolate;background:#98a9ff;position:fixed;inset:0;overflow:hidden}.app-shell:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 16%,#fff7c057,#0000 20%),linear-gradient(#ffdaf20f 0%,#ffdaf200 58%);position:absolute;inset:0}.viewport{background:#98a9ff;min-width:0;min-height:0;position:absolute;inset:0;overflow:hidden}.scene-canvas{background:#98a9ff;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.lens-flare-layer,.underwater-overlay,.hud-layer,.overlay-layer,.editor-layer{pointer-events:none;position:absolute;inset:0}.lens-flare-layer{overflow:hidden}.underwater-overlay{opacity:0;background:linear-gradient(#020e182e 0%,#020a14bd 100%),radial-gradient(circle at 50% 18%,#52d2dc1f,#0000 34%),radial-gradient(circle at 50% 100%,#0000006b,#0000 58%);transition:opacity .12s}.lens-flare-root{opacity:0;mix-blend-mode:screen;--lens-flare-strong:#ffdba0d6;--lens-flare-mid:#ffdba057;--lens-flare-soft:#ffdba024;--lens-flare-rgb:255, 219, 160;transition:opacity .12s;position:absolute;inset:0}.lens-flare-root.is-visible{opacity:1}.lens-flare-root--sun .lens-flare-streak--primary{filter:blur(26px);background:linear-gradient(90deg,#0000 0%,#ffecc81f 18%,#ffffff61 50%,#ffdcc81f 82%,#0000 100%);height:26px}.lens-flare-root--sun .lens-flare-streak--secondary{filter:blur(32px);background:linear-gradient(90deg, transparent 0%, #ffffff14 22%, #fff5dc38 50%, rgba(var(--lens-flare-rgb), .08) 78%, transparent 100%);height:20px}.lens-flare-root--emissive .lens-flare-halo{width:168px;height:168px}.lens-flare-root--emissive .lens-flare-ring{width:118px;height:118px}.lens-flare-root--emissive .lens-flare-streak--primary{height:9px}.lens-flare-root--emissive .lens-flare-streak--secondary{height:6px}.lens-flare-dirt,.lens-flare-halo,.lens-flare-ring,.lens-flare-orb,.lens-flare-streak{will-change:transform, opacity;position:absolute}.lens-flare-dirt{opacity:0;background:radial-gradient(circle at 23% 28%, rgba(var(--lens-flare-rgb), .04) 0%, transparent 9%), radial-gradient(circle at 71% 22%, #ffffff0d 0%, transparent 8%), radial-gradient(circle at 62% 66%, rgba(var(--lens-flare-rgb), .04) 0%, transparent 10%), radial-gradient(circle at 32% 72%, #fff5d609 0%, transparent 7%), radial-gradient(circle at 84% 54%, rgba(var(--lens-flare-rgb), .03) 0%, transparent 11%);filter:blur(8px);inset:-6%}.lens-flare-halo,.lens-flare-ring,.lens-flare-orb{filter:blur();background:radial-gradient(circle,#fffffff0 0%,#fff2bebf 22%,#ffc6d04d 52%,#ffb7dd14 72%,#0000 100%);border-radius:999px;transform:translate(-50%,-50%)}.lens-flare-halo{background:radial-gradient(circle, #ffffffeb 0%, var(--lens-flare-strong) 8%, #fff8dc61 22%, #ffe8be29 38%, #ffdcaa0f 55%, #ffd2a005 72%, transparent 88%);filter:blur(7px);width:380px;height:380px}.lens-flare-ring{background:radial-gradient(circle, transparent 48%, rgba(var(--lens-flare-rgb), .07) 62%, transparent 78%);width:260px;height:260px;box-shadow:0 0 64px rgba(var(--lens-flare-rgb), .1);border:1px solid #ffffff24}.lens-flare-streak{filter:blur(8px);background:linear-gradient(90deg,#0000 0%,#ffe8b038 10%,#ffffffeb 50%,#ffc9e038 88%,#0000 100%);border-radius:999px;height:16px;transform:translate(-50%,-50%)}.lens-flare-streak--primary{height:16px}.lens-flare-streak--secondary{filter:blur(12px);background:linear-gradient(90deg, transparent 0%, #ffffff24 18%, #ffffff6b 50%, rgba(var(--lens-flare-rgb), .14) 82%, transparent 100%);height:11px}.lens-flare-green-ghost-halo{filter:blur(12px);mix-blend-mode:screen;background:radial-gradient(circle,#b4ffd26b 0%,#64ebbe38 38%,#3cc8aa14 58%,#0000 76%);border-radius:50%;width:112px;height:112px}.lens-flare-ghost{pointer-events:none;will-change:transform, opacity;position:absolute;transform:translate(-50%,-50%)}.lens-flare-ghost--warm-lg{filter:blur(16px);mix-blend-mode:screen;background:radial-gradient(circle,#ffd28c61 0%,#ffa55a29 32%,#ff783c0f 52%,#0000 70%);border-radius:50%;width:300px;height:300px}.lens-flare-ghost--warm-md{filter:blur(10px);mix-blend-mode:screen;background:radial-gradient(circle,#ffc3786b 0%,#ff8c4633 38%,#dc5a3214 58%,#0000 76%);border-radius:50%;width:190px;height:190px}.lens-flare-ghost--purple-wedge{clip-path:polygon(8% 6%,96% 22%,58% 98%,4% 82%);filter:blur(2px);mix-blend-mode:screen;background:linear-gradient(128deg,#d28cff80 0%,#8c50c838 45%,#0000 78%);width:56px;height:56px}.lens-flare-ghost--faint{filter:blur(32px);mix-blend-mode:screen;background:radial-gradient(circle,#82372d1a 0%,#55231c0d 42%,#0000 72%);border-radius:50%;width:480px;height:480px}.lens-flare-ghost--spark{filter:blur(1.2px);mix-blend-mode:screen;background:radial-gradient(circle,#fffffff2 0%,#ffebc86b 42%,#ffc88c1f 62%,#0000 78%);border-radius:50%;width:38px;height:38px}.lens-flare-prism{pointer-events:none;filter:blur(1.5px);mix-blend-mode:screen;background:linear-gradient(90deg,#5f2dc8e0 0%,#466effe6 12%,#50dcffe0 24%,#64ffb4d1 38%,#ffff8cc7 52%,#ffc85ad1 66%,#ff7846e0 80%,#ff3741e6 100%);border-radius:11px;width:468px;height:90px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 58px #ffc88c52,0 0 98px #78b4ff2e}.crosshair{opacity:.82;width:18px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";background:#ffffffe6;border-radius:999px;position:absolute;box-shadow:0 0 12px #ffffff73}.crosshair:before{width:16px;height:2px;top:8px;left:1px}.crosshair:after{width:2px;height:16px;top:1px;left:8px}.hud-corner{background:#42326257;border:1px solid #ffffff2e;border-radius:18px;flex-direction:column;gap:.45rem;max-width:min(28rem,84vw);padding:1.1rem 1.15rem;display:flex;position:absolute;box-shadow:0 18px 60px #2e1a4c2e}.hud-corner--top-left{top:1.25rem;left:1.25rem}.hud-corner--top-right{text-align:right;align-items:flex-end;top:1.25rem;right:1.25rem}.hud-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#fff7fed1;font-size:.75rem}.hud-title{font-size:clamp(1.5rem,2.8vw,2rem);font-weight:600;line-height:1}.hud-copy,.hud-status{color:#f8f2ffd1;font-size:.92rem;line-height:1.45}.hud-pill{letter-spacing:.08em;text-transform:uppercase;background:#ffffff24;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .75rem;font-size:.76rem;display:inline-flex}.interaction-prompt{text-align:center;color:#fffaffeb;opacity:0;background:#38265c94;border:1px solid #fff3;border-radius:999px;min-width:13rem;padding:.85rem 1rem;font-size:.95rem;transition:opacity .18s;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.interaction-prompt.is-visible{opacity:1}.interaction-prompt kbd,.start-card kbd,.editor-hint kbd{background:#ffffff2e;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;min-width:1.7rem;margin-right:.4rem;padding:.18rem .45rem;font-size:.78rem;display:inline-flex}.start-card,.unsupported-card{pointer-events:auto;background:#402a60d1;border:1px solid #ffffff2e;border-radius:22px;width:min(32rem,100vw - 2rem);padding:1.2rem 1.25rem;position:absolute;inset:auto 50% 8%;transform:translate(-50%);box-shadow:0 20px 80px #23123c59}.start-card[hidden],.unsupported-card[hidden],.editor-panel[hidden]{display:none}.start-card h1,.unsupported-card h1{margin:0 0 .65rem;font-size:clamp(1.5rem,4vw,2.6rem);line-height:1}.start-card p,.unsupported-card p{color:#faf5ffd1;margin:0;font-size:.96rem;line-height:1.55}.start-actions{justify-content:space-between;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.start-button{cursor:pointer;pointer-events:auto;color:#3a2158;background:linear-gradient(135deg,#fff7c8,#ffb7dd 62%,#a6b8ff);border:0;border-radius:999px;padding:.8rem 1.15rem;font-weight:700;box-shadow:0 14px 36px #ffceea59}.editor-hint{color:#f9f2ffb3;font-size:.8rem}.flash-message{letter-spacing:.08em;text-transform:uppercase;color:#fff9fce0;opacity:0;background:#fff0d22e;border:1px solid #ffffff38;border-radius:999px;padding:.6rem .9rem;font-size:.83rem;transition:opacity .18s;position:absolute;top:6.5rem;left:50%;transform:translate(-50%)}.flash-message.is-visible{opacity:1}.editor-panel{pointer-events:auto;background:#261b3edb;border:1px solid #ffffff2e;border-radius:20px;width:min(23rem,100vw - 2rem);max-height:calc(100vh - 2.5rem);padding:1rem;position:absolute;top:1.25rem;right:1.25rem;overflow:auto;box-shadow:0 26px 80px #12082266}.editor-panel h2{margin:0 0 .25rem;font-size:1.1rem}.editor-panel p{color:#f8f1ffb8;margin:0 0 1rem;font-size:.86rem;line-height:1.4}.editor-grid{gap:.8rem;display:grid}.editor-group{background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;padding:.8rem}.editor-group-title{letter-spacing:.12em;text-transform:uppercase;color:#fff6fcbd;margin:0 0 .65rem;font-size:.82rem}.editor-field{gap:.35rem;margin-bottom:.7rem;display:grid}.editor-field:last-child{margin-bottom:0}.editor-label{color:#fff8fcd6;justify-content:space-between;gap:.75rem;font-size:.85rem;display:flex}.editor-value{font-variant-numeric:tabular-nums;color:#ffffffa8}.editor-input{width:100%}.editor-footer{color:#f8f1ff9e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.9rem;font-size:.76rem;display:flex}.editor-footer-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.editor-footer-hint{flex:12rem;min-width:0}@media (width<=900px){.hud-corner--top-right{text-align:left;align-items:flex-start;inset:auto auto 7.2rem 1.25rem}.start-actions{flex-direction:column;align-items:stretch}.editor-panel{width:auto;max-height:min(60vh,32rem);inset:auto 1rem 1rem}}