#aurora-terrace{position:fixed;inset:0;z-index:101;overflow:hidden;background:#07111a;color:#f3eee5;--aurora-accent:#f1c879;font-family:var(--sans,system-ui);isolation:isolate}
.aurora-entry,.aurora-stage{position:absolute;inset:0;overflow:hidden}.aurora-entry>img,.aurora-stage>img{width:100%;height:100%;object-fit:cover}.aurora-entry:after,.aurora-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#02080fba,transparent 42%,#04111b28);pointer-events:none}
.aurora-entry-copy{position:absolute;left:6%;bottom:14%;z-index:2;max-width:470px}.aurora-entry-copy>span{font-size:10px;letter-spacing:2px;color:#d9bc89}.aurora-entry-copy h2{font:400 clamp(28px,3.4vw,48px)/1.5 var(--serif,serif);letter-spacing:2px;margin:11px 0}.aurora-entry-copy p{font-size:13px;color:#d2d8d8;letter-spacing:.6px}
#aurora-terrace button{border:1px solid #d9e5e244;background:#07131ec9;color:#eef3f1;border-radius:30px;padding:10px 17px;cursor:pointer}.aurora-enter{position:absolute;left:50%;bottom:16%;z-index:3;transform:translateX(-50%);background:#e9dfcae8!important;color:#14202a!important;padding:13px 23px!important}.aurora-top{position:absolute;left:4%;right:4%;top:25px;z-index:6;display:flex;align-items:center;justify-content:space-between}.aurora-top>span{font:18px var(--serif,serif);letter-spacing:2px}.aurora-top nav{display:flex;gap:9px}
.aurora-webgl,.aurora-constellation{position:absolute;inset:0;z-index:2;width:100%;height:100%}.aurora-webgl{pointer-events:none;mix-blend-mode:screen}.aurora-constellation{z-index:3;touch-action:none;cursor:crosshair}.aurora-stage>img{filter:brightness(.7) saturate(.82)}
.aurora-palette{position:absolute;left:4%;bottom:27px;z-index:6;display:flex;gap:12px;padding:10px 14px;border:1px solid #dbe5e52a;background:#06111bc0;border-radius:24px}.aurora-palette button{width:22px;height:22px;padding:0!important;background:var(--swatch)!important;border:4px solid #07121b!important;box-shadow:0 0 0 1px #cbd9d655}.aurora-palette button[aria-pressed=true]{box-shadow:0 0 0 2px var(--swatch)}
.aurora-guide{position:absolute;left:25%;right:25%;bottom:31px;z-index:5;text-align:center;font-size:12px;letter-spacing:.8px;color:#e5ddd0;text-shadow:0 2px 12px #000}.aurora-wish{position:absolute;z-index:4;left:20%;right:20%;top:23%;text-align:center;opacity:0;translate:0 12px;transition:opacity 1.1s,translate 1.1s;pointer-events:none;text-shadow:0 2px 25px #001}.aurora-wish small{font-size:10px;letter-spacing:2px;color:#e4d2af}.aurora-wish h2{font:500 clamp(30px,4vw,58px)/1.2 Georgia,serif;margin:10px 0 3px;color:#fff1cf}.aurora-wish strong{font:400 clamp(24px,3vw,42px)/1.4 var(--serif,serif);letter-spacing:4px}.aurora-wish strong:after{content:' ✧';color:var(--aurora-accent)}#aurora-terrace[data-complete=true] .aurora-wish{opacity:1;translate:0 0}
body.aurora-active>header,body.aurora-active>footer,body.aurora-active>.gesture-button,body.aurora-active>#hand-preview,body.aurora-active>#hand-cursor,body.aurora-active>.scene-picker{visibility:hidden}
@media(max-width:650px){.aurora-entry-copy{left:24px;bottom:12%;max-width:330px}.aurora-entry-copy h2{font-size:25px}.aurora-entry-copy p{font-size:11px}.aurora-enter{bottom:14%}.aurora-top{left:20px;right:20px;top:15px}.aurora-top>span{font-size:15px}.aurora-top button{font-size:10px;padding:7px 11px!important}.aurora-palette{left:20px;bottom:14px;padding:7px 10px}.aurora-guide{left:180px;right:150px;bottom:20px;font-size:10px}.aurora-wish{top:18%;left:16%;right:16%}.aurora-wish h2{font-size:31px}.aurora-wish strong{font-size:24px}}
@media(prefers-reduced-motion:reduce){#aurora-terrace *{transition:none!important}}
.aurora-stage{z-index:1}.aurora-entry{z-index:2;pointer-events:none}.aurora-entry>img{visibility:hidden}.aurora-entry button{pointer-events:auto}.aurora-webgl{mix-blend-mode:normal;z-index:1}.aurora-stage>img{visibility:hidden}.aurora-stage:after{z-index:2;background:linear-gradient(0deg,#02080f80,transparent 30%)}.aurora-constellation{z-index:3}.aurora-entry:after{background:linear-gradient(90deg,#02080f55,transparent 55%)}
#aurora-terrace[data-state=entry] .aurora-constellation{pointer-events:none}.aurora-webgl{transform:scale(1);transform-origin:65% 42%;transition:transform 1.8s cubic-bezier(.22,.7,.16,1)}#aurora-terrace[data-state=terrace] .aurora-webgl{transform:scale(1.045)}
@media(max-height:500px) and (orientation:landscape){.aurora-entry-copy{bottom:20%;left:5%}.aurora-entry-copy h2{font-size:25px;line-height:1.3}.aurora-entry-copy p{font-size:11px}.aurora-top{top:15px}.aurora-guide{bottom:17px;left:25%;right:17%;font-size:10px}.aurora-palette{bottom:14px;padding:7px 10px}.aurora-enter{left:63%;bottom:21%}}