@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap";:root{color:#fff1e1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--gold:#ffcb59;--ink:#24123c;--muted:#ded0ee;--display:"Barlow Condensed", Impact, "Arial Narrow", sans-serif;background:#180d32;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 73% 23%,#6a3194 0,#0000 48%),repeating-linear-gradient(108deg,#0000 0 110px,#ffffff07 111px 112px,#0000 113px 220px),linear-gradient(150deg,#281049,#180d32 78%);min-width:280px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit;cursor:pointer;background:#382157;border:1px solid #896cac;border-radius:11px;min-height:46px;padding:12px 16px;font-weight:700}button:hover:not(:disabled){background:#513078}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #ffdd86}h1:focus{outline:none}.shell{max-width:1220px;margin:auto;padding:0 clamp(18px,5vw,70px) 36px}.top{border-bottom:1px solid #ffffff32;justify-content:space-between;align-items:center;gap:10px;min-height:76px;display:flex}.brand{font:800 28px/1 var(--display);background:0 0;border:0;padding-inline:4px}.brand span{color:var(--gold);margin-right:5px}.quiet{background:0 0;border-color:#0000}.top button{white-space:nowrap}.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:0 5px #915019;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);border:1px solid #ffdc89;padding:13px 17px;font-size:1.05rem;box-shadow:0 4px #9e5622}.primary:hover:not(:disabled){background:#ffdb88}.primary span{margin-left:.65rem}.actions .primary,.panel .primary{width:100%}.secondary-row{grid-template-columns:1.15fr 1fr;gap:10px;margin-top:14px;display:grid}.start-actions{gap:14px;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;width:48%;height:72%;color:var(--ink);font:900 clamp(2rem, 8vw, 7.5rem)/.82 var(--display);border:4px solid #fff0cb;border-radius:15%;place-content:center;display:grid;position:absolute;top:13%;box-shadow:inset 0 0 0 5px #24123c23,0 8px #24123c,0 22px 46px #12072191}.tile span{margin-top:.4em;font-size:.34em}.tile-yes{background:#ffce65;left:11%;transform:rotate(-16deg)translateY(4%)}.tile-no{background:#f990c6;right:10%;transform:rotate(14deg)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{background:#271442;border:1px solid #8b65ae;border-radius:20px;padding:clamp(20px,5vw,43px)}.panel h1{font:800 clamp(2.8rem, 7vw, 4.8rem)/.95 var(--display);margin:0}.panel p{color:var(--muted)}.category-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:24px 0;display:grid}.category-list button{text-align:left;align-items:center;gap:9px;display:flex}.category-icon{color:var(--gold);font-size:1.3rem}.color-1,.color-4{color:#ff9bd0}.color-2,.color-5{color:#b7e5f3}button[aria-pressed=true],button[aria-expanded=true]{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold);background:#5b347e}.fallback{width:100%;margin-top:10px}.panel h1+.primary{margin-top:22px}.question-card{color:var(--ink);background:#fff0dc;border-radius:18px;animation:.34s cubic-bezier(.19,.8,.25,1) both flip-forward;overflow:hidden;box-shadow:0 7px #c98957,0 24px 50px #1309218a}.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)}}.card-top{background:#ffcb59;justify-content:space-between;gap:12px;padding:13px clamp(20px,5vw,42px);font-size:.9rem;font-weight:700;display:flex}.card-top span:first-child{overflow-wrap:anywhere}.card-top span:last-child{white-space:nowrap}.card-body{--fit:1;padding:calc(clamp(20px, 5vw, 42px) * var(--fit))}.card-title{font:800 calc(clamp(1.65rem, 3.8vw, 2.15rem) * var(--fit))/1.08 var(--display);margin:0 0 calc(10px * var(--fit));color:#633584}.scenario{font-size:calc(clamp(1.06rem, 2.4vw, 1.24rem) * var(--fit));margin:0 0 calc(20px * var(--fit));overflow-wrap:anywhere;line-height:1.42}.question-card h1{font:800 calc(clamp(1.95rem, 5vw, 2.9rem) * var(--fit))/1.08 var(--display);overflow-wrap:anywhere;margin:0}.cue{font-weight:700;font-size:calc(1rem * var(--fit));margin:calc(15px * var(--fit)) 0 0;color:#663586}.twist{font-size:calc(1rem * var(--fit));margin:calc(18px * var(--fit)) 0 0;padding:calc(12px * var(--fit)) 15px;background:#f3dcf3;border-left:4px solid #823ba5;border-radius:4px}.card-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.card-actions .primary{white-space:nowrap;flex:1}.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(14px,4vh,56px);display:flex}.playing .question-card{flex-direction:column;flex:auto;min-height:12rem;max-height:620px;display:flex}.playing .card-top{flex:none}.playing .card-body{flex:1;min-height:0;overflow:hidden}.playing .card-body.overflowing{overscroll-behavior:contain;overflow-y:auto}.playing .card-actions{flex:none}.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{border-width:3px;font-size:clamp(2.8rem,13vw,4.5rem)}.category-list{grid-template-columns:1fr}.card-actions .primary{flex-basis:100%}.card-actions{margin-top:18px}}@media (width<=360px){.brand{font-size:24px}.top .quiet{padding-inline:8px}}@media (orientation:landscape) and (height<=500px){.playing .top{min-height:48px}.playing .stage{padding-top:10px}.playing .stage.dealt{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(150px,190px);gap:16px;width:100%;max-width:900px;display:grid}.playing .dealt .question-card{min-height:0;max-height:none}.playing .dealt .card-top{padding-block:9px}.playing .dealt .card-actions{flex-direction:column-reverse;justify-content:flex-start;margin:0}.playing .dealt .card-actions .primary{flex:none}}@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(18px, 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(10px,3vh,24px)}.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}.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(16px,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}.category-options{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.category-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.category-list button{min-height:42px;padding:8px 10px;font-size:.92rem}#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}}@media (orientation:landscape) and (height<=500px){.top{min-height:44px}.home{grid-template-columns:1fr 1fr}.intro h1{font-size:clamp(3.2rem,22vh,6rem)}.hero-art{display:block}}@media (prefers-reduced-motion:reduce){.question-card,.question-card[data-flip=back]{animation:none}}#pack-theme{width:100%;color:inherit;background:#180d32;border:1px solid #a485c7;border-radius:9px;margin:8px 0 16px;padding:12px;display:block}.category-options{border:0;min-width:0;margin:0;padding:0}.custom-topic label{font-weight:700}.custom-topic label span{color:var(--muted);font-weight:400}