@font-face{font-family:"Jersey 10";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jersey-10-latin-400-normal-DrL73VYW.woff2) format("woff2"),url(/assets/jersey-10-latin-400-normal-B8YT2i2g.woff) format("woff")}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/pixelify-sans-latin-400-normal-DLrIX9QE.woff2) format("woff2"),url(/assets/pixelify-sans-latin-400-normal-JapMNN6Z.woff) format("woff")}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/pixelify-sans-latin-500-normal-DC052d-m.woff2) format("woff2"),url(/assets/pixelify-sans-latin-500-normal-Bq6pAlou.woff) format("woff")}:root{--ink: #130c24;--panel: #2a2140;--panel-hi: #392d56;--panel-lo: #1d1630;--edge: #0d0919;--text: #f6f0ff;--muted: #b3a6cf;--orange: #f39a2b;--orange-lo: #a35a0e;--blue: #3a8edb;--blue-lo: #1d5891;--slate: #4a4166;--slate-lo: #2a2440;--gold: #f2b84b;--fire: #e8574b;--water: #3d8fd9;--air: #dcd6c4;--earth: #4caf6a;--lilac: #b88dd5;--display: "Jersey 10", "Pixelify Sans", system-ui, sans-serif;--body: "Pixelify Sans", system-ui, sans-serif;--card-ratio: 300 / 527;--hand-w: clamp(58px, 7.4vw, 108px);--slot-w: clamp(96px, 12vw, 168px);--shadow-text: 0 2px 0 rgba(0, 0, 0, .5);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--ink);color:var(--text);font-family:var(--body);font-size:17px;line-height:1.45;text-shadow:var(--shadow-text);overflow:hidden;-webkit-font-smoothing:none}button,input,textarea{font:inherit;color:inherit}::selection{background:var(--orange);color:var(--ink)}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}#bg{position:fixed;inset:0;width:100%;height:100%;image-rendering:pixelated;z-index:0}#bg.no-webgl{background:radial-gradient(circle at 50% 45%,#60298a,#1b6b72 45%,var(--ink) 80%)}.crt{position:fixed;inset:0;z-index:50;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.16) 0 1px,transparent 1px 3px),radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55) 100%);mix-blend-mode:multiply}.app{position:relative;z-index:1;display:grid;grid-template-columns:minmax(230px,270px) 1fr;height:100dvh}.side{display:flex;flex-direction:column;gap:12px;padding:16px 0 16px 16px;overflow-y:auto}.table{overflow-y:auto;overflow-x:hidden;padding:16px}.stage{min-height:100%;display:flex;flex-direction:column;align-items:center}.panel{background:var(--panel);border:3px solid var(--edge);border-radius:12px;box-shadow:inset 0 2px 0 var(--panel-hi),0 6px 0 var(--edge);padding:12px 14px}.panel h2{margin:0 0 6px;font:400 15px/1.2 var(--body);color:var(--muted)}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.btn{--c: var(--slate);--lo: var(--slate-lo);appearance:none;cursor:pointer;border:0;border-radius:10px;background:var(--c);box-shadow:0 5px 0 var(--lo);padding:9px 16px 8px;font:400 24px/1 var(--display);letter-spacing:.02em;text-shadow:0 2px 0 rgba(0,0,0,.35);transition:transform 90ms ease,box-shadow 90ms ease,filter .12s;white-space:nowrap}.btn:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 6px 0 var(--lo)}.btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 var(--lo)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-orange{--c: var(--orange);--lo: var(--orange-lo)}.btn-blue{--c: var(--blue);--lo: var(--blue-lo)}.btn-big{font-size:32px;padding:12px 26px 11px}.side-q p{margin:0;font-size:16px;overflow-wrap:anywhere}.positions{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}.positions li{background:var(--panel-lo);border-radius:6px;padding:2px 8px;font-size:14px;color:var(--muted)}.tally{display:grid;gap:10px}.tally-major,.tally-rev{display:flex;align-items:center;justify-content:space-between}.tally-label{font-size:15px;color:var(--muted)}.tally-num{display:inline-grid;place-items:center;min-width:46px;height:40px;padding:0 8px;border-radius:8px;font:400 32px/1 var(--display);background:var(--panel-lo)}.tally-num.major{background:var(--gold);color:var(--ink);text-shadow:none;box-shadow:0 4px #9a6a14}.tally-num.rev{background:var(--lilac);color:var(--ink);text-shadow:none;box-shadow:0 4px #6b4a86}.tally-elements{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.el{display:grid;justify-items:center;gap:2px;font-size:13px;color:var(--muted)}.el .tally-num{min-width:0;width:100%;color:var(--ink);text-shadow:none}.el.fire .tally-num{background:var(--fire);box-shadow:0 4px #8f2a22;color:var(--text);text-shadow:var(--shadow-text)}.el.water .tally-num{background:var(--water);box-shadow:0 4px #1e5288;color:var(--text);text-shadow:var(--shadow-text)}.el.air .tally-num{background:var(--air);box-shadow:0 4px #8e8672}.el.earth .tally-num{background:var(--earth);box-shadow:0 4px #276a3a;color:var(--text);text-shadow:var(--shadow-text)}.bump{animation:bump .42s cubic-bezier(.3,1.8,.5,1)}@keyframes bump{0%{transform:scale(1)}30%{transform:scale(1.35) rotate(-4deg)}to{transform:scale(1)}}.side-actions{display:flex;gap:8px;margin-top:auto;padding-bottom:6px}.side-actions .btn{font-size:20px;flex:1}.ask{width:min(760px,100%);margin:auto 0;padding:22px 24px 18px;display:grid;gap:16px}.display{font:400 46px/1 var(--display)!important;color:var(--text)!important;margin:0!important}.ask-input{position:relative}.ask-input textarea{width:100%;resize:none;background:var(--panel-lo);border:3px solid var(--edge);border-radius:10px;padding:12px 14px 22px;font-size:20px;text-shadow:none}.ask-input textarea::placeholder{color:#7f739b}.ask-input textarea:focus{outline:none;border-color:var(--gold)}.count{position:absolute;right:12px;bottom:8px;font-size:13px;color:var(--muted)}.presets{display:flex;flex-wrap:wrap;gap:8px}.preset{cursor:pointer;text-align:left;display:inline-flex;align-items:center;gap:8px;background:var(--panel-hi);border:0;border-radius:8px;box-shadow:0 3px 0 var(--edge);padding:6px 10px 6px 6px;font-size:15px;transition:transform 90ms,background .12s}.preset:hover{transform:translateY(-2px);background:#46386a}.preset.is-on{background:var(--gold);color:var(--ink);text-shadow:none}.topic{border-radius:5px;padding:1px 6px;font-size:13px;color:var(--ink);text-shadow:none}.topic-love{background:#f07aa0}.topic-work{background:var(--water);color:var(--text)}.topic-money{background:var(--earth)}.topic-self{background:var(--lilac)}.topic-general{background:var(--air)}.preset.is-on .topic{box-shadow:0 0 0 2px var(--ink)}.spreads{border:0;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.spreads legend{padding:0;margin-bottom:8px;color:var(--muted);font-size:15px}.spread-opt input{position:absolute;opacity:0;pointer-events:none}.spread-card{display:grid;gap:4px;height:100%;cursor:pointer;background:var(--panel-lo);border:3px solid var(--edge);border-radius:10px;padding:10px 12px;transition:transform .12s,border-color .12s}.spread-card strong{font:400 24px/1 var(--display)}.spread-card small{font-size:13px;color:var(--muted)}.pips{display:flex;gap:4px;margin-bottom:2px}.pips i{width:12px;height:19px;border-radius:2px;background:#6b2c91;box-shadow:inset 0 0 0 2px #b88dd5}.spread-opt:hover .spread-card{transform:translateY(-2px)}.spread-opt input:checked+.spread-card{border-color:var(--gold);background:var(--panel-hi)}.spread-opt input:focus-visible+.spread-card{outline:3px solid var(--gold);outline-offset:3px}.spread-custom .pips:empty:before{content:"+";font:400 22px/19px var(--display);color:var(--lilac)}.spread-custom .pips i{background:transparent;box-shadow:inset 0 0 0 2px #b88dd5}.custom-editor{grid-column:1 / -1;display:grid;gap:8px;padding:12px;border-radius:10px;background:var(--panel-lo);border:3px solid var(--edge)}.custom-editor[hidden]{display:none}.custom-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.custom-row{display:grid;grid-template-columns:28px minmax(0,1fr) minmax(0,1.4fr) 34px;gap:6px;align-items:center}.custom-num{font:400 22px/1 var(--display);color:var(--muted);text-align:center}.custom-row input{min-width:0;width:100%;background:var(--panel);border:2px solid var(--edge);border-radius:7px;padding:6px 9px;font-size:15px;text-shadow:none}.custom-row input::placeholder{color:#7f739b}.custom-row input:focus{outline:none;border-color:var(--gold)}.custom-remove{cursor:pointer;height:32px;border:0;border-radius:7px;background:var(--panel-hi);box-shadow:0 3px 0 var(--edge);font:400 22px/1 var(--display);color:var(--muted)}.custom-remove:hover:not(:disabled){background:var(--fire);color:var(--text)}.custom-remove:disabled{opacity:.35;cursor:not-allowed}.custom-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px}.btn-small{font-size:19px;padding:7px 12px 6px;box-shadow:0 4px 0 var(--lo)}.slots.n6 .slot,.slots.n7 .slot,.slots.n8 .slot{width:clamp(82px,10vw,140px)}.slots.n9 .slot,.slots.n10 .slot{width:clamp(78px,9vw,124px)}.ask-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.toggle{display:inline-flex;align-items:center;gap:10px;cursor:pointer;color:var(--muted)}.toggle input{position:absolute;opacity:0}.switch{width:44px;height:24px;border-radius:12px;background:var(--panel-lo);border:3px solid var(--edge);position:relative;transition:background .15s}.switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:4px;background:var(--muted);transition:transform .15s cubic-bezier(.3,1.6,.5,1),background .15s}.toggle input:checked+.switch{background:var(--lilac)}.toggle input:checked+.switch:after{transform:translate(20px);background:var(--text)}.toggle input:focus-visible+.switch{outline:3px solid var(--gold);outline-offset:2px}.ask-error{margin:0;min-height:1em;color:#ff8f84;font-size:15px}.ask-error:empty{display:none}.card{position:relative;width:var(--w, var(--hand-w));aspect-ratio:var(--card-ratio);perspective:700px}.sway{width:100%;height:100%;animation:sway 3.6s ease-in-out infinite alternate;animation-delay:var(--d, 0s)}@keyframes sway{0%{transform:rotate(-1.4deg) translateY(1px)}to{transform:rotate(1.4deg) translateY(-2px)}}.tilt{width:100%;height:100%;transform:rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .26s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d;position:relative}.tilt.is-tilting{transition-duration:60ms}.inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .52s cubic-bezier(.4,1.6,.5,1)}.inner.is-up{transform:rotateY(180deg)}.face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:7%/4%;overflow:hidden;box-shadow:0 0 0 2px var(--edge),0 6px #00000073;background:#111}.face img{width:100%;height:100%;display:block;object-fit:cover;image-rendering:auto}.face img.rev{transform:rotate(180deg)}.front{transform:rotateY(180deg)}.shine{position:absolute;inset:0;border-radius:7%/4%;pointer-events:none;background:radial-gradient(circle at var(--sx, 50%) var(--sy, 0%),rgba(255,255,255,.28),transparent 55%);opacity:0;transition:opacity .2s;mix-blend-mode:screen}.tilt.is-tilting .shine{opacity:1}.phase-pick,.phase-reveal,.phase-read{justify-content:flex-start;gap:18px}.slots{display:flex;justify-content:center;gap:clamp(10px,2vw,28px);flex-wrap:wrap;padding-top:6px}.slot{display:grid;justify-items:center;align-content:start;gap:8px;width:var(--slot-w);position:relative}.slot-frame{width:100%;aspect-ratio:var(--card-ratio);border-radius:7%/4%;border:3px dashed rgba(246,240,255,.28);background:#0d091959;display:grid;place-items:center}.slot-frame:has(.card){border-color:transparent;background:none}.slot-num{grid-area:1/1;font:400 48px/1 var(--display);color:#f6f0ff40;text-shadow:none}.slot-frame:has(.card) .slot-num{visibility:hidden}.slot-frame .card{--w: 100%;width:100%;grid-area:1/1}.slot-name{text-align:center;font-size:15px;color:var(--muted);line-height:1.2;display:grid;gap:2px}.slot-name b{font-weight:400;color:var(--text);font-size:16px}.slot-name em{font-style:normal;color:var(--lilac)}.card.flipping .sway{animation:flip-hop .52s cubic-bezier(.3,1.5,.5,1),sway 3.6s ease-in-out .52s infinite alternate}@keyframes flip-hop{0%{transform:translateY(0) scale(1)}40%{transform:translateY(-22px) scale(1.1)}to{transform:none}}.tags{position:absolute;top:-10px;right:-12px;display:grid;gap:4px;justify-items:end;z-index:3}.tag{font:400 20px/1 var(--display);padding:4px 8px 3px;border-radius:6px;box-shadow:0 3px 0 var(--edge);animation:tag-pop .52s cubic-bezier(.3,1.9,.5,1) both;white-space:nowrap}.tag+.tag{animation-delay:.12s}@keyframes tag-pop{0%{transform:scale(0) rotate(-12deg)}to{transform:scale(1) rotate(3deg)}}.tag-major{background:var(--gold);color:var(--ink);text-shadow:none}.tag-fire{background:var(--fire)}.tag-water{background:var(--water)}.tag-air{background:var(--air);color:var(--ink);text-shadow:none}.tag-earth{background:var(--earth)}.tag-rev{background:var(--lilac);color:var(--ink);text-shadow:none}.hint-bar{display:flex;align-items:center;gap:16px;min-height:52px;flex-wrap:wrap;justify-content:center}.hint{margin:0;font-size:19px;text-align:center}.hint strong{color:var(--gold);font-weight:500}.btn-blue.is-ready{animation:ready .9s ease-in-out infinite}@keyframes ready{50%{transform:translateY(-3px);filter:brightness(1.15)}}.hand{position:relative;width:100%;height:calc(var(--hand-w) * 527 / 300 + 90px);margin-top:auto;transition:transform .5s cubic-bezier(.5,0,.8,.3),opacity .4s}.hand.is-leaving{transform:translateY(120%);opacity:0}.card.in-hand{position:absolute;left:50%;top:40px;margin-left:calc(var(--hand-w) / -2);transform:translate(var(--x, 0),var(--y, 0)) rotate(var(--r, 0deg)) translateY(var(--lift, 0px));transform-origin:50% 120%;transition:transform .42s cubic-bezier(.2,.9,.25,1.15);cursor:pointer;outline:none}.hand.is-shuffling .card.in-hand{transition-duration:.24s;cursor:default;pointer-events:none}.hand.is-shuffling .sway{animation:none}.card.in-hand:hover,.card.in-hand:focus-visible{--lift: -14px}.card.in-hand:focus-visible .face.back{box-shadow:0 0 0 3px var(--gold),0 6px #00000073}.card.in-hand.is-picked{--lift: -44px}.card.in-hand.is-picked .face.back{box-shadow:0 0 0 3px var(--gold),0 0 18px 2px #f2b84b8c,0 6px #00000073}.card.in-hand.is-picked:after{content:attr(data-pick);position:absolute;top:-12px;left:50%;translate:-50% 0;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--ink);text-shadow:none;font:400 22px/1 var(--display);box-shadow:0 3px #9a6a14;z-index:2}.card.nope .sway{animation:nope .28s linear}@keyframes nope{25%{transform:translate(-5px) rotate(-3deg)}75%{transform:translate(5px) rotate(3deg)}}.reading{width:min(720px,100%);padding:20px 26px 22px;margin-bottom:24px}.reading-q{margin:0 0 12px;font:400 30px/1.05 var(--display);color:var(--gold)}.reading-body{font-size:18px;line-height:1.6;max-width:66ch}.reading-body h3{margin:20px 0 6px;font:400 26px/1.1 var(--display);color:var(--text);display:inline-block;background:var(--panel-hi);padding:4px 10px 2px;border-radius:6px;box-shadow:0 3px 0 var(--edge)}.reading-body p{margin:0 0 10px}.reading-body strong{color:var(--gold);font-weight:500}.reading-body em{color:var(--lilac);font-style:normal}.reading-body .error{color:#ff8f84}.thinking{color:var(--muted)}.thinking span{animation:blink 1.2s infinite}.thinking span:nth-child(2){animation-delay:.2s}.thinking span:nth-child(3){animation-delay:.4s}@keyframes blink{50%{opacity:0}}.caret{display:inline-block;width:10px;height:18px;background:var(--gold);vertical-align:-3px;margin-left:2px;animation:blink .8s steps(1) infinite}.reading-note{margin:14px 0 0;padding:8px 12px;border-radius:8px;background:#e8574b2e;border-left:4px solid var(--fire);color:#ffb3ab}.reading-note[hidden],.reading-foot [hidden]{display:none}.reading-foot{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.reading-foot[hidden]{display:none}@media(max-width:820px){body{overflow:auto}.app{grid-template-columns:1fr;height:auto;min-height:100dvh}.side{padding:12px 16px 0;display:grid;grid-template-columns:1fr auto;align-items:start;overflow:visible}.side-actions{grid-column:1 / -1;justify-content:flex-end;margin:0}.side-actions .btn{font-size:17px;padding:7px 10px 6px}.side-q,.side-spread{display:none}.tally{grid-column:1 / -1;grid-template-columns:auto 1fr auto;align-items:center;padding:8px 10px}.tally-label{display:none}.tally-major:before{content:"Major";font-size:13px;color:var(--muted);margin-right:6px}.tally-rev:before{content:"Rev.";font-size:13px;color:var(--muted);margin-right:6px}.tally-num{min-width:36px;height:32px;font-size:26px}.el span:last-child{font-size:11px}.table{overflow:visible;padding:14px 16px 24px}.display{font-size:36px!important}.spreads{grid-template-columns:1fr 1fr}.custom-row{grid-template-columns:22px 1fr 32px}.custom-row .custom-meaning{grid-column:2;grid-row:2}.custom-row .custom-remove{grid-row:1;grid-column:3}.slots.n6 .slot,.slots.n7 .slot,.slots.n8 .slot,.slots.n9 .slot,.slots.n10 .slot{width:clamp(66px,22vw,100px)}.ask{padding:16px}:root{--hand-w: clamp(52px, 15vw, 80px);--slot-w: clamp(82px, 26vw, 130px)}.slots.n5 .slot{--slot-w: clamp(70px, 27vw, 110px)}.tags{right:-6px}.tag{font-size:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.sway{animation:none!important}}