:root{--color-surface:#21252b;--color-surface-deep:#181a1f;--color-accent-mid:#3e4451;--color-accent-soft:#8da1b9;--color-text:#e5e9f0;--swatch-hardcourt:#2e5a9a;--swatch-clay:#b44d1d;--swatch-grass:#718332;--panel-radius:1rem;--panel-shadow:0 20px 40px #0006;--panel-blur:blur(12px);--slider-accent:color-mix(in srgb, var(--color-text) 90%, #232323);--slider-glow:0 0 10px color-mix(in srgb, var(--color-text) 25%, transparent)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;padding:0}body{min-height:100vh;color:var(--color-text);-webkit-user-select:none;user-select:none;background-color:#000;font-family:Manrope,sans-serif;overflow:hidden}body:before{content:"";z-index:0;pointer-events:none;background-image:var(--backdrop-image,none);filter:var(--backdrop-filter,none);background-position:50%;background-repeat:no-repeat;background-size:auto 100%;position:fixed;inset:0}body[data-display-mode=wide]:before{background-size:auto min(100vh, calc(100vw / var(--theater-aspect)))}body[data-backdrop-state=lqip]:before{--backdrop-filter:blur(18px);background-size:cover}#canvas-container{z-index:1;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;inset:0}#canvas-container canvas{display:block}#preview-pause-overlay{pointer-events:none;z-index:5;color:#fff;text-shadow:0 4px 12px #0009;white-space:nowrap;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;font-family:Inter Tight,sans-serif;display:flex;position:fixed;inset:0}.preview-pause-overlay__title{letter-spacing:-2px;text-transform:uppercase;font-size:80px;font-weight:600;line-height:1}.preview-pause-overlay__subtitle{letter-spacing:-.3px;text-transform:uppercase;opacity:.85;align-items:center;gap:.25rem;font-size:18px;font-weight:500;line-height:1;display:inline-flex}.preview-pause-overlay__spark{color:#e5e9f0;width:1.1rem;height:1.1rem}#preview-pause-overlay[hidden]{display:none}.hud-buy-btn__spark{width:1em;height:1em;transform:translateY(-1px)}@keyframes buy-license-pulse{0%{box-shadow:var(--panel-shadow), 0 0 0 0 #e5e9f0bf}70%{box-shadow:var(--panel-shadow), 0 0 0 10px #e5e9f000}to{box-shadow:var(--panel-shadow), 0 0 0 0 #e5e9f000}}#buy-license-btn.buy-license-pulsing{animation:.9s ease-out infinite buy-license-pulse}@media (prefers-reduced-motion:reduce){#buy-license-btn.buy-license-pulsing{box-shadow:var(--panel-shadow), 0 0 0 3px #e5e9f099;animation:none}}button{font:inherit;color:inherit}label{display:inline-block}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;line-height:1}.icon-sm{font-size:.875rem}.icon-md{font-size:1.125rem}.icon-xl{font-size:1.25rem}.panel-glass{background:color-mix(in srgb, var(--color-surface) 75%, transparent);border:1px solid color-mix(in srgb, var(--color-text) 10%, transparent);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur);border-radius:var(--panel-radius)}.panel-glass:hover.panel-glass--interactive,.panel-glass--interactive:hover{background:color-mix(in srgb, var(--color-surface) 75%, transparent)}.surface-card{z-index:40;width:18rem;padding:.75rem 1rem;position:fixed;top:1rem;left:1rem}.surface-card__label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-text);margin:0 0 .75rem;font-family:Inter,sans-serif;font-size:10px;font-weight:700}.hud-bar{z-index:40;align-items:center;gap:.75rem;display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.hud-panel{box-shadow:var(--panel-shadow);-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur);background:#0009}.hud-panel:hover.hud-panel--interactive,.hud-panel--interactive:hover{background:#000000bf}.hud-play-btn{width:2.4rem;height:2.4rem;color:var(--color-text);cursor:pointer;border:none;border-radius:9999px;flex:none;justify-content:center;align-items:center;padding:0;transition:background .15s,transform .1s;display:flex}.hud-play-btn:active{transform:scale(.95)}.hud-play-btn[hidden]{display:none}.hud-info{color:var(--color-text);border-radius:9999px;align-items:center;gap:.5rem;padding:.375rem;font-size:.75rem;display:flex}.hud-info__group:not(.hud-info__group--interactive){padding:0 .5rem}.hud-info__group{align-items:center;gap:.5rem;display:flex}.hud-info__label{color:color-mix(in srgb, var(--color-text) 60%, transparent)}.hud-info__sep{background:color-mix(in srgb, var(--color-text) 20%, transparent);width:1px;height:.75rem}#hud-fps{text-align:left;font-variant-numeric:tabular-nums;min-width:1.75em}.hud-info__group--interactive{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:9999px;padding:.375rem .75rem;transition:background .15s}.hud-info__group--interactive:hover,.hud-info__group--interactive[aria-expanded=true]{background:color-mix(in srgb, var(--color-text) 12%, transparent)}.lucide-icon{width:1rem;height:1rem;display:block}.lucide-icon--lg{width:1.25rem;height:1.25rem}.hud-menu{z-index:50;border:1px solid color-mix(in srgb, var(--color-text) 10%, transparent);min-width:10rem;box-shadow:var(--panel-shadow);-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur);background:#000000bf;border-radius:.75rem;flex-direction:column;gap:.125rem;padding:.375rem;display:flex;position:absolute;bottom:calc(100% + .5rem)}.hud-menu[hidden]{display:none}.hud-menu__item{color:var(--color-text);cursor:pointer;white-space:nowrap;text-align:left;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-family:Manrope,sans-serif;font-size:.75rem;transition:background .15s;display:flex}.hud-menu__item:hover{background:color-mix(in srgb, var(--color-text) 12%, transparent)}.hud-menu[data-anchor=mode]{flex-direction:row;align-items:stretch;gap:0}.hud-menu__modes{flex-direction:column;flex:auto;gap:.125rem;margin-right:.5rem;display:flex}.hud-menu__modes .hud-menu__item--select{width:100%}.hud-menu__sep{background:color-mix(in srgb, var(--color-text) 18%, transparent);flex:0 0 1px;align-self:stretch}.hud-menu__item--edit{color:color-mix(in srgb, var(--color-text) 70%, transparent);text-align:center;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:0;margin-left:.5rem;padding:.5rem .75rem;font-size:.6875rem;line-height:1.15}.hud-menu__edit-line{display:block}.hud-bg-nudge{flex-direction:column;gap:.25rem;display:flex}.hud-nudge-btn{width:1.75rem;height:1.75rem;color:var(--color-text);cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:0;transition:background .15s,transform .1s;display:flex}.hud-nudge-btn:active{transform:scale(.9)}.sidebar{z-index:40;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--color-text) 20%, transparent) transparent;flex-direction:column;width:19.8rem;max-height:calc(100vh - 2rem);transition:all .15s;display:flex;position:fixed;top:1rem;right:1rem;overflow-y:auto}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--color-text) 18%, transparent);border-radius:4px}.sidebar::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--color-text) 30%, transparent)}.sidebar[hidden]{display:none}.sidebar__inner{padding:1.5rem}.sidebar-expand-group{z-index:40;align-items:center;gap:.5rem;display:none;position:fixed;top:1rem;right:1rem}.sidebar-expand-group[data-visible=true]{display:flex}.sidebar-expand{background:color-mix(in srgb, var(--color-surface) 75%, transparent);border:1px solid color-mix(in srgb, var(--color-text) 10%, transparent);width:2.5rem;height:2.5rem;box-shadow:var(--panel-shadow);-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur);color:var(--color-text);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;transition:background .15s,transform .1s;display:flex}.sidebar-expand:hover{background:color-mix(in srgb, var(--color-surface) 85%, transparent)}.sidebar-expand:active{transform:scale(.95)}.sidebar-collapse-btn{width:1.25rem;height:1.25rem;color:color-mix(in srgb, var(--color-text) 55%, transparent);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .15s,transform .1s;display:flex}.sidebar-collapse-btn:hover{color:var(--color-text)}.sidebar-collapse-btn:active{transform:scale(.9)}.tab-nav{border-bottom:1px solid color-mix(in srgb, var(--color-text) 10%, transparent);align-items:center;gap:.25rem;margin-bottom:1.5rem;display:flex}.tab-btn{letter-spacing:.05em;text-transform:uppercase;color:color-mix(in srgb, var(--color-text) 55%, transparent);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:.5rem;font-size:.75rem;font-weight:700;transition:color .15s,border-color .15s}.tab-btn:hover{color:color-mix(in srgb, var(--color-text) 85%, transparent)}.tab-btn[data-active=true]{color:var(--color-text);border-bottom-color:var(--color-text)}[data-page][hidden]{display:none}[data-page]>:last-child{margin-bottom:0}.section-well{background:color-mix(in srgb, var(--color-surface-deep) 75%, transparent);border-radius:.5rem;padding:.25rem}.radio-group{gap:.25rem;display:grid}.radio-group--cols-3{grid-template-columns:repeat(3,1fr)}.radio-group--cols-2{grid-template-columns:repeat(2,1fr)}.bg-scene-grid{grid-template-columns:repeat(3,1fr);gap:.375rem;display:grid}.bg-scene-tile{aspect-ratio:1;background-color:color-mix(in srgb, var(--color-surface) 60%, transparent);color:var(--color-text);cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:cover;border:none;border-radius:.25rem;padding:0;transition:transform .1s;position:relative;overflow:hidden}.bg-scene-tile:after{content:"";border-radius:inherit;pointer-events:none;z-index:2;border:2px solid #0000;transition:border-color .15s,border-style .15s;position:absolute;inset:0}.bg-scene-tile:not(:disabled):before{content:"";pointer-events:none;background:#00000040;position:absolute;inset:0}.bg-scene-tile:not(:disabled):not([data-active=true]):hover:after{border-color:silver}.bg-scene-tile[data-active=true]:after{border-color:#fff}.bg-scene-tile:disabled{cursor:default;background-color:color-mix(in srgb, var(--color-surface-deep) 60%, transparent);color:color-mix(in srgb, var(--color-text) 40%, transparent)}.bg-scene-tile:disabled:after{border-style:dashed;border-color:color-mix(in srgb, var(--color-text) 15%, transparent)}.bg-scene-tile__caption{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text);text-align:center;background:linear-gradient(#0000,#000000a6);padding:.375rem .5rem;font-family:Space Grotesk,sans-serif;font-size:10px;position:absolute;bottom:0;left:0;right:0}.bg-scene-tile__label{text-align:center;text-transform:uppercase;letter-spacing:.05em;justify-content:center;align-items:center;font-family:Space Grotesk,sans-serif;font-size:10px;line-height:1.25;display:flex;position:absolute;inset:0}.bg-scene-tile[data-locked=true]:not(:disabled):before{background:#0006}.radio-btn[data-locked=true]{cursor:pointer;position:relative;overflow:hidden}.radio-btn[data-locked=true]:before{content:"";pointer-events:none;border-radius:inherit;z-index:1;background:#00000080;position:absolute;inset:0}.bg-scene-tile__lock{z-index:1;color:#fff;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.bg-scene-tile__lock-icon,.bg-scene-tile__lock-eye{background:0 0;border-radius:50%;justify-content:center;align-items:center;line-height:1;transition:background .12s;display:flex}.bg-scene-tile__lock-eye{pointer-events:auto;display:none}[data-locked=true]:hover .bg-scene-tile__lock-icon{display:none}[data-locked=true]:hover .bg-scene-tile__lock-eye{display:flex}.bg-scene-tile__lock-eye:hover,.bg-scene-tile__lock-eye:active{background:#ffffff26}.bg-scene-tile[data-locked=true] .bg-scene-tile__lock-icon,.bg-scene-tile[data-locked=true] .bg-scene-tile__lock-eye{width:2rem;height:2rem;font-size:1.25rem}.radio-btn[data-locked=true] .bg-scene-tile__lock-icon,.radio-btn[data-locked=true] .bg-scene-tile__lock-eye{width:1.35rem;height:1.35rem;font-size:.9rem}.radio-btn{color:color-mix(in srgb, var(--color-text) 70%, transparent);text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.375rem;justify-content:center;align-items:center;gap:.375rem;padding:.375rem .5rem;font-family:Space Grotesk,sans-serif;font-size:10px;transition:background .15s,color .15s,border-color .15s;display:flex}.radio-btn--wide{gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.75rem}.radio-btn--wide-left{justify-content:flex-start}.radio-btn[data-active=true]{background:color-mix(in srgb, var(--color-text) 10%, transparent);color:var(--color-text);font-weight:700}.radio-btn[data-active=false]:hover{background:color-mix(in srgb, var(--color-text) 5%, transparent)}.radio-btn[data-locked=true],.radio-btn[data-locked=true]:hover,.radio-btn[data-locked=true]:focus,.radio-btn[data-locked=true]:focus-visible,.radio-btn[data-locked=true]:active{background:0 0;border-color:#0000;outline:none}[data-button-group=mode] .radio-btn{position:relative}[data-button-group=mode] .radio-btn[data-active=true]:after{content:"";background-color:currentColor;width:.875rem;height:.875rem;position:absolute;bottom:.375rem;right:.375rem;-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><mask id='m'><circle cx='12' cy='12' r='10' fill='white'/><path d='M2 12c5.5 0 10-4.5 10-10' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/><path d='M22 12c-5.5 0-10 4.5-10 10' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/></mask><rect width='24' height='24' fill='black' mask='url(%23m)'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><mask id='m'><circle cx='12' cy='12' r='10' fill='white'/><path d='M2 12c5.5 0 10-4.5 10-10' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/><path d='M22 12c-5.5 0-10 4.5-10 10' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/></mask><rect width='24' height='24' fill='black' mask='url(%23m)'/></svg>");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[data-button-group=mode] .view-grid .radio-btn{text-align:center;flex-direction:column;gap:.25rem;min-height:4.25rem;padding:.625rem .5rem;line-height:1.2}[data-button-group=mode] .mode-btn__line{white-space:nowrap;align-items:center;gap:.25rem;display:inline-flex}.surface-swatch{border-radius:9999px;flex-shrink:0;width:.625rem;height:.625rem}.surface-swatch[data-swatch=hardcourt]{background:var(--swatch-hardcourt)}.surface-swatch[data-swatch=clay]{background:var(--swatch-clay)}.surface-swatch[data-swatch=grass]{background:var(--swatch-grass)}input[type=range]{appearance:none;background:0 0}input[type=range]::-webkit-slider-runnable-track{background:color-mix(in srgb, var(--color-text) 35%, var(--color-surface));border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--slider-accent);width:18px;height:18px;box-shadow:var(--slider-glow);cursor:pointer;border-radius:4px;margin-top:-7px}.dual-range,.single-range{height:20px;position:relative}.dual-range .track,.single-range .track{background:color-mix(in srgb, var(--color-text) 30%, var(--color-surface));border-radius:2px;height:4px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.dual-range .fill,.single-range .fill{background:var(--slider-accent);height:4px;box-shadow:var(--slider-glow);z-index:1;border-radius:2px;position:absolute;top:50%;transform:translateY(-50%)}#dir-slider .fill{box-shadow:none;filter:drop-shadow(0 0 10px color-mix(in srgb, var(--color-text) 25%, transparent));-webkit-mask-image:var(--fill-mask,none);-webkit-mask-image:var(--fill-mask,none);mask-image:var(--fill-mask,none)}.dual-range,.single-range{cursor:pointer}.dual-range .fill{cursor:grab;pointer-events:none}.single-range .fill{pointer-events:none}.dual-range .fill:active{cursor:grabbing}.dual-range .off-center-overlay{background:color-mix(in srgb, var(--color-text) 30%, var(--color-surface));pointer-events:none;z-index:2;height:4px;position:absolute;top:50%;transform:translateY(-50%)}.dual-range .off-center-overlay:before,.dual-range .off-center-overlay:after{content:"";background:var(--slider-accent);width:4px;height:4px;box-shadow:var(--slider-glow);border-radius:50%;display:none;position:absolute;top:50%}.dual-range .off-center-overlay[data-cap-left="1"]:before{display:block;left:0;transform:translate(-50%,-50%)}.dual-range .off-center-overlay[data-cap-right="1"]:after{display:block;right:0;transform:translate(50%,-50%)}.dual-range .cap-overlay{color:#ffffffa6;z-index:2;cursor:pointer;height:18px;font:inherit;background:#00000080;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:flex;position:absolute;top:50%;overflow:hidden;transform:translateY(-50%)}.dual-range .cap-overlay:hover{background:color-mix(in srgb, #000 15%, var(--color-surface));color:#fff}.dual-range .cap-overlay:active{background:color-mix(in srgb, white 2%, var(--color-surface))}.dual-range[data-dragging] .cap-overlay{pointer-events:none}.dual-range .cap-overlay--lo{left:0}.dual-range .cap-overlay--hi{right:0}.dual-range[data-cap-active=false] .cap-overlay,.dual-range .cap-overlay[hidden]{display:none}.dual-range .cap-overlay__lock-wrap{flex:none;justify-content:center;align-items:center;width:12px;height:12px;display:inline-flex;position:relative}.dual-range .cap-overlay__lock{font-variation-settings:"FILL" 0, "wght" 500, "GRAD" 0, "opsz" 20;font-size:12px;line-height:1;transition:opacity .15s;position:absolute}.dual-range .cap-overlay__lock--open,.dual-range .cap-overlay:hover .cap-overlay__lock--closed{opacity:0}.dual-range .cap-overlay:hover .cap-overlay__lock--open{opacity:1}.dual-range .cap-overlay__text{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;opacity:0;max-width:0;margin-left:0;font-family:Inter,sans-serif;font-size:10px;font-weight:700;transition:max-width .2s,margin-left .2s,opacity .15s;overflow:hidden}.dual-range .cap-overlay:hover .cap-overlay__text{opacity:1;max-width:5rem;margin-left:.3rem}#dir-slider .cap-overlay__text{display:none}.dual-range input[type=range],.single-range input[type=range]{pointer-events:none;z-index:3;background:0 0;width:100%;margin:0;position:absolute;inset:0}.dual-range[data-top=lo] input[data-role=lo],.dual-range[data-top=hi] input[data-role=hi]{z-index:4}.dual-range input[type=range]::-webkit-slider-runnable-track{background:0 0}.single-range input[type=range]::-webkit-slider-runnable-track{background:0 0}.dual-range input[type=range]::-webkit-slider-thumb{pointer-events:none;z-index:2;transition:background .1s,box-shadow .1s;position:relative}.single-range input[type=range]::-webkit-slider-thumb{pointer-events:none;z-index:2;transition:background .1s,box-shadow .1s;position:relative}.dual-range[data-hover=lo] input[data-role=lo]::-webkit-slider-thumb{background:var(--color-text);box-shadow:0 0 14px color-mix(in srgb, var(--color-text) 55%, transparent)}.dual-range[data-hover=hi] input[data-role=hi]::-webkit-slider-thumb{background:var(--color-text);box-shadow:0 0 14px color-mix(in srgb, var(--color-text) 55%, transparent)}.dual-range[data-dragging=lo] input[data-role=lo]::-webkit-slider-thumb{background:var(--color-text);box-shadow:0 0 14px color-mix(in srgb, var(--color-text) 55%, transparent)}.dual-range[data-dragging=hi] input[data-role=hi]::-webkit-slider-thumb{background:var(--color-text);box-shadow:0 0 14px color-mix(in srgb, var(--color-text) 55%, transparent)}.single-range[data-hover="1"] input[type=range]::-webkit-slider-thumb{background:var(--color-text);box-shadow:0 0 14px color-mix(in srgb, var(--color-text) 55%, transparent)}.single-range[data-dragging="1"] input[type=range]::-webkit-slider-thumb{background:var(--color-text);box-shadow:0 0 14px color-mix(in srgb, var(--color-text) 55%, transparent)}.slider-row{flex-direction:column;gap:.75rem;display:flex}.slider-row[hidden]{display:none}.slider-row__header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.slider-row__label{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text);align-items:center;gap:.5rem;font-family:Inter,sans-serif;font-size:10px;font-weight:700;display:flex}.slider-value{color:var(--color-text);font-family:Space Grotesk,sans-serif;font-size:.875rem;font-weight:700}.adjust-group{flex-direction:column;gap:2rem;margin-bottom:2.5rem;display:flex}.direction-grid{grid-template-columns:17fr 10fr;align-items:end;gap:.75rem;display:grid}.direction-grid>*{min-width:0}.toggle-group{flex-direction:column;gap:1rem;margin-bottom:.5rem;display:flex}.toggle-row{justify-content:space-between;align-items:center;display:flex}.toggle-row[hidden]{display:none}.toggle-label{text-transform:uppercase;letter-spacing:.05em;color:color-mix(in srgb, var(--color-text) 80%, transparent);font-size:11px;font-weight:700}.toggle-btn{cursor:pointer;border:none;border-radius:9999px;width:2.5rem;height:1.25rem;transition:background .15s;position:relative}.toggle-btn[data-toggle=on]{background:var(--color-accent-mid)}.toggle-btn[data-toggle=off]{background:var(--color-surface-deep)}.toggle-knob{border-radius:9999px;width:1rem;height:1rem;transition:left .15s,right .15s,background .15s;position:absolute;top:50%;transform:translateY(-50%)}.toggle-btn[data-toggle=on] .toggle-knob{background:var(--slider-accent);box-shadow:var(--slider-glow);right:2px}.toggle-btn[data-toggle=off] .toggle-knob{background:var(--color-accent-mid);box-shadow:none;left:2px}.page-section{margin-bottom:2.5rem}.page-section__label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-text);align-items:center;gap:.375rem;margin:0 0 1rem;font-family:Inter,sans-serif;font-size:10px;font-weight:700;display:flex}.page-section__label--tight{margin-bottom:.75rem}.view-stack{flex-direction:column;gap:.25rem;display:flex}.view-grid{grid-template-columns:1fr 1fr;gap:.25rem;display:grid}#split-step-popup{color:#fff;text-shadow:0 4px 12px #0009;letter-spacing:-2px;z-index:100;pointer-events:none;opacity:0;white-space:nowrap;font-family:Inter Tight,sans-serif;font-size:80px;font-weight:600;transition:opacity .1s ease-in;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%)}#split-step-popup.visible{opacity:1}.pricing-cta{background:color-mix(in srgb, var(--color-surface) 75%, transparent);border:1px solid color-mix(in srgb, var(--color-text) 10%, transparent);height:2.5rem;box-shadow:var(--panel-shadow);-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur);color:var(--color-text);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;white-space:nowrap;border-radius:.5rem;justify-content:center;align-items:center;padding:0 .9rem;font-family:Space Grotesk,sans-serif;font-size:.75rem;font-weight:700;transition:background .15s,transform .1s;display:inline-flex}.pricing-cta:hover{background:color-mix(in srgb, var(--color-surface) 85%, transparent)}.pricing-cta:active{transform:scale(.97)}.pricing-cta[hidden]{display:none}.hud-buy-btn{box-shadow:var(--panel-shadow);color:var(--color-text);letter-spacing:.04em;cursor:pointer;-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur);background:#0009;border:none;border-radius:.5rem;justify-content:center;align-self:stretch;align-items:center;gap:.4rem;padding:0 .9rem;font-family:Space Grotesk,sans-serif;font-size:.78rem;font-weight:700;transition:background .15s,transform .1s;display:inline-flex}.hud-panel.hud-buy-btn:hover{background:color-mix(in srgb, var(--color-text) 10%, #0009)}.hud-buy-btn:active{transform:scale(.97)}.hud-buy-btn[hidden]{display:none}#page-overlay{z-index:60;background:radial-gradient(ellipse at top, color-mix(in srgb, var(--color-surface-deep,#0b0d10) 92%, black) 0%, #050607 100%);color:var(--color-text);position:fixed;inset:0;overflow-y:auto}#page-overlay[hidden]{display:none}.page-overlay__scroll{flex-direction:column;gap:2.5rem;max-width:76rem;margin:0 auto;padding:3rem 2rem 4rem;display:flex}.page-overlay__scroll--narrow{max-width:32rem}.page-overlay__header{grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:.25rem 1rem;display:grid}.page-overlay__header .hud-play-btn{grid-row:1/span 2}.page-overlay__title{letter-spacing:-.01em;grid-column:2;margin:0;font-family:Space Grotesk,sans-serif;font-size:2.25rem;font-weight:700}.page-overlay__subtitle{color:color-mix(in srgb, var(--color-text) 65%, transparent);grid-column:2;margin:0;font-family:Manrope,sans-serif;font-size:.95rem}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:1.25rem;display:grid}.pricing-card{border-radius:1rem;flex-direction:column;gap:1.25rem;padding:1.75rem 1.5rem 1.5rem;display:flex;position:relative}.pricing-card--featured{border-color:color-mix(in srgb, var(--color-accent-mid,#c3f73a) 70%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-accent-mid,#c3f73a) 55%, transparent), var(--panel-shadow);transform:translateY(-.25rem)}.pricing-card__badge{background:var(--color-accent-mid,#c3f73a);color:#0b0d10;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:9999px;padding:.25rem .75rem;font-family:Space Grotesk,sans-serif;font-size:.7rem;font-weight:800;position:absolute;top:-.7rem;left:50%;transform:translate(-50%)}.pricing-card__header{flex-direction:column;gap:.35rem;display:flex}.pricing-card__name{text-transform:uppercase;letter-spacing:.12em;color:color-mix(in srgb, var(--color-text) 70%, transparent);margin:0;font-family:Manrope,sans-serif;font-size:.8rem;font-weight:700}.pricing-card__price{letter-spacing:-.02em;margin:0;font-family:Space Grotesk,sans-serif;font-size:2.5rem;font-weight:700;line-height:1}.pricing-card__price-unit{color:color-mix(in srgb, var(--color-text) 60%, transparent);letter-spacing:0;font-size:1rem;font-weight:500}.pricing-card__sub{color:color-mix(in srgb, var(--color-text) 60%, transparent);margin:0;font-family:Manrope,sans-serif;font-size:.82rem}.pricing-card__savings{background:color-mix(in srgb, var(--color-accent-mid,#c3f73a) 22%, transparent);color:var(--color-accent-mid,#c3f73a);letter-spacing:.05em;text-transform:uppercase;border-radius:9999px;align-self:flex-start;align-items:center;margin-top:.25rem;padding:.2rem .55rem;font-family:Space Grotesk,sans-serif;font-size:.7rem;font-weight:700;display:inline-flex}.pricing-card__features{flex-direction:column;flex:1;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.pricing-feature-row{border-top:1px solid color-mix(in srgb, var(--color-text) 8%, transparent);color:color-mix(in srgb, var(--color-text) 82%, transparent);grid-template-columns:1fr auto;align-items:center;gap:.5rem;padding:.5rem 0;font-family:Manrope,sans-serif;font-size:.85rem;display:grid}.pricing-feature-row:first-child{border-top:none}.pricing-feature-row__label{line-height:1.3}.pricing-feature-cell{border-radius:9999px;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:inline-flex}.pricing-feature-cell--yes{background:color-mix(in srgb, var(--color-accent-mid,#c3f73a) 22%, transparent);color:var(--color-accent-mid,#c3f73a)}.pricing-feature-cell--no{background:color-mix(in srgb, var(--color-text) 6%, transparent);color:color-mix(in srgb, var(--color-text) 30%, transparent)}.pricing-card__cta{margin-top:auto}.pricing-card--featured .pricing-card__cta{background:var(--color-accent-mid,#c3f73a);color:#0b0d10;border-color:#0000;font-weight:800}.pricing-card--featured .pricing-card__cta:hover{background:color-mix(in srgb, var(--color-accent-mid,#c3f73a) 92%, white);color:#0b0d10}@media (width<=720px){.pricing-grid{grid-template-columns:1fr}.pricing-card--featured{order:-1;transform:none}.page-overlay__scroll{padding:2rem 1rem 3rem}.page-overlay__title{font-size:1.75rem}}.account-form{border-radius:1rem;flex-direction:column;gap:1.25rem;padding:1.75rem;display:flex}.account-form__field{flex-direction:column;gap:.35rem;display:flex}.account-form__label{text-transform:uppercase;letter-spacing:.1em;color:color-mix(in srgb, var(--color-text) 70%, transparent);font-family:Manrope,sans-serif;font-size:.75rem;font-weight:700}.account-form__input{border:1px solid color-mix(in srgb, var(--color-text) 12%, transparent);background:color-mix(in srgb, var(--color-surface-deep,#0b0d10) 55%, transparent);height:2.75rem;color:var(--color-text);border-radius:.5rem;outline:none;padding:0 .85rem;font-family:Manrope,sans-serif;font-size:.95rem;transition:border-color .15s,background .15s}.account-form__input:focus{border-color:color-mix(in srgb, var(--color-accent-mid,#c3f73a) 70%, transparent);background:color-mix(in srgb, var(--color-surface-deep,#0b0d10) 75%, transparent)}.account-form__error{color:#ff7a7a;min-height:1rem;font-family:Manrope,sans-serif;font-size:.75rem}.account-form__error:empty{min-height:0}.account-form__submit{background:var(--color-accent-mid,#c3f73a);color:#0b0d10;border-color:#0000;justify-content:center;gap:.5rem;margin-top:.25rem;font-weight:800}.account-form__submit:hover{background:color-mix(in srgb, var(--color-accent-mid,#c3f73a) 92%, white);color:#0b0d10}.toast{z-index:200;background:color-mix(in srgb, var(--color-surface,#101418) 92%, black);border:1px solid color-mix(in srgb, var(--color-text) 12%, transparent);color:var(--color-text);opacity:0;pointer-events:none;border-radius:9999px;padding:.75rem 1.25rem;font-family:Manrope,sans-serif;font-size:.85rem;transition:opacity .2s,transform .2s;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%,1rem)}.toast[data-visible=true]{opacity:1;transform:translate(-50%)}