@font-face{font-family:Cantrip Mono;src:url(/assets/cantrip-Cb2fVZaT.woff2)format("woff2");font-weight:400;font-style:normal;font-display:block}:root{--void:#07070b;--void-lift:#0d0e15;--bone:#e8e2d6;--fire:#c8452b;--water:#2f6f8f;--air:#b8c4cf;--earth:#6b7a3a;--gold:#d4a12a;--type:"Cantrip Mono","Iowan Old Style",Georgia,serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background:var(--void);height:100%;overflow:hidden}body{font-family:var(--type);color:var(--bone);touch-action:manipulation;-webkit-user-select:none;user-select:none}#field{background:radial-gradient(120% 90% at 50% 42%, var(--void-lift) 0%, var(--void) 62%);opacity:.9;transition:opacity 1.2s linear;position:fixed;inset:0}#grain{opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:-50%}#stage{top:0;left:0;right:0;bottom:calc(146px + env(safe-area-inset-bottom));position:fixed}.slot{flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.slot.s1{width:27%;max-width:196px}.slot.s3{width:19%;max-width:134px}.slot.s10{width:12%;max-width:88px}.label{font-family:var(--type);text-align:center;width:136%;color:color-mix(in oklab, var(--hue) 24%, #fff);opacity:0;pointer-events:none;text-wrap:balance;margin-top:8px;line-height:1.22}.label .rv{opacity:.46;letter-spacing:.2em;text-indent:.2em;margin-top:.15em;font-size:.8em;display:block}.s1 .label{margin-top:15px;font-size:1.18rem}.s3 .label{margin-top:10px;font-size:.86rem}.s10 .label{font-size:.68rem}.label.under{margin-top:3.4em}.card{width:100%;transform:rotate(var(--rot,0deg));aspect-ratio:5/8;cursor:pointer;will-change:opacity,filter;background:#0a0a10;border-radius:3px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #e8e2d61c}.card .fill{transform-origin:bottom;transform:scaleY(var(--p,0));opacity:.48;background:linear-gradient(to top, var(--hue) 0%, color-mix(in oklab, var(--hue) 42%, #000) 66%, color-mix(in oklab, var(--hue) 14%, #000) 100%);position:absolute;inset:0}.card.rev .fill{transform-origin:top}.card .sigil{width:100%;height:100%;opacity:var(--p,0);transform:rotate(var(--flip,0deg));position:absolute;inset:0}.card .sigil [stroke]{stroke:color-mix(in oklab, var(--hue) 30%, #fff);fill:none;stroke-linecap:round;stroke-linejoin:round}.card .sigil [data-solid]{fill:color-mix(in oklab, var(--hue) 30%, #fff);stroke:none}.card .edge{box-shadow:inset 0 0 14px -3px var(--hue);opacity:var(--p,0);position:absolute;inset:0}.card.major{box-shadow:inset 0 0 0 1px #d4a12a6b,0 0 30px -9px #d4a12a99}.card.cross-lay{--rot:90deg}#inspect{z-index:15;-webkit-backdrop-filter:blur(3px);background:#07070be6;place-items:center;display:none;position:fixed;inset:0}#inspect.on{display:grid}#inspect .slot{width:64vw;max-width:300px;animation:.5s cubic-bezier(.2,.9,.3,1) rise;position:relative;transform:none}#inspect .label{opacity:1;width:118%;margin-top:20px;font-size:1.35rem}@keyframes rise{0%{opacity:0;transform:scale(.9)}}#bar{left:0;right:0;bottom:env(safe-area-inset-bottom);place-items:center;height:146px;display:grid;position:fixed}#spreads,#clearWrap{flex-direction:column;grid-area:1/1;align-items:center;gap:10px;transition:opacity .9s,transform .9s cubic-bezier(.2,.9,.3,1);display:flex}.picks{justify-content:center;align-items:flex-start;gap:10vw;display:flex}.legend,.cap{font-family:var(--type);text-transform:uppercase;color:#e8e2d666;font-size:.6rem;font-weight:400}.legend{letter-spacing:.36em;text-indent:.36em;color:#e8e2d64d}.cap{letter-spacing:.2em;text-indent:.2em;margin-top:4px}#spreads.hidden{opacity:0;pointer-events:none;transform:translateY(14px)}#clearWrap{opacity:0;pointer-events:none;transform:translateY(-14px)}#clearWrap.shown{opacity:1;pointer-events:auto;transform:none}.pick{cursor:pointer;opacity:.42;background:0 0;border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:66px;transition:opacity .45s,transform .4s cubic-bezier(.2,.9,.3,1);display:flex}.pick:active{transform:scale(.9)}.pick.warm{opacity:.92}.pick:focus-visible{outline:1px solid var(--gold);outline-offset:4px}.pick svg{width:34px;height:34px;display:block;overflow:visible}.pick .solid{fill:var(--bone);stroke:none}.pick .line{stroke:var(--bone);stroke-width:2.4px;stroke-linecap:round;fill:none}#clearBtn{opacity:.85;width:auto}#clearBtn svg{width:38px;height:38px}#clearBtn .line{stroke-width:1.5px}#gate .inner{flex-direction:column;align-items:center;gap:22px;display:flex}#gate .say{font-family:var(--type);text-transform:uppercase;letter-spacing:.42em;text-indent:.42em;color:#e8e2d66b;font-size:.62rem}#gate{z-index:20;background:var(--void);place-items:center;transition:opacity 2s;display:grid;position:fixed;inset:0}#gate.open{opacity:0;pointer-events:none}#gate .ring{border:1px solid #e8e2d66b;border-radius:50%;width:78px;height:78px;animation:5.5s ease-in-out infinite breathe}@keyframes breathe{0%,to{opacity:.3;transform:scale(.86)}50%{opacity:.85;transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){#gate .ring{opacity:.6;animation:none}#inspect .slot{animation:none}}