:root{color-scheme:dark;--display:"Faculty Glyphic",Georgia,serif;--body:"Figtree","Segoe UI",system-ui,sans-serif;--ivory:#f6efe0;--on-2:#cbc3e6;--on-3:#968fb8;--gold:#e3c98f;--gold-hi:#f3dc9a;--shadow:rgba(6,3,20,.62);--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);--pad-t:max(18px,env(safe-area-inset-top));--pad-b:max(22px,env(safe-area-inset-bottom));--bw:clamp(150px,46vw,240px);--bh:calc(var(--bw)*471/720);--tuck:calc(var(--bh)*.24);--lw:min(392px, calc(100vw - 32px) ,max(260px,calc((100dvh - var(--bh) + var(--tuck) - var(--pad-t) - var(--pad-b) - 6px)*7/12)));--lh:calc(var(--lw)*12/7);--swing:cubic-bezier(.2,.8,.3,1)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#1a1030;color:var(--ivory);font:16px/1.45 var(--body);-webkit-font-smoothing:antialiased}body.l-page{overflow-x:clip}.l-page .h-sky{position:fixed}.l-main{position:relative;z-index:1;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-x:clip;padding:var(--pad-t) max(16px,env(safe-area-inset-right)) calc(var(--pad-b) + var(--kb,0px)) max(16px,env(safe-area-inset-left))}.l-brand{position:relative;z-index:2;display:block;width:var(--bw);margin-bottom:calc(var(--tuck) * -1);border-radius:12px;-webkit-tap-highlight-color:transparent;pointer-events:none}.l-brand img{display:block;width:100%;height:auto;pointer-events:auto;filter:drop-shadow(0 2px 3px rgba(18,8,30,.6)) drop-shadow(0 0 18px rgba(18,8,30,.55))}.l-brand:focus-visible{outline:2px solid var(--gold-hi);outline-offset:4px}.l-table{position:relative;width:var(--lw);perspective:1600px}.l-deck{position:absolute;inset:0;pointer-events:none}.l-deck i{position:absolute;inset:0;border-radius:4.4%/2.6%;background:#120e30 url(/arcana/art/card-back.webp) 0 0/100% 100%;box-shadow:0 0 0 .5px #46300e80,0 18px 40px #06031480}.l-deck i:nth-child(1){rotate:-4.5deg;translate:-12px 10px;filter:brightness(.62)}.l-deck i:nth-child(2){rotate:3.2deg;translate:11px 7px;filter:brightness(.72)}.l-deck i:nth-child(3){rotate:-1deg;translate:-2px 4px;filter:brightness(.82)}.l-card{position:relative;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .6s var(--swing);touch-action:pan-y}.l-card.tilting{transition:transform .12s linear}.l-lift{transform-origin:50% 62%}.l-flip{position:relative;display:grid;transform-style:preserve-3d}.l-face{grid-area:1/1;border-radius:4.4%/2.6%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.l-front{position:relative;min-height:var(--lh);display:flex;flex-direction:column;justify-content:center;padding:calc(var(--lh)*.1) calc(var(--lw)*.13) calc(var(--lh)*.15);background:radial-gradient(ellipse 62% 30% at 50% 6%,rgba(122,105,191,.34),transparent 72%),radial-gradient(ellipse 80% 40% at 50% 100%,rgba(235,202,220,.1),transparent 70%),#141a44;box-shadow:0 0 0 .5px #46300e8c,0 2px 4px #06031473,0 28px 70px #06031499}.l-back{position:absolute;inset:0;transform:rotateY(180deg);background:#120e30 url(/arcana/art/card-back.webp) 0 0/100% 100%;box-shadow:0 0 0 .5px #46300e8c,0 28px 70px #06031499}.l-frame,.l-foil{position:absolute;inset:0;pointer-events:none;border-radius:inherit}.l-frame{background:url(/arcana/art/frame.webp) 0 0/100% 100% no-repeat;filter:drop-shadow(0 .5px .5px rgba(60,40,10,.35))}.l-foil{-webkit-mask:url(/arcana/art/frame-foil.webp) 0 0/100% 100% no-repeat;mask:url(/arcana/art/frame-foil.webp) 0 0/100% 100% no-repeat luminance;mix-blend-mode:color-dodge;opacity:calc(.9 * var(--foil));background:linear-gradient(115deg,transparent 30%,rgba(255,246,214,var(--foil-hi)) 42%,rgba(196,232,255,var(--foil-mid)) 48%,rgba(255,206,236,var(--foil-lo)) 53%,rgba(255,246,214,var(--foil-hi)) 58%,transparent 70%) 0 0/260% 260% no-repeat;background-position:var(--fx,100%) var(--fy,100%);transition:background-position .6s var(--swing)}.tilting .l-foil{transition:background-position .12s linear}.l-front:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;mix-blend-mode:screen;opacity:var(--lit,0);transition:opacity .5s ease;background:radial-gradient(70% 42% at var(--fx,50%) var(--fy,30%),rgba(255,240,206,calc(var(--gloss) * .4)),rgba(255,240,206,0) 70%)}.l-plate{position:absolute;left:17.6%;right:17.6%;bottom:3.3%;height:8%;margin:0;display:flex;align-items:center;justify-content:center;font:400 calc(var(--lw)*.054)/1 var(--display);color:#3a2710;text-shadow:0 1px 0 rgba(255,244,210,.6);letter-spacing:.02em;white-space:nowrap}.l-body{position:relative;display:flex;flex-direction:column}.l-body h1{margin:0 auto 2px;max-width:88%;text-align:center;font:400 clamp(25px,calc(var(--lw)*.079),31px)/1.12 var(--display);color:var(--ivory);text-wrap:balance;text-shadow:0 0 22px rgba(243,220,154,.22)}.l-lede{margin:10px 0 18px;text-align:center;color:var(--on-2);font-size:15px;text-wrap:pretty}form{display:flex;flex-direction:column;gap:12px;margin-top:16px}label{display:flex;flex-direction:column;gap:5px;font-size:14px;font-weight:500;letter-spacing:.02em;color:var(--on-2)}[hidden]{display:none!important}input{height:46px;width:100%;padding:0 14px;border-radius:10px;border:1px solid rgba(243,220,154,.28);background:#08061e80;color:var(--ivory);font:16px var(--body);box-shadow:inset 0 1px 2px #00000040;transition:border-color .16s ease,background-color .16s ease}input::placeholder{color:var(--on-3)}@media(hover:hover){input:hover{border-color:#f3dc9a73}}input:focus-visible{outline:2px solid var(--gold-hi);outline-offset:1px;border-color:transparent;background:#08061ea8}input[readonly]{color:var(--on-2);background:#08061e47;border-style:dashed}input:-webkit-autofill{-webkit-text-fill-color:var(--ivory);-webkit-box-shadow:0 0 0 40px #161339 inset;caret-color:var(--ivory)}.l-go,.l-quiet{display:flex;align-items:center;justify-content:center;border:0;cursor:pointer;text-decoration:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.l-go{height:48px;margin-top:4px;border-radius:24px;background:linear-gradient(180deg,#f8e6b0,#e8c77f);color:#2a1d3f;font:400 19px/1 var(--display);box-shadow:0 0 0 1px #fff0c499,0 8px 24px #e3c98f42;transition:transform .16s cubic-bezier(.23,1,.32,1),box-shadow .16s ease,filter .16s ease}@media(hover:hover){.l-go:hover{filter:brightness(1.05);box-shadow:0 0 0 1px #fff0c4d9,0 10px 30px #e3c98f66}}.l-go:active{transform:scale(.97)}.l-go[aria-busy=true]{cursor:progress;background:linear-gradient(100deg,#e8c77f 30%,#fff3cf,#e8c77f 70%) 0 0/250% 100%;animation:l-busy 1.1s linear infinite}@keyframes l-busy{0%{background-position:100% 0}to{background-position:-150% 0}}@media(prefers-reduced-motion:reduce){.l-go[aria-busy=true]{animation:none}}.l-quiet{height:44px;background:none;color:var(--on-2);font:500 15px var(--body);border-radius:20px;transition:transform .16s cubic-bezier(.23,1,.32,1),color .16s ease}@media(hover:hover){.l-quiet:hover{color:var(--ivory)}}.l-quiet:active{transform:scale(.97);color:var(--ivory)}.l-go:focus-visible,.l-quiet:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}.l-err{margin:0;color:#ffc2cc;font-size:15px;text-align:center;text-wrap:pretty}.l-err:empty{display:none}.l-hello{position:fixed;left:16px;right:16px;z-index:3;margin:0;text-align:center;font:400 clamp(26px,3.2vw,40px)/1.15 var(--display);text-shadow:var(--halo);text-wrap:balance;pointer-events:none}.l-deal{position:fixed;inset:0;pointer-events:none;z-index:2}.l-deal .tarot{position:absolute;margin:0;--shadow:rgba(6,3,20,.7)}html.l-welcome .l-brand{transition:opacity .4s ease;opacity:0}.l-brand:active img{transform:scale(.97)}.l-brand img{transition:transform .16s var(--swing)}@media(prefers-reduced-motion:no-preference){html:not(.l-settled) .l-deck i{animation:l-deck .5s var(--swing) backwards}html:not(.l-settled) .l-deck i:nth-child(2){animation-delay:.05s}html:not(.l-settled) .l-deck i:nth-child(3){animation-delay:.1s}html:not(.l-settled) .l-lift{animation:l-rise .8s .18s linear backwards}html:not(.l-settled) .l-flip{animation:l-flip .62s .66s var(--swing) backwards}html:not(.l-settled) .l-foil{animation:l-sweep 1.5s 1.05s cubic-bezier(.4,0,.2,1) backwards}html:not(.l-settled) .l-brand{animation:l-fade .6s var(--swing) backwards}@keyframes l-deck{0%{opacity:0;transform:translateY(60px) scale(.92)}}@keyframes l-rise{0%{opacity:0;transform:translateY(40px) scale(.96);animation-timing-function:cubic-bezier(.3,.7,.3,1)}22%{opacity:1;transform:translateY(46px) scale(1.03,.95);animation-timing-function:cubic-bezier(.2,.7,.3,1)}62%{transform:translateY(-16px) scale(.98,1.04);animation-timing-function:cubic-bezier(.3,.6,.4,1)}82%{transform:translateY(3px) scale(1.01,.99)}to{transform:none}}@keyframes l-flip{0%{transform:rotateY(180deg)}42%{transform:rotateY(95deg) scale(1.06,.97)}78%{transform:rotateY(-8deg) scale(.985,1.02)}to{transform:none}}@keyframes l-sweep{0%{background-position:0 0}}@keyframes l-fade{0%{opacity:0;transform:translateY(-8px)}}}@media(max-height:640px){form{gap:9px;margin-top:10px}input,.l-go{height:44px}}@media(max-height:520px){:root{--bw:clamp(120px,32vh,180px);--pad-t:max(10px,env(safe-area-inset-top))}}