:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#050507;--fg:#fffffbe0;--muted:#ffffffa6;--focal-x:50%;--focal-y:50%;--mask-inner:0%;--mask-solid:22%;--mask-mid:55%;--mask-outer:95%;--mask-mid-alpha:.35;--button:#fffbc8;--button_hover:#8a2be2;--shadow-text:0 3px 18px #000;--shadow-text-strong:0 3px 28px #000}html,body{height:100%;margin:0;background:var(--bg)!important}body{overscroll-behavior:none}#root{min-height:100%}.panel{z-index:3;background:var(--bg);height:100vh;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;position:relative;overflow:hidden}.panel:before{content:"";pointer-events:none;z-index:3;background:linear-gradient(to bottom, var(--bg) 0%, #05050700 12%, #05050700 88%, var(--bg) 100%);position:absolute;inset:0}.panelBg{z-index:1;opacity:0;will-change:opacity;position:absolute;inset:0}.bgImg{object-fit:cover;object-position:var(--focal-x) var(--focal-y);width:100%;height:100%;position:absolute;inset:0}.fxWrap{z-index:2;pointer-events:none;opacity:0;will-change:opacity;position:absolute;inset:0}.distortMask{pointer-events:none;position:absolute;inset:0}.bgImg,.distortMask{-webkit-mask-image:radial-gradient(circle at var(--focal-x) var(--focal-y), #000 var(--mask-inner), #000 var(--mask-solid), rgba(0,0,0,var(--mask-mid-alpha)) var(--mask-mid), #0000 var(--mask-outer));-webkit-mask-image:radial-gradient(circle at var(--focal-x) var(--focal-y), #000 var(--mask-inner), #000 var(--mask-solid), rgba(0,0,0,var(--mask-mid-alpha)) var(--mask-mid), #0000 var(--mask-outer));mask-image:radial-gradient(circle at var(--focal-x) var(--focal-y), #000 var(--mask-inner), #000 var(--mask-solid), rgba(0,0,0,var(--mask-mid-alpha)) var(--mask-mid), #0000 var(--mask-outer));-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.panelContent{z-index:4;color:var(--fg);padding:clamp(36px,7vh,96px) clamp(24px,5vw,64px) clamp(24px,5vw,64px);position:relative}.panelContent h2{margin:0;margin-block:10px;font-size:clamp(28px,3.6vw,40px)}.panelContent h1,.panelContent h2,.panelContent p{text-shadow:var(--shadow-text)}.title h1{letter-spacing:-.02em;text-shadow:var(--shadow-text-strong);margin:0;font-size:clamp(42px,6vw,92px);line-height:.95}.controlsRow{flex-wrap:wrap;align-items:center;gap:22px;margin-top:30px;display:flex}.prompt{color:var(--muted);letter-spacing:.2em;text-transform:uppercase;-webkit-user-select:none;user-select:none;margin-top:0;font-size:18px}.ctaRow{opacity:0;visibility:hidden;will-change:opacity;flex-direction:column;align-items:flex-start;gap:14px;display:flex}.ctaBtnsLine{align-items:center;gap:14px;display:flex}.explorerLink{color:var(--button);letter-spacing:.08em;text-transform:none;cursor:pointer;text-shadow:0 3px 18px #000,0 10px 30px #000000fd;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% 2px;padding-bottom:2px;font-size:20px;font-style:italic;text-decoration:none;transition:color .6s,background-size .6s}.explorerLink:hover{color:var(--button);text-shadow:var(--shadow-text-strong);background-size:100% 2px}.ctaBtn{appearance:none;cursor:pointer;color:var(--button);letter-spacing:.18em;text-transform:uppercase;border:2px solid color-mix(in srgb, var(--button) 70%, transparent 30%);-webkit-backdrop-filter:blur(3px);text-shadow:-1px 1px 4px #000,0 18px 22px #000;background:#00000025;border-radius:12px;padding:12px 18px;font-size:16px;font-weight:700;transition:color .6s,border-color .6s;box-shadow:0 3px 18px #00000040}.ctaBtn:hover{color:var(--button_hover);border-color:color-mix(in srgb, var(--button_hover) 70%, transparent 30%)}.ctaBtn:focus-visible{outline:2px solid color-mix(in srgb, var(--button) 70%, transparent 30%);outline-offset:3px}.scrollDock{z-index:5;pointer-events:none;bottom:22px;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));position:absolute;transform:translate(-50%)}.scrollHintBottom{color:var(--muted);letter-spacing:.2em;text-transform:uppercase;-webkit-user-select:none;user-select:none;text-shadow:var(--shadow-text,0 2px 18px #0000008c);align-items:center;gap:10px;display:inline-flex}.scrollHintClickable{pointer-events:auto;cursor:pointer}.topBtn{pointer-events:auto;appearance:none;border:2px solid color-mix(in srgb, var(--button) 70%, transparent 30%);color:var(--button);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;text-shadow:var(--shadow-text,0 2px 18px #0000008c);background:#00000038;border-radius:12px;padding:10px 16px;font-weight:700;transition:color .6s,border-color .6s}.topBtn:hover{color:var(--button_hover);border-color:color-mix(in srgb, var(--button_hover) 70%, transparent 30%)}.gate{z-index:10;cursor:pointer;touch-action:manipulation;background:0 0;position:fixed;inset:0}.panel.fxOn .panelBg{opacity:0!important}.panel.fxOn .fxWrap{opacity:1!important}.audioBtn{z-index:20;pointer-events:auto;appearance:none;cursor:pointer;border:2px solid color-mix(in srgb, var(--button) 50%, transparent 50%);-webkit-backdrop-filter:blur(3px);width:40px;height:40px;color:color-mix(in srgb, var(--button) 50%, transparent 50%);background:#0000002e;border-radius:12px;place-items:center;font-size:18px;line-height:1;transition:color .5s,border-color .5s;display:grid;position:fixed;top:18px;right:18px;box-shadow:0 3px 18px #00000040}.audioBtn svg{width:22px;height:22px}.audioBtn:hover{color:color-mix(in srgb, var(--button_hover) 50%, transparent 50%);border-color:color-mix(in srgb, var(--button_hover) 50%, transparent 50%)}.audioBtn:focus-visible{outline:2px solid color-mix(in srgb, var(--button) 50%, transparent 50%);outline-offset:3px}