:root{color-scheme:dark;--void:#0d0717;--ivory:#f6efe0;--gold:#e3c98f;--gold-deep:#b8934f;--ink:#f6efe0;--ink-soft:rgba(246,239,224,.82);--halo:0 1px 2px rgba(18,8,30,.7),0 0 18px rgba(18,8,30,.55),0 0 42px rgba(18,8,30,.45);--cta-bg:rgba(20,12,34,.34);--cta-line:rgba(227,201,143,.78);--display:"Faculty Glyphic",Georgia,serif;--body:"Figtree","Segoe UI",system-ui,sans-serif;--gutter:clamp(16px,4vw,56px);--arc:#e3c98f;--arc-hot:#fff0c4;--logo-shadow:drop-shadow(0 1px 2px rgba(18,8,30,.6)) drop-shadow(0 0 22px rgba(18,8,30,.5))}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){color-scheme:light;--ink:#2a1d3f;--ink-soft:rgba(42,29,63,.84);--halo:0 0 2px rgba(255,250,240,.7),0 0 26px rgba(255,248,236,.75);--cta-bg:rgba(255,250,242,.46);--cta-line:rgba(120,86,40,.7);--arc:#b98a3c;--arc-hot:#d9982a;--logo-shadow:drop-shadow(0 0 2px rgba(255,250,240,.8)) drop-shadow(0 0 22px rgba(255,248,236,.8))}}:root[data-theme=light]{color-scheme:light;--arc:#b98a3c;--arc-hot:#d9982a;--logo-shadow:drop-shadow(0 0 2px rgba(255,250,240,.8)) drop-shadow(0 0 22px rgba(255,248,236,.8));--ink:#2a1d3f;--ink-soft:rgba(42,29,63,.84);--halo:0 0 2px rgba(255,250,240,.7),0 0 26px rgba(255,248,236,.75);--cta-bg:rgba(255,250,242,.46);--cta-line:rgba(120,86,40,.7)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--void);overflow:hidden;overscroll-behavior:none}body.arcana-landing{font-family:var(--body);color:var(--ink);-webkit-font-smoothing:antialiased;touch-action:none}#stage{position:fixed;inset:0;width:100%;height:100%;display:block}#ui{position:fixed;inset:0;pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#ui>*{will-change:opacity,transform}.line{position:absolute;left:0;right:0;margin:0;text-align:center;font-family:var(--display);font-weight:400;opacity:0;padding:0 var(--gutter)}.line.universe{bottom:16vh;font-size:clamp(22px,3.1vw,40px);letter-spacing:.01em;color:var(--ivory);text-shadow:0 0 24px rgba(40,16,70,.8),0 1px 2px rgba(10,4,20,.7)}.line.her{top:0;left:0;right:auto;width:max-content;max-width:min(80vw,420px);font-size:clamp(19px,2vw,27px);line-height:1.25;color:#2a1d3f;text-shadow:none;padding:12px 20px 13px;background:#fffbf4f0;border-radius:20px;box-shadow:0 10px 30px #28144647,0 0 0 1px #e3c98f8c;transform-origin:50% 120%}.line.her:after{content:"";position:absolute;left:50%;bottom:-11px;width:22px;height:14px;margin-left:-4px;background:inherit;clip-path:polygon(0 0,100% 0,30% 100%);filter:drop-shadow(0 1px 0 rgba(227,201,143,.55))}.copy{position:absolute;left:var(--gutter);bottom:clamp(40px,12vh,120px);max-width:min(560px,46vw);pointer-events:none}.logo{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(56px,8.4vw,128px);line-height:1;color:var(--ink);opacity:0;filter:drop-shadow(0 6px 18px rgba(18,8,30,.35))}.lockup{position:relative;width:clamp(300px,40vw,620px);margin-left:-2%}.lockup canvas{position:absolute;inset:0;width:100%;height:100%;display:block;will-change:transform,opacity}.lockup .lk-rays,.lockup .lk-trail,.lockup .lk-shine{mix-blend-mode:screen}.lockup .lk-rays{transform-origin:50% 40%}.lockup .lk-word,.lockup .lk-shine{transform-origin:50% 62%}.lockup .lk-card{transform-origin:50% 30%}.lk-text{font-family:var(--display);font-size:clamp(56px,8vw,120px)}.tagline{margin:clamp(10px,1.6vh,18px) 0 0;font-family:var(--display);font-size:clamp(20px,2vw,28px);line-height:1.3;color:var(--ink);text-shadow:var(--halo),0 0 3px rgba(18,8,30,.6);opacity:0}.tagline{display:none}.cta-stage{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;padding:0 var(--gutter)}.cta{position:relative;display:block;min-width:min(520px,86vw);padding:22px 58px 22px 34px;font-family:var(--display);font-size:clamp(22px,2.1vw,30px);line-height:1.2;letter-spacing:.01em;color:#2a1d3f;text-decoration:none;text-align:left;background:#fffbf4f2;border-radius:18px;box-shadow:0 14px 40px #28144652,0 0 0 1px #e3c98fb3,inset 0 0 0 5px #fffbf4f2,inset 0 0 0 6px #e3c98f73;transition:box-shadow .2s ease,background .2s ease;opacity:0}.cta:after{content:"";position:absolute;right:26px;bottom:20px;width:12px;height:9px;background:#b8903f;clip-path:polygon(0 0,100% 0,50% 100%);animation:cta-next 1s ease-in-out infinite}@keyframes cta-next{0%,to{translate:0 0;opacity:1}50%{translate:0 4px;opacity:.55}}@media(prefers-reduced-motion:reduce){.cta:after{animation:none}}.cta:hover{background:#fffdf8;box-shadow:0 18px 46px #28144661,0 0 0 1px #e3c98ff2,inset 0 0 0 5px #fffdf8,inset 0 0 0 6px #e3c98fb3}.cta:active{background:#f6efe2}.cta:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.skip,.sound{position:absolute;pointer-events:auto;border:0;background:none;color:var(--ivory);font-family:var(--body);font-size:14px;letter-spacing:.04em;cursor:pointer;opacity:.62;transition:opacity .2s ease;padding:12px;min-width:44px;min-height:44px;text-shadow:0 1px 2px rgba(0,0,0,.4)}.skip:hover,.sound:hover,.skip:focus-visible,.sound:focus-visible{opacity:1}.skip:focus-visible,.sound:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}.skip{right:calc(var(--gutter) - 12px);bottom:calc(var(--gutter) - 8px)}.sound{right:calc(var(--gutter) - 12px);top:calc(var(--gutter) - 12px);display:grid;place-items:center}.sound svg{width:22px;height:22px;display:block}body.idle .skip{opacity:0;pointer-events:none}body.idle .sound{color:var(--ink)}@media(max-width:720px),(max-aspect-ratio:4/5){.copy{left:var(--gutter);right:var(--gutter);max-width:none;bottom:max(28px,env(safe-area-inset-bottom));text-align:center}.lockup{width:min(74vw,380px);margin:0 auto}.tagline{font-size:19px}.cta{min-width:0;width:100%;font-size:21px;padding:18px 48px 18px 24px}.line.universe{bottom:22vh}.skip{bottom:auto;top:calc(var(--gutter) - 12px);right:calc(var(--gutter) + 40px)}}