:root{--ink:#24123c;--outline:#120a1f;--cream:#fff1e1;--gold:#ffcb59;--pink:#f78fc6;--lavender:#d8c6f5;--plum:#5b2d7f;--muted:#ded0ee;--display:"Barlow Condensed", Impact, "Arial Narrow", sans-serif;--pop:cubic-bezier(.3, 1.45, .55, 1);color:var(--cream);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#180d32;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{-webkit-tap-highlight-color:transparent;background:radial-gradient(at 73% 23%,#6a3194 0,#0000 48%),linear-gradient(150deg,#2d1252,#180d32 78%);min-width:280px;min-height:100vh;margin:0}button,input{font:inherit}button{--lift:4px;color:var(--ink);background:var(--lavender);border:2px solid var(--outline);box-shadow:var(--lift) var(--lift) 0 var(--outline);cursor:pointer;border-radius:14px;min-height:48px;padding:11px 16px;font-weight:700;transition:transform 80ms ease-out,box-shadow 80ms ease-out,background-color .15s}button:hover:not(:disabled){background:#e6dafa}button:active:not(:disabled){box-shadow:calc(var(--lift) - 2px) calc(var(--lift) - 2px) 0 var(--outline);transform:translate(2px,2px)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #ffdd86}h1:focus{outline:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sparkles{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.sparkles span{color:var(--gold);opacity:.5;line-height:1;position:absolute}.sparkles span:first-child{font-size:18px;top:16%;left:5%}.sparkles span:nth-child(2){color:var(--pink);font-size:26px;top:9%;right:7%}.sparkles span:nth-child(3){font-size:14px;top:4%;left:46%}.sparkles span:nth-child(4){font-size:16px;top:58%;right:4%}.sparkles span:nth-child(5){color:var(--pink);font-size:24px;bottom:14%;left:3%}.sparkles span:nth-child(6){font-size:15px;bottom:4%;left:58%}.shell{z-index:1;max-width:1220px;margin:auto;padding:0 clamp(18px,5vw,70px) 36px;position:relative}.top{justify-content:space-between;align-items:center;gap:10px;min-height:76px;display:flex}.brand,.brand:hover:not(:disabled),.brand:active:not(:disabled){box-shadow:none;color:var(--cream);white-space:nowrap;min-height:44px;font:900 28px/1 var(--display);text-transform:uppercase;letter-spacing:.01em;background:0 0;border:0;padding:0 4px;transform:none}.brand span{color:var(--gold);margin-right:4px}.quiet{--lift:3px;background:var(--cream);white-space:nowrap;min-height:44px;padding:8px 14px;font-size:.92rem}.quiet:hover:not(:disabled){background:#fff8ef}.icon-button{--lift:3px;background:var(--cream);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;min-height:44px;padding:0;font-size:1.05rem;display:grid}.icon-button:hover:not(:disabled){background:#fff8ef}.progress{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.bar{border:2px solid var(--outline);background:#ffffff2e;border-radius:99px;flex:1;min-width:24px;height:10px;overflow:hidden}.bar span{background:var(--gold);height:100%;transition:width .3s ease-out;display:block}.counter{font:900 1.25rem/1 var(--display);letter-spacing:.02em;white-space:nowrap;font-variant-numeric:tabular-nums}.home{grid-template-columns:1fr 1fr;align-items:center;gap:5%;min-height:min(75vh,680px);padding-block:40px;display:grid}.intro h1{font:900 clamp(7rem, 14vw, 12rem)/.72 var(--display);letter-spacing:-.045em;text-transform:uppercase;margin:0}.intro em{color:var(--gold);text-shadow:5px 5px 0 var(--outline);font-style:normal}.intro p{max-width:25ch;color:var(--muted);margin:30px 0 22px;font-size:clamp(1.05rem,2vw,1.35rem)}.actions{max-width:440px}.primary{background:var(--gold);color:var(--ink);padding:13px 17px;font-size:1.05rem}.primary:hover:not(:disabled){background:#ffd77d}.primary span{margin-left:.65rem}.actions .primary,.panel .primary{width:100%}.secondary-row{grid-template-columns:1.15fr 1fr;gap:12px;margin-top:16px;display:grid}.start-actions{gap:16px;display:grid}.hero-art{aspect-ratio:1.1;isolation:isolate;min-width:0;position:relative}.hero-art:before{content:"";z-index:-1;background:repeating-conic-gradient(from 15deg,#ffd58422 0deg 2deg,#0000 2deg 18deg);border-radius:50%;position:absolute;inset:4% -4%;-webkit-mask-image:radial-gradient(#000 20%,#0000 71%);mask-image:radial-gradient(#000 20%,#0000 71%)}.tile{text-align:center;border:3px solid var(--outline);width:48%;height:72%;color:var(--ink);font:900 clamp(2rem, 8vw, 7.5rem)/.82 var(--display);box-shadow:5px 5px 0 var(--outline);border-radius:14%;place-content:center;display:grid;position:absolute;top:13%}.tile span{margin-top:.4em;font-size:.34em}.tile-yes{background:var(--gold);left:11%;transform:rotate(-14deg)translateY(4%)}.tile-no{background:var(--pink);right:10%;transform:rotate(12deg)translateY(-4%)}.spark{color:#ffe191;z-index:2;font-size:clamp(1rem,4vw,3rem);position:absolute}.spark-one{top:19%;left:0}.spark-two{bottom:11%;right:1%}.spark-three{font-size:1.25rem;top:1%;right:14%}.stage{width:min(100%,740px);margin:0 auto;padding-top:clamp(24px,6vh,68px)}.panel{border:2px solid var(--outline);box-shadow:5px 5px 0 var(--outline);background:#2b1650;border-radius:20px;padding:clamp(20px,5vw,43px)}.panel h1{font:900 clamp(2.8rem, 7vw, 4.8rem)/.95 var(--display);text-transform:uppercase;margin:0}.panel p{color:var(--muted)}.category-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;margin:20px 0;padding:2px 6px 6px 2px;display:grid}.mini-card{--lift:3px;text-align:left;background:var(--cream);border-radius:12px;align-content:start;justify-items:start;gap:6px;min-height:92px;padding:12px;display:grid;position:relative}.mini-card:hover:not(:disabled){background:#fff8ef}.mini-card:nth-child(4n+1){rotate:-1.5deg}.mini-card:nth-child(4n+2){rotate:1.2deg}.mini-card:nth-child(4n+3){rotate:1deg}.mini-card:nth-child(4n){rotate:-1.1deg}.mini-card[aria-pressed=true],.mini-card[aria-pressed=true]:hover:not(:disabled){background:var(--gold)}.mini-label{font:900 1.2rem/1 var(--display);text-transform:uppercase;letter-spacing:.01em}.mini-count{color:var(--plum);font-size:.8rem;font-weight:600}.mini-check{border:2px solid var(--outline);background:var(--cream);border-radius:50%;place-items:center;width:24px;height:24px;font-size:.8rem;display:grid;position:absolute;top:9px;right:9px}.suit{border:2px solid var(--outline);width:30px;height:30px;color:var(--ink);border-radius:50%;flex:none;place-items:center;display:inline-grid}[data-icon]{background:var(--disc)}.suit svg{width:68%;height:68%}.mini-card[aria-pressed=true] .suit[data-icon=ring]{background:var(--cream)}.custom-card{width:100%;color:var(--cream);box-shadow:none;text-align:left;background:0 0;border-style:dashed;margin:0 0 4px}.custom-card:hover:not(:disabled){background:#ffffff14}.custom-card:active:not(:disabled){box-shadow:none}.custom-card span{margin-right:4px;font-size:1.2rem}.custom-topic label{margin-top:10px;font-weight:700;display:block}.custom-topic label span{color:var(--muted);font-weight:400}#pack-theme{width:100%;min-height:48px;color:inherit;border:2px solid var(--outline);background:#180d32;border-radius:12px;margin:8px 0 16px;padding:12px;display:block;box-shadow:inset 0 0 0 1px #a485c7}.category-options{border:0;min-width:0;margin:0;padding:0}.fallback{width:100%;margin-top:12px}.panel h1+.primary{margin-top:22px}.card-zone{touch-action:pan-y;-webkit-user-select:none;user-select:none;flex:1;place-items:center;min-height:0;display:grid;container-type:size}.card-stack{--w:min(calc(100cqw - 34px), calc((100cqh - 30px) * .75), 470px);isolation:isolate;width:var(--w);height:calc(var(--w) * 4 / 3);position:relative;container-type:size}.card-stack:before,.card-stack:after{content:"";z-index:-1;border:2px solid var(--outline);box-shadow:5px 5px 0 var(--outline);border-radius:18px;position:absolute;inset:0}.card-stack:before{background:var(--lavender);transform:rotate(-4deg)translate(-6px,4px)}.card-stack:after{background:var(--gold);transform:rotate(3deg)translate(7px,2px)}.question-card{perspective:1400px;animation:.34s cubic-bezier(.19,.8,.25,1) both flip-forward;position:absolute;inset:0}.question-card[data-flip=back]{animation-name:flip-back}@keyframes flip-forward{0%{opacity:0;transform:perspective(900px)rotateY(-80deg)}to{opacity:1;transform:perspective(900px)rotateY(0)}}@keyframes flip-back{0%{opacity:0;transform:perspective(900px)rotateY(80deg)}to{opacity:1;transform:perspective(900px)rotateY(0)}}.flipper{transform-style:preserve-3d;transition:transform .6s var(--pop);position:absolute;inset:0}.flipper[data-side=back]{transform:rotateY(180deg)}.face{border:2px solid var(--outline);box-shadow:5px 5px 0 var(--outline);color:var(--ink);backface-visibility:hidden;border-radius:18px;flex-direction:column;transition:visibility;display:flex;position:absolute;inset:0;overflow:hidden}.flipper[data-side=back] .front,.flipper[data-side=front] .back{visibility:hidden;transition:visibility 0s .3s}.front{background:var(--cream)}.back{background:var(--pink);text-align:center;align-items:center;gap:3cqw;padding:6cqw 7cqw 5cqw;transform:rotateY(180deg)}.card-head{flex:none;justify-content:space-between;align-items:flex-start;gap:8px;padding:4.5cqw 5cqw 0;display:flex}.corner{justify-items:center;gap:1.4cqw;display:grid}.corner b{font:900 max(22px, 10cqw)/.85 var(--display);letter-spacing:.01em}.corner .suit{width:max(24px,8cqw);height:max(24px,8cqw)}.tag{border:2px solid var(--outline);text-transform:uppercase;letter-spacing:.05em;text-align:right;overflow-wrap:anywhere;border-radius:99px;max-width:72%;padding:.3em .8em;font:700 max(10.5px,3.5cqw)/1.2 DM Sans,system-ui,sans-serif}.fit{--fit:1;flex:1;min-height:0;overflow:hidden}.card-body{justify-content:space-between;gap:calc(3cqw * var(--fit));padding:calc(2.5cqw * var(--fit)) 6cqw calc(4.5cqw * var(--fit));flex-direction:column;display:flex}.card-title{margin:0 0 calc(1.8cqw * var(--fit));color:var(--plum);font:900 calc(max(13px, 5.2cqw) * var(--fit))/1 var(--display);text-transform:uppercase;letter-spacing:.02em;overflow-wrap:anywhere}.scenario{font-size:calc(max(12.5px, 4.6cqw) * var(--fit));overflow-wrap:anywhere;margin:0;line-height:1.38}.question-card h1{font:900 calc(max(20px, 9cqw) * var(--fit))/1 var(--display);text-transform:uppercase;letter-spacing:.005em;overflow-wrap:anywhere;margin:0}.key{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:linear-gradient(176deg, transparent 50%, var(--gold) 50% 92%, transparent 92%);padding:0 .06em}.verdict-strip{border-top:2px solid var(--outline);flex:none;grid-template-columns:1fr 1fr;display:grid}.verdict-strip span{font:900 max(17px, 7cqw)/1 var(--display);text-transform:uppercase;letter-spacing:.08em;place-items:center;padding:max(6px,2.4cqw) 0;display:grid}.yes{background:var(--gold)}.no{background:var(--pink);border-left:2px solid var(--outline)}.stamp{border:3px solid var(--outline);outline:2px solid var(--outline);outline-offset:3px;font:900 max(19px, 8cqw)/1 var(--display);text-transform:uppercase;letter-spacing:.04em;border-radius:8px;flex:none;margin-top:1cqw;padding:.12em .45em;rotate:-7deg}.back-body{flex-direction:column;width:100%;display:flex}.twist-text{font:900 calc(max(21px, 9.5cqw) * var(--fit))/1.02 var(--display);text-transform:uppercase;overflow-wrap:anywhere;margin:auto 0}.switch{flex:none;margin:0;font-size:max(13px,4.6cqw);font-weight:700}.fit.overflowing{overscroll-behavior:contain;overflow-y:auto}.card-actions{flex:none;justify-content:center;align-items:flex-end;gap:clamp(18px,7vw,40px);padding-top:12px;display:flex}.round,.round:hover:not(:disabled),.round:active:not(:disabled){min-height:0;box-shadow:none;color:var(--cream);letter-spacing:.02em;background:0 0;border:0;justify-items:center;gap:5px;padding:0;font-size:.78rem;font-weight:700;display:grid;transform:none}.round .disc{--lift:3px;border:2px solid var(--outline);background:var(--lavender);width:54px;height:54px;color:var(--ink);box-shadow:var(--lift) var(--lift) 0 var(--outline);border-radius:50%;place-items:center;font-size:1.45rem;font-weight:700;transition:transform 80ms ease-out,box-shadow 80ms ease-out;display:grid}.round.twist .disc{--lift:4px;background:var(--pink);width:68px;height:68px;font-size:1.8rem}.round.next .disc{background:var(--gold)}.round:active:not(:disabled) .disc{box-shadow:calc(var(--lift) - 2px) calc(var(--lift) - 2px) 0 var(--outline);transform:translate(2px,2px)}.round[aria-pressed=true] .disc{background:var(--cream)}.round:focus-visible{outline:none}.round:focus-visible .disc{outline-offset:3px;outline:3px solid #ffdd86}.shell.playing{flex-direction:column;height:100dvh;padding-bottom:18px;display:flex}.playing .top{flex:none}.playing .stage{flex-direction:column;flex:1;min-height:0;padding-top:clamp(6px,2vh,24px);display:flex}.playing .panel{overflow-y:auto}@media (width<=650px){.top{min-height:60px}.home{grid-template-columns:1fr;gap:12px;padding-block:32px 0}.intro h1{font-size:clamp(5.2rem,21vw,8rem)}.intro p{margin-top:23px}.actions{max-width:none}.hero-art{aspect-ratio:1.35;width:min(80%,300px);margin:0 auto}.tile{font-size:clamp(2.8rem,13vw,4.5rem)}}@media (width<=360px){.brand,.brand:hover:not(:disabled),.brand:active:not(:disabled){font-size:23px}.top .quiet{padding-inline:10px}.counter{font-size:1.1rem}}@media (width<=650px),(orientation:landscape) and (height<=500px){html,body{overscroll-behavior:none;height:100%;overflow:hidden}.shell{height:100dvh;padding:env(safe-area-inset-top) max(18px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));flex-direction:column;display:flex;overflow:hidden}.top{flex:none}.stage{flex:1;min-height:0;padding-top:clamp(8px,2vh,20px)}.home{flex:1;align-content:center;min-height:0;padding-block:8px}.intro h1{font-size:clamp(4rem,min(21vw,15vh),8rem)}.intro p{margin-block:12px 16px}.hero-art{min-height:0;max-height:100%}.stage>.panel{flex-direction:column;min-height:0;max-height:100%;padding:clamp(14px,3vh,24px) clamp(14px,5vw,28px);display:flex}.panel h1{font-size:clamp(2.2rem,7vh,3.4rem)}.panel p{margin:6px 0 0}.panel form{flex-direction:column;flex:1;min-height:0;display:flex}.options-scroll{overscroll-behavior:contain;flex:1;min-height:0;padding:0 2px;overflow-y:auto}.category-list{gap:12px 10px;margin:12px 0}.mini-card{gap:4px;min-height:74px;padding:10px}.mini-card .suit{width:30px;height:30px}.mini-label{font-size:1.05rem}#pack-theme{margin-bottom:10px}.panel form>.primary{flex:none;margin-top:8px}.panel form>[role=alert]{flex:none;margin:6px 0 0}.fallback{flex:none}}@media (width<=650px) and (height<=620px){.hero-art{display:none}.round .disc{width:50px;height:50px}.round.twist .disc{width:62px;height:62px}.card-actions{padding-top:8px}}@media (orientation:landscape) and (height<=500px){.top,.playing .top{min-height:48px}.home{grid-template-columns:1fr 1fr}.intro h1{font-size:clamp(3.2rem,22vh,6rem)}.hero-art{display:block}.category-list{grid-template-columns:repeat(3,minmax(0,1fr))}.mini-card{min-height:64px}.playing .stage{padding-top:4px}.playing .stage.dealt{flex-direction:row;gap:12px;width:100%;max-width:900px}.playing .dealt .card-actions{flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:0 4px 0 0}.round .disc{width:48px;height:48px;font-size:1.25rem}.round.twist .disc{width:58px;height:58px;font-size:1.5rem}}@media (prefers-reduced-motion:reduce){.question-card,.question-card[data-flip=back]{animation:none}.flipper,.face,.flipper[data-side=back] .front,.flipper[data-side=front] .back,.bar span,button,.round .disc{transition:none}}