:root{--ink: #272B21;--ink-2: #343A2C;--stock: #EEE9E4;--stock-2: #E3DDD1;--gold: #26231D;--gold-lt: #D8D1C4;--gold-dk: #4E4B3C;--rule: rgba(38, 35, 29, .22);--body: rgba(38, 35, 29, .82);--display: Georgia, "Times New Roman", serif;--util: Arial, Helvetica, sans-serif;--ground: #1E2119;--ground-lift: #2C3125;--on-ground: rgba(216, 209, 196, .88);--on-ground-dim: rgba(216, 209, 196, .62);--hair-dark: rgba(216, 209, 196, .18);--card-ratio: 1 / 1.727;--card-ratio-n: 1.727;--turn: .6s;--turn-ease: cubic-bezier(.22, .68, .28, 1);--hold-ms: 2.5s}*{box-sizing:border-box}:focus-visible{outline:2px solid var(--gold-lt);outline-offset:3px;border-radius:2px}.card__side--front :focus-visible{outline-color:var(--gold-dk)}html,body{margin:0;min-height:100%}body{background:var(--ground);color:var(--on-ground);font-family:var(--util);font-size:14px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;display:flex;flex-direction:column;height:100dvh;height:100svh;padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom));gap:10px;overflow:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 78% at 50% 34%,var(--ground-lift) 0%,transparent 68%),radial-gradient(90% 60% at 50% 108%,rgba(78,75,60,.3) 0%,transparent 70%);pointer-events:none;z-index:0}body>*{position:relative;z-index:1}.masthead{text-align:center;color:var(--gold-lt);flex:none}.masthead__sigil{width:30px;height:30px;opacity:.62;display:block;margin:0 auto 6px}.masthead__title{font-family:var(--display);font-size:22px;font-weight:400;line-height:1.24;letter-spacing:.17em;text-transform:uppercase;margin:0}.spreads{flex:none;text-align:center}.spreads__row{display:flex;justify-content:center;gap:6px}.spread-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--hair-dark);color:var(--on-ground-dim);font-family:var(--display);font-size:14px;letter-spacing:.18em;text-transform:uppercase;padding:8px 16px;border-radius:2px;cursor:pointer;transition:color .22s ease,border-color .22s ease,background .22s ease}.spread-btn:hover{color:var(--on-ground);border-color:#d8d1c45c}.spread-btn[aria-selected=true]{color:var(--gold-lt);border-color:#d8d1c485;background:#d8d1c40f}.spreads__say{font-family:var(--display);font-style:italic;font-size:14px;color:var(--on-ground-dim);margin:8px 0 0;min-height:1.2em}.stage{flex:1 1 auto;display:grid;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);min-height:0;padding:4px 0;position:relative}.card{position:relative;aspect-ratio:var(--card-ratio);border-radius:7px;transform-style:preserve-3d;transition:transform var(--turn) var(--turn-ease);will-change:transform}.card.is-face-up{transform:rotateY(180deg)}.card__side{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:7px;overflow:hidden;box-shadow:0 1px 2px #00000057,0 10px 26px #0006}.card__side--front{transform:rotateY(180deg)}.card__side--back{background:radial-gradient(80% 62% at 50% 42%,var(--ink-2) 0%,var(--ink) 72%);color:var(--gold-lt);display:grid;place-items:center}.card__side--back:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px solid rgba(216,209,196,.3);border-radius:3px;pointer-events:none}.backmark{width:62%;opacity:.72}.ringback{width:88%;opacity:.55;display:block;margin:0 auto}.backspin{width:100%;display:grid;place-items:center;transform-origin:50% 50%}.orbitback{width:58%;opacity:.6;display:block;margin:0 auto}.fan__card .orbitback{width:54%;opacity:.5}.descent,.single{animation:dissolve .3s ease}@keyframes dissolve{0%{opacity:0}to{opacity:1}}.backmark__spin{transform-origin:50% 50%}.card__side--front{container-type:size;background:radial-gradient(94% 70% at 50% 8%,var(--stock) 0%,var(--stock-2) 100%);color:var(--gold);display:flex;flex-direction:column;padding:5.6% 6.4%}.card__side--front:after{content:"";position:absolute;top:3.2%;right:3.2%;bottom:3.2%;left:3.2%;border:1px solid var(--rule);border-radius:3px;pointer-events:none}.card__index{font-family:var(--display);font-size:5.2cqw;letter-spacing:.2em;color:var(--gold-dk);opacity:.78;text-align:center;flex:none}.card__name{font-family:var(--display);font-size:12.4cqw;font-weight:400;text-align:center;letter-spacing:.04em;margin:.14em 0 .26em;line-height:1.06;flex:none}.card__name.is-long{font-size:9.4cqw}.card__mark{flex:none;display:grid;place-items:center;margin-bottom:.35em}.card__mark svg{width:24cqw;height:24cqw;display:block}.card__rule{flex:none;height:1px;background:var(--rule);width:42%;margin:0 auto .5em}.card__fields{flex:1 1 auto;display:flex;flex-direction:column;justify-content:space-evenly;min-height:0}.field{text-align:center}.field h4{font-family:var(--util);font-size:3.5cqw;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--gold-dk);margin:0 0 .3em;opacity:.82}.field p{font-family:var(--display);font-size:5.4cqw;color:var(--body);margin:0;line-height:1.32}.card__foot{flex:none;text-align:center;font-family:var(--util);font-size:3.4cqw;letter-spacing:.19em;text-transform:uppercase;color:var(--gold-dk);opacity:.66;padding-top:.4em}.hold{display:flex;flex-direction:column;align-items:center;gap:14px;height:100%;justify-content:center}.hold__card{position:relative;height:min(100%,62svh);aspect-ratio:var(--card-ratio);touch-action:none;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.hold__ring{--ring-inset: 9px;position:absolute;left:calc(-1 * var(--ring-inset));top:calc(-1 * var(--ring-inset));width:calc(100% + 2 * var(--ring-inset));height:calc(100% + 2 * var(--ring-inset));pointer-events:none;overflow:visible;transition:opacity .42s ease}.hold.is-drawn .hold__ring{opacity:0}.hold__ring rect{fill:none;stroke:var(--gold-lt);stroke-width:1.15;filter:drop-shadow(0 0 calc(2px + 4px * var(--glow, 0)) rgba(216,209,196,calc(.55 * var(--glow, 0)))) drop-shadow(0 0 calc(6px + 14px * var(--glow, 0)) rgba(216,209,196,calc(.34 * var(--glow, 0))))}.hold__hint{font-family:var(--display);font-style:italic;font-size:14px;color:var(--on-ground-dim);letter-spacing:.06em;transition:opacity .3s ease;min-height:1.3em}.hold.is-holding .hold__hint{opacity:.35}.fan{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:12px;height:100%;width:100%}.fan__top{flex:none;display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;position:relative;z-index:5}.fan__hint{font-family:var(--display);font-style:italic;font-size:14px;color:var(--on-ground-dim);letter-spacing:.06em;min-height:1.3em;flex:none}.fan__hand{--hand-w: 46px;display:flex;justify-content:center;align-items:flex-start;min-height:calc(var(--hand-w) * var(--card-ratio-n));width:100%}.hand__card{width:var(--hand-w);aspect-ratio:var(--card-ratio);flex:none;margin-left:calc(var(--hand-w) * -.52);border-radius:4px;background:radial-gradient(80% 62% at 50% 42%,var(--ink-2) 0%,var(--ink) 74%);border:1px solid rgba(216,209,196,.36);box-shadow:0 2px 7px #00000075;display:grid;place-items:center;transform:rotate(var(--hr, 0deg));transform-origin:50% 120%;will-change:transform}.hand__card:first-child{margin-left:0}.hand__card .ringback,.hand__card .orbitback{width:62%;opacity:.55}.fan__arc{position:relative;width:100%;height:min(46svh,300px);flex:none;touch-action:none}.fan__card{position:absolute;bottom:var(--fan-drop, 0px);left:50%;width:var(--fan-w, 78px);aspect-ratio:var(--card-ratio);border-radius:5px;background:radial-gradient(80% 62% at 50% 42%,var(--ink-2) 0%,var(--ink) 74%);border:1px solid rgba(216,209,196,.22);box-shadow:0 2px 7px #0000006b;cursor:pointer;display:grid;place-items:center;-webkit-tap-highlight-color:transparent;z-index:var(--z, 0);transform:translate(-50%) rotate(var(--a, 0deg)) translateY(calc(-1 * var(--lift, 0px)));transition:transform .24s var(--turn-ease),opacity .24s ease,filter .24s ease}.fan__card svg{width:54%;opacity:.5;color:var(--gold-lt)}.fan__card.is-active{--lift: 30px;z-index:100;filter:brightness(1.5);box-shadow:0 6px 20px #00000080;border-color:#d8d1c480}.fan__card.is-active svg{opacity:.8}@media(hover:hover){.fan__card:hover{filter:brightness(1.28)}}.fan__card.is-taken{opacity:0;pointer-events:none;transition:none}.controls{flex:none;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding-top:4px;border-top:1px solid var(--hair-dark)}.controls__group{display:flex;align-items:center;gap:5px}.controls__label{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--on-ground-dim);margin-right:3px}.pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--hair-dark);color:var(--on-ground-dim);font-family:var(--util);font-size:11px;text-transform:uppercase;letter-spacing:.12em;padding:7px 13px;border-radius:100px;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease}.pill[aria-checked=true]{color:var(--gold-lt);border-color:#d8d1c473;background:#d8d1c412}.reset,.share{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:var(--on-ground-dim);font-family:var(--util);font-size:11px;text-transform:uppercase;letter-spacing:.12em;cursor:pointer;padding:7px 2px}.reset:hover,.share:hover{color:var(--on-ground)}.share{color:var(--gold-lt);border:1px solid rgba(216,209,196,.34);border-radius:100px;padding:7px 14px}.share[disabled]{opacity:.5;cursor:default}.descent{height:100%;width:100%;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.descent::-webkit-scrollbar{display:none}.beat{height:100%;scroll-snap-align:center;scroll-snap-stop:always;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 0;min-height:0}.beat__row{display:grid;grid-template-columns:repeat(var(--per-beat, 1),minmax(0,1fr));gap:clamp(12px,3vw,44px);width:100%;flex:1 1 auto;min-height:0;justify-content:center}.beat__label{font-family:var(--display);font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-lt);text-align:center;margin:0 0 10px;flex:none}.beat--card:has(.beat__label){align-content:center}.cardwrap{container-type:size;width:100%;height:100%;min-height:0;display:grid;place-items:center}.cardwrap .card{width:min(100cqw,calc(100cqh / var(--card-ratio-n)),340px);height:auto}.chapter{height:132px;display:grid;place-items:center;gap:5px;scroll-snap-align:none}.chapter__rule{width:34px;height:1px;background:var(--hair-dark)}.chapter__name{font-family:var(--display);font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-lt)}.chapter__say{font-family:var(--display);font-style:italic;font-size:14px;color:var(--on-ground-dim)}.sheet{width:min(100%,340px);max-height:100%;overflow-y:auto;background:linear-gradient(180deg,var(--stock) 0%,var(--stock-2) 100%);color:var(--gold);border-radius:7px;padding:22px 20px 20px;box-shadow:0 1px 2px #00000057,0 10px 26px #0006}.sheet__eyebrow{font-family:var(--util);font-size:11px;text-transform:uppercase;letter-spacing:.17em;color:var(--gold-dk);text-align:center;margin:0 0 16px}.sheet__list{list-style:none;margin:0;padding:0}.sheet__head{font-family:var(--util);font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:var(--gold-dk);border-top:1px solid var(--rule);padding-top:12px;margin:18px 0 10px}.sheet__head:first-child{border-top:0;margin-top:0;padding-top:0}.sheet__item{margin:0 0 14px}.sheet__name{display:block;font-family:var(--display);font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-dk);margin-bottom:3px}.sheet__practice{font-family:var(--display);font-size:18px;line-height:1.34;color:var(--body);margin:0}.sheet__gate,.sheet__foot{font-family:var(--display);font-style:italic;font-size:14px;color:var(--gold-dk);text-align:center;border-top:1px solid var(--rule);padding-top:12px;margin:16px 0 0}.sheet__gate[hidden]{display:none}.rail{position:absolute;right:2px;top:50%;transform:translateY(-50%);display:grid;gap:6px;pointer-events:none}.rail__tick{width:1px;height:12px;background:var(--hair-dark);transition:background .22s ease,height .22s ease}.rail__tick.is-filled{background:var(--gold-lt);height:16px}.single{height:100%;width:100%;container-type:size;display:grid;place-items:center}.single .card{width:min(100cqw,calc(100cqh / var(--card-ratio-n)),340px);height:auto}.card.is-settled{transition:none;transform:none}.card.is-settled .card__side{transition:none}.card.is-settled .card__side--back{display:none}.card.is-settled .card__side--front{transform:none}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#141611f5;display:grid;place-items:center;padding:18px 16px;overflow-y:auto;animation:introIn .32s ease}@keyframes introIn{0%{opacity:0}to{opacity:1}}.intro__sheet{width:min(100%,360px);text-align:center;color:var(--on-ground);overflow-wrap:break-word}.intro__sigil{width:34px;height:34px;color:var(--gold-lt);opacity:.7;margin-bottom:12px}.intro__title{font-family:var(--display);font-size:22px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-lt);margin:0 0 10px;line-height:1.25}.intro__lede{font-family:var(--display);font-size:14px;color:var(--on-ground-dim);margin:0 0 22px}.intro__realms,.intro__spreads{list-style:none;margin:0;padding:0}.intro__realm{display:grid;grid-template-columns:26px 1fr;grid-template-areas:"num name" "num say";gap:0 12px;text-align:left;padding:11px 0;border-top:1px solid var(--hair-dark)}.intro__realm:first-child{border-top:0}.intro__num{grid-area:num;align-self:center;font-family:var(--display);font-size:22px;color:var(--gold-lt);text-align:center;opacity:.85}.intro__realm-name{grid-area:name;font-family:var(--display);font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-lt)}.intro__realm-say{grid-area:say;font-family:var(--display);font-style:italic;font-size:14px;color:var(--on-ground-dim)}.intro__rule-lede{font-family:var(--display);font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:var(--on-ground-dim);margin:22px 0 8px}.intro__spreads li{font-family:var(--display);font-size:14px;color:var(--on-ground-dim);padding:3px 0}.intro__spread{color:var(--gold-lt);letter-spacing:.14em;text-transform:uppercase;font-size:14px;font-family:var(--display);margin-right:6px}.intro__note{font-family:var(--display);font-style:italic;font-size:14px;color:var(--on-ground-dim);border-top:1px solid var(--hair-dark);padding-top:14px;margin:20px 0 22px;line-height:1.45}.intro__begin{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid rgba(216,209,196,.5);color:var(--gold-lt);font-family:var(--display);font-size:14px;letter-spacing:.2em;text-transform:uppercase;padding:12px 34px;border-radius:2px;cursor:pointer;transition:background .22s ease}.intro__begin:hover{background:#d8d1c414}@media(prefers-reduced-motion:reduce){:root{--turn: 1ms}.card{transition:none}.card__side,.fan__card{transition:opacity .2s linear}.rail__tick{transition:none}.backmark__spin{animation:none!important}.intro,.descent,.single{animation:none}.hand__card{will-change:auto}}