@font-face{font-family:Geist;src:url('/assets/fonts/Geist.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:"Geist Mono";src:url('/assets/fonts/GeistMono.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--bg:#fff;--ink:#000;--muted:#5e5361;--panel:#f3f3f3;--green:#3cdd8c;--yellow:#ffc435;--pink-bright:#e699d9;--violet:#7575f0;--aubergine:#3a2234;--mint:#d4f7e6;--butter:#ffeecc;--pink:#ffccf7;--lavender:#e8e8fc;--radius:24px;--pill:9999px;--shadow:inset 0 2px 2px #ffffff66,0 3px 3px #00000026;--ease:cubic-bezier(.32,.72,0,1);color-scheme:light}
:root[data-theme=dark]{--bg:#211b26;--ink:#faf7fb;--muted:#c7bdca;--panel:#342939;color-scheme:dark}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#211b26;--ink:#faf7fb;--muted:#c7bdca;--panel:#342939;color-scheme:dark}}
*{box-sizing:border-box}
html{scroll-padding-top:24px;-webkit-text-size-adjust:100%;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-size:16px;line-height:1.55;font-feature-settings:"clig" 0,"liga" 0;overflow-x:clip}
main{min-height:50vh;outline-offset:-4px}
h1,h2,h3,p,ol,ul{margin-top:0}
h1,h2,h3{font-weight:500;letter-spacing:-.025em;text-wrap:balance}
h1{font-size:clamp(36px,4.7vw,60px);line-height:1.08;margin-bottom:24px;max-width:1050px}
h2{font-size:clamp(30px,4.3vw,54px);line-height:1.12;margin-bottom:24px}
h3{font-size:24px;line-height:1.25;margin-bottom:12px}
p{margin-bottom:20px;text-wrap:pretty}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea,summary{touch-action:manipulation;-webkit-tap-highlight-color:#7575f033}
button{cursor:pointer}
img,canvas{max-width:100%;height:auto}
::selection{background:var(--yellow);color:#000}
:focus-visible{outline:3px solid var(--violet);outline-offset:4px}
.on-dark :focus-visible,.live-band :focus-visible,.play-page :focus-visible{outline-color:var(--yellow)}
.faq-band :focus-visible{outline-color:#000}
.container{width:min(1120px,calc(100% - 64px));margin-inline:auto}
.section{padding-block:80px 96px}
.section-small{padding-top:64px}
.section-intro{font-size:20px;color:var(--muted);max-width:730px;line-height:1.5;margin-bottom:32px}
.button-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.button-row.centered{justify-content:center}
.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 26px;border:1px solid #000;border-radius:var(--pill);background:#000;color:#fff;font-size:16px;font-weight:500;line-height:1.3;text-decoration:none;white-space:nowrap;box-shadow:var(--shadow);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.button:hover{transform:translateY(-2px);box-shadow:inset 0 2px 2px #ffffff66,0 5px 8px #00000026}
.button:active{transform:translateY(1px) scale(.98)}
.button.secondary{background:transparent;border-color:currentColor;color:inherit;box-shadow:none}
.button.compact{min-height:44px;padding:9px 20px}
.button.white-button{background:#fff;border-color:#fff;color:#000}
.button.light-outline{background:transparent;color:#fff;border-color:#fff;box-shadow:none}
.text-button{border:0;border-radius:var(--pill);padding:10px 12px;min-height:44px;background:none;color:inherit;text-decoration:underline;text-underline-offset:4px;font-weight:500}
.plain-link{font-weight:500;text-underline-offset:4px}
.chip{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 19px;border:1px solid currentColor;border-radius:var(--pill);font-weight:500;font-size:15px;text-decoration:none;white-space:nowrap;transition:transform .25s var(--ease),background-color .25s var(--ease)}
.chip:hover{transform:translateY(-2px)}
.chip.active{color:#000;background:var(--lavender);border-color:var(--lavender)}
.chips,.related-links{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.mint{background:var(--mint);color:#000}.butter{background:var(--butter);color:#000}.pink{background:var(--pink);color:#000}.lavender{background:var(--lavender);color:#000}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.js-only{display:none!important}html.js .js-only:not([hidden]){display:inline-flex!important}
[hidden]{display:none!important}
.skip-link{position:absolute;left:24px;top:-100px;padding:12px 20px;z-index:4;background:#fff;color:#000;border:2px solid #000;border-radius:var(--pill)}
.skip-link:focus{top:12px}
.nav-wrap{padding-top:24px;position:relative;z-index:2}
.site-nav{width:min(1120px,calc(100% - 64px));margin-inline:auto;min-height:64px;padding:8px 12px 8px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:var(--pill);background:var(--lavender);color:#000;box-shadow:var(--shadow)}
.wordmark{display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:500;letter-spacing:-.045em;text-decoration:none;white-space:nowrap}
.brand-mark{width:28px;display:grid;grid-template-columns:repeat(2,1fr);gap:3px;flex-shrink:0}
.brand-mark i{height:12px;border-radius:3px;background:var(--green)}.brand-mark i:nth-child(2){background:var(--yellow)}.brand-mark i:nth-child(3){background:var(--pink-bright)}.brand-mark i:nth-child(4){background:var(--violet)}
.nav-links,.nav-actions{display:flex;align-items:center;gap:22px}
.nav-links a{font-weight:500;text-decoration:none;white-space:nowrap}
.nav-links a:hover{text-decoration:underline}
.nav-actions{gap:10px}
.theme-toggle{display:flex;align-items:center;justify-content:center;width:44px;min-height:44px;flex-shrink:0;border-radius:50%;text-decoration:none;color:inherit}
.theme-symbol{width:18px;height:18px;border:1.5px solid currentColor;border-radius:50%;background:linear-gradient(90deg,currentColor 50%,transparent 50%)}
.mobile-menu{display:none}
.home-hero{position:relative;overflow:clip;padding:52px 0 72px}
.hero-inner{position:relative;text-align:center;z-index:1}
.home-hero h1{font-size:clamp(44px,6.4vw,80px);line-height:1.07;margin-inline:auto;margin-bottom:24px;letter-spacing:-.045em}
.hero-copy{font-size:20px;line-height:1.45;max-width:760px;margin:0 auto 28px}
.confetti{position:absolute;inset:0;pointer-events:none;overflow:clip}
.shape{position:absolute;display:block}
.shape-green{width:190px;height:200px;left:-95px;top:34px;border-radius:36px;background:var(--green);transform:rotate(-16deg)}
.shape-yellow{width:230px;height:230px;right:-120px;top:14px;border-radius:50%;background:var(--yellow)}
.shape-pink{width:240px;height:140px;left:-110px;bottom:35px;border-radius:var(--pill);background:var(--pink-bright);transform:rotate(-24deg)}
.shape-violet{width:200px;height:200px;right:-90px;bottom:5px;border-radius:32px;background:var(--violet);transform:rotate(14deg)}
.hero-card-deck{width:min(470px,100%);margin:40px auto 0;position:relative;padding:0 8px}
.hero-card-deck:before,.hero-card-deck:after,.live-card-deck:before,.live-card-deck:after,.play-deck:before,.play-deck:after{content:"";position:absolute;inset:0;border-radius:var(--radius);background:var(--mint);transform:rotate(-4deg) translate(-8px,8px)}
.hero-card-deck:after,.live-card-deck:after,.play-deck:after{background:var(--pink);transform:rotate(3deg) translate(8px,9px)}
.mini-card{position:relative;background:#fff;color:#000;border-radius:var(--radius);padding:24px 28px 14px;z-index:1;box-shadow:0 5px 14px #3a223410;transform:rotate(1deg)}
.mini-card .demo-question{font-size:22px;line-height:1.35;letter-spacing:-.02em;margin-bottom:18px}
.demo-choices,.play-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.choice{display:flex;justify-content:center;align-items:center;text-align:center;min-height:58px;padding:14px 18px;border:2px solid transparent;border-radius:20px;background:var(--mint);color:#000;font-weight:500;line-height:1.35;text-decoration:none;transition:transform .25s var(--ease),border-color .25s var(--ease)}
.choice:nth-child(2){background:var(--butter)}
.choice:hover{transform:translateY(-2px)}
.choice.selected{border-color:#000}
.mini-choice{background:#fff!important;border:1px solid #000;border-radius:var(--pill);font-size:14px;min-height:44px;padding:8px 14px}
.demo-next{font-size:13px;display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:8px}
.game-section{padding-top:60px}
.game-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:240px 240px 160px;gap:16px;grid-auto-flow:dense}
.game-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;overflow:clip;padding:32px;border-radius:var(--radius);text-decoration:none;isolation:isolate;transition:transform .4s var(--ease)}
.game-tile:hover{transform:translateY(-4px)}
.game-tile h3{font-size:34px;letter-spacing:-.03em;position:relative;z-index:1}
.game-tile p{font-size:18px;line-height:1.4;max-width:270px;position:relative;z-index:1;margin-bottom:24px}
.game-tile .button{margin-top:auto;position:relative;z-index:1}
.tile-wyr{grid-row:span 2}
.tile-wyr h3{font-size:42px}
.tile-wyr p{font-size:21px;max-width:310px}
.tile-ice{grid-column:span 2;flex-direction:row;align-items:center;gap:30px}
.tile-ice p{max-width:490px;margin-bottom:0}
.tile-ice .button{margin-top:0;margin-left:auto}
.tile-art{position:absolute;pointer-events:none;transition:transform .65s var(--ease)}
.game-tile:hover .tile-art{transform:rotate(-5deg) scale(1.035)}
.circles{width:270px;height:180px;right:24px;bottom:110px}
.circles i{position:absolute;display:block;border-radius:50%;width:175px;height:175px;background:var(--green)}.circles i:nth-child(2){right:0;background:var(--yellow);mix-blend-mode:multiply}
.question-marks{color:var(--yellow);font-size:190px;font-weight:500;right:20px;bottom:-35px;line-height:1}
.quote-marks{font-size:260px;color:var(--pink-bright);line-height:1;right:8px;bottom:-66px}
.color-bars{position:static;display:grid;gap:5px;width:110px;flex-shrink:0}
.color-bars i{display:block;height:11px;border-radius:var(--pill);background:var(--green)}.color-bars i:nth-child(2){background:var(--yellow)}.color-bars i:nth-child(3){background:var(--pink-bright)}.color-bars i:nth-child(4){background:var(--violet)}.color-bars i:nth-child(5){background:var(--aubergine)}
.group-row{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:32px;scroll-margin-top:28px}
.group-row h3{font-size:18px;margin-bottom:0;letter-spacing:0}
.group-row .plain-link{margin-left:auto}
.live-band{background:var(--aubergine);color:#fff;padding-block:96px;overflow:clip}
.live-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}
.live-card-deck{position:relative;margin:15px}
.live-card{position:relative;z-index:1;transform:rotate(-3deg);background:#fff;color:#000;padding:36px 32px 28px;border-radius:var(--radius)}
.card-game{font-size:16px;font-weight:500;margin-bottom:28px}
.live-card .demo-question{font-size:30px;font-weight:500;line-height:1.25;letter-spacing:-.025em;margin-bottom:30px}
.live-card .choice{font-size:16px;padding:14px 12px}
.live-card .button{width:100%;margin-top:24px}
.live-copy h2{font-size:clamp(38px,4.4vw,56px)}
.live-copy p{font-size:21px;line-height:1.5;max-width:400px;margin-bottom:32px}
.faq-band{background:var(--violet);color:#000;padding-block:96px}
.faq-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start}
.faq-layout>div:first-child>p{font-size:20px;line-height:1.5;margin-bottom:28px;max-width:350px}
.faq-list{display:grid;gap:16px}
.faq-list details{background:#fff;color:#000;border-radius:20px;padding:0 24px}
.faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;font-weight:500;font-size:18px;min-height:78px;padding-block:20px}
summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";font-size:26px;line-height:1;flex-shrink:0}
.faq-list details[open] summary:after{content:"−"}
.faq-list details[open] summary{padding-bottom:12px}
.faq-list details>p{font-size:16px;line-height:1.6;margin-bottom:24px}
.site-footer{background:var(--bg);padding-block:56px 32px}
.footer-main>p{color:var(--muted);margin-top:16px}
.footer-links{display:flex;gap:16px 24px;flex-wrap:wrap;font-size:15px}
.footer-bottom{margin-top:32px;padding-top:24px;border-top:1px solid #88888844;display:flex;gap:24px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.footer-bottom>span:nth-child(2){margin-left:auto}
.directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:32px;grid-auto-flow:dense}
.directory-tile{border-radius:var(--radius);padding:32px;display:flex;flex-direction:column;text-decoration:none;min-width:0;transition:transform .35s var(--ease)}
.directory-tile:hover{transform:translateY(-3px)}
.directory-grid>.directory-tile:last-child:nth-child(odd){grid-column:1 / -1}
.directory-tile h2{font-size:30px;margin-bottom:16px}
.directory-tile p{font-size:18px;margin-bottom:24px}
.directory-tile .plain-link{margin-top:auto;text-decoration:underline}
.bank-meta{font-size:14px;margin-bottom:24px}
.breadcrumbs{font-size:14px;color:var(--muted);margin-bottom:32px}
.breadcrumbs ol{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin-bottom:0}
.breadcrumbs li+li:before{content:"/";margin-right:8px}
.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}
.bank-header{padding-top:32px;padding-bottom:24px}
.bank-header h1{max-width:1000px}
.bank-actions{margin-bottom:24px}
.rating-note{font-size:14px;color:var(--muted);margin-left:auto}
.more-filters{margin-top:20px}
.more-filters>summary{display:inline-flex;align-items:center;gap:12px;min-height:44px;cursor:pointer;font-size:15px;text-decoration:underline;text-underline-offset:4px}
.more-filters>summary:after{content:"+";font-size:20px}
.more-filters[open]>summary:after{content:"−"}
.more-filters .chips{margin-top:12px}
.skip-note{color:var(--muted);margin:12px 0 0;font-size:14px}
.list-position{color:var(--muted);font-size:14px;margin-bottom:20px}
.question-list{list-style:none;padding:0;display:grid;gap:10px;margin-bottom:0}
.question{display:grid;grid-template-columns:30px 1fr auto;align-items:start;gap:16px;padding:20px 24px;border-radius:20px;background:var(--panel);min-width:0;content-visibility:auto;contain-intrinsic-size:auto 120px}
.question:nth-child(odd){background:var(--mint);color:#000}
.question p{font-size:18px;line-height:1.5;margin:0}
.question-list.featured .question p{font-size:22px;line-height:1.4}
.question-number{font-size:14px;padding-top:5px;font-variant-numeric:tabular-nums}
.copy-question{font-size:13px;min-width:50px;min-height:44px;align-self:center;color:inherit;background:transparent;border:1px solid currentColor;border-radius:var(--pill);padding:8px;white-space:nowrap}
.question-kind{display:block;font-size:13px;font-weight:500;margin-bottom:4px}
.question-group{margin-top:56px}
.question-group h2{font-size:30px;margin-bottom:24px}
.question-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
.question-columns .question{grid-template-columns:24px 1fr;gap:10px;padding:20px}
.question-columns .copy-question{grid-column:2;justify-self:start;align-self:end}
.pagination{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;padding-block:40px 64px}
.rules-band{background:var(--lavender);color:#000;padding-block:80px}
.rules-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px}
.rules-layout h2{font-size:38px}
.rules-layout p{font-size:18px}
.variations{display:grid;gap:28px}
.variations h3{font-size:22px}.variations p{font-size:16px;margin-bottom:0}
.empty-state{padding:40px;border-radius:var(--radius);background:var(--lavender);color:#000;margin-bottom:40px}
.play-page{background:var(--aubergine);color:#fff}
.play-shell{position:relative;overflow:clip;min-height:100dvh;padding-bottom:30px}
.play-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:24px;position:relative;z-index:1}
.play-header h1{font-size:20px;line-height:1.3;margin-bottom:0;text-align:center;max-width:600px}
.play-header a{color:#fff}.play-back{font-size:15px;white-space:nowrap}
.play-content{width:min(820px,calc(100% - 64px));margin:48px auto 0;position:relative;z-index:1;text-align:center}
.play-content>.chips{justify-content:center;margin-bottom:24px}
.play-deck{position:relative;margin:10px}
.play-deck:before{background:var(--butter)}
.play-card{background:#fff;color:#000;border-radius:32px;padding:44px;position:relative;z-index:1;min-height:280px;display:flex;flex-direction:column;justify-content:center}
.play-card h2{font-size:clamp(27px,3.2vw,42px);line-height:1.25;margin-bottom:32px;outline-offset:8px}
.play-card h2:last-child{margin-bottom:0}
.play-choices .choice{min-height:84px;font-size:18px;padding:18px}
.choice-feedback{font-size:14px;margin-top:20px;margin-bottom:0}
.play-controls{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:38px}
.play-controls .button:first-child{min-width:230px}
.play-progress{font-size:15px;color:#e6dce8;margin:22px 0 14px;font-variant-numeric:tabular-nums}
.play-secondary{display:flex;justify-content:center;gap:20px;align-items:center;font-size:14px}
.play-comfort{font-size:13px;color:#e6dce8;margin:20px 0 0}
.play-confetti{position:absolute;inset:0;pointer-events:none}
.play-confetti i{position:absolute;display:block;width:200px;height:260px;background:var(--green);left:-120px;bottom:80px;border-radius:50%}
.play-confetti i:nth-child(2){width:190px;height:190px;background:var(--pink-bright);border-radius:32px;left:auto;right:-105px;top:160px;transform:rotate(35deg)}
.tool-heading{text-align:center;margin-bottom:48px}
.tool-heading h1{margin-inline:auto;max-width:1000px}
.tool-heading p{font-size:20px;color:var(--muted)}
.tool-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:56px;align-items:center}
.tool-layout>*,.print-layout>*{min-width:0}
.tool-form,.print-form{padding:32px;border-radius:var(--radius)}
label{font-weight:500;display:block;margin-bottom:10px}
input:not([type=checkbox]),select,textarea{width:100%;min-height:48px;border:1px solid #00000066;border-radius:14px;color:#000;background:#fff;padding:12px 16px;margin-bottom:20px}
textarea{resize:vertical;min-height:210px;line-height:1.6}
input::placeholder,textarea::placeholder{color:#625665;opacity:1}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#000}
.field-help{font-size:14px;line-height:1.5;color:inherit;opacity:.85;margin-top:-8px;margin-bottom:24px}
.checkbox-label{display:flex;align-items:center;gap:10px;min-height:44px;margin:14px 0 0;font-size:15px}
input[type=checkbox]{width:20px;height:20px;accent-color:#000;flex-shrink:0}
.tool-form .button-row{margin-top:24px}
.form-error{padding:14px;border:2px solid #7e2443;border-radius:14px;color:#651833;background:#fff;margin:16px 0}
.tool-visual{min-width:0;text-align:center}
.wheel-frame{position:relative;aspect-ratio:1;width:min(460px,100%);margin:0 auto}
.wheel-disc{position:absolute;inset:0;overflow:hidden;border-radius:50%}
.wheel-pointer{position:absolute;left:calc(50% - 14px);top:-10px;width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:30px solid #000;z-index:1;filter:drop-shadow(0 2px 0 #fff)}
.wheel-fallback{position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--green) 0 72deg,var(--yellow) 72deg 144deg,var(--violet) 144deg 216deg,var(--mint) 216deg 288deg,var(--pink-bright) 288deg 360deg);display:grid;place-items:center}
.wheel-fallback span{padding:20px;border-radius:50%;background:#fff;color:#000;font-size:15px}
.wheel-canvas{display:none;width:100%;height:100%;border-radius:50%}
html.js .wheel-canvas{display:block}html.js .wheel-fallback{display:none}
.tool-result{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 36px;border-radius:var(--radius);margin-top:48px}
.tool-result p{margin-bottom:8px;font-size:16px}
.tool-result h2{font-size:40px;margin:0;overflow-wrap:anywhere}
.tool-notes{max-width:760px;margin:64px auto 32px}
.tool-notes h2{font-size:30px}
.ready-note{color:var(--muted);margin:26px 0 0;font-size:16px}
.picker-art{position:relative;min-height:290px;display:grid;place-items:center}
.picker-art i{position:absolute;display:block;width:180px;height:180px;background:var(--green);border-radius:50%;left:16%;top:25px}
.picker-art i:nth-child(2){background:var(--yellow);border-radius:30px;left:auto;right:16%;top:70px;transform:rotate(15deg)}
.picker-art>span{position:relative;color:#000;font-size:170px;font-weight:500}
.coin-display{width:230px;height:230px;background:var(--yellow);color:#000;border-radius:50%;display:grid;place-items:center;font-size:100px;margin:30px auto;box-shadow:inset 0 0 0 12px #ffffff44}
.dice-display{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;padding-block:24px}
.die{display:grid;place-items:center;width:88px;height:88px;border-radius:20px;background:var(--butter);color:#000;font-size:42px;font-variant-numeric:tabular-nums}
.die-ready{width:150px;height:150px;grid-template-columns:1fr 1fr;padding:30px;gap:20px;transform:rotate(-7deg)}
.die i{width:22px;height:22px;border-radius:50%;background:#000}
.teams-display{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;text-align:left}
.team-card{border-radius:20px;padding:22px;min-width:0}.team-card h2{font-size:23px;margin-bottom:14px}.team-card ul{padding-left:20px;margin-bottom:0}.team-card li{overflow-wrap:anywhere}
.order-result{grid-column:span 2;background:var(--mint);color:#000;border-radius:24px;padding:28px 28px 28px 58px;font-size:22px;line-height:1.8;overflow-wrap:anywhere;margin:0}
.print-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:start}
.print-form h2{font-size:24px;line-height:1.3;margin-bottom:24px}
.print-form>.button{width:100%;margin:22px 0 16px}
.print-form .field-help{margin:20px 0 0}
.print-preview{padding:24px;border-radius:var(--radius);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.print-card{background:#fff;color:#000;border:1px dashed #555;border-radius:16px;padding:20px;display:flex;flex-direction:column;min-height:210px}
.print-card>span{font-size:12px;margin-bottom:12px}
.print-card p{font-size:17px;font-weight:500;line-height:1.4;margin-bottom:16px}
.print-card small{font-size:9px;margin-top:auto}
.article{max-width:850px}.article h1{max-width:850px}
.article-lead{font-size:22px;color:var(--muted);line-height:1.6;max-width:700px;margin-bottom:56px}
.article>section{margin-bottom:44px}
.article h2{font-size:30px;line-height:1.3;margin-bottom:20px}
.article p,.article li{font-size:18px;line-height:1.7}
.article li{margin-bottom:10px}
pre{font-family:"Geist Mono",ui-monospace,monospace;font-size:14px;padding:24px;border-radius:20px;overflow:auto;background:var(--panel);line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}
.search-form{max-width:700px;margin:32px 0}
.search-form>div{display:flex;gap:12px;align-items:start}.search-form input{flex:1;min-width:0}
.error-code{display:block;font-size:100px;line-height:1;color:var(--violet);margin-bottom:24px}
.error-page h1{max-width:800px}
.embed-page{background:var(--mint);color:#000}.embed-card{padding:32px}.embed-card h1{font-size:18px}.embed-question{font-size:28px;line-height:1.35;font-weight:500}.embed-card .field-help{margin-top:20px}
.consent-banner{position:fixed;bottom:16px;left:16px;right:16px;max-width:950px;margin:auto;padding:24px;background:#fff;color:#000;border-radius:24px;border:1px solid #000;box-shadow:0 8px 35px #3a223433;z-index:3}
html.js .consent-banner.js-only:not([hidden]){display:block!important}
.consent-banner p{margin-bottom:16px}
.ad-slot{min-height:280px;margin:40px 0;text-align:center;background:var(--panel);padding:16px;font-size:12px;color:var(--muted)}
@media(min-width:1500px){.shape-green{left:calc(50% - 810px)}.shape-yellow{right:calc(50% - 820px)}.shape-pink{left:calc(50% - 820px)}.shape-violet{right:calc(50% - 810px)}}
@media(max-width:1100px){.nav-links{gap:16px}.nav-links a:nth-child(2){display:none}.game-tile h3{font-size:30px}.tile-wyr h3{font-size:36px}.circles{width:220px;right:8px}.circles i{width:145px;height:145px}.live-layout{gap:48px}.faq-layout{gap:40px}.tool-layout{gap:32px}}
@media(max-width:900px){.nav-links{display:none}.mobile-menu{display:block;position:relative}.mobile-menu summary{list-style:none;cursor:pointer;display:grid;place-items:center;min-width:40px;min-height:40px;border-radius:50%}.menu-lines{width:18px;height:12px;position:relative;border-top:1.5px solid #000;border-bottom:1.5px solid #000;transition:transform .3s var(--ease)}.mobile-menu[open] .menu-lines{transform:rotate(90deg)}.menu-panel{position:absolute;right:0;top:55px;width:270px;background:var(--lavender);color:#000;padding:20px;border-radius:24px;box-shadow:var(--shadow);display:grid;gap:6px}.menu-panel>a{min-height:44px;padding:10px 12px;text-decoration:none}.tile-ice .color-bars{display:none}.tool-form .button-row .button{padding-inline:18px}.print-layout{gap:28px}.print-preview{padding:16px;gap:12px}.print-card{padding:16px}}
@media(max-width:767px){
 .container,.site-nav{width:calc(100% - 32px)}
 .section{padding-block:40px 56px}.section-small{padding-top:40px}
 h1{font-size:36px;line-height:1.13}h2{font-size:34px;line-height:1.17}
 .section-intro{font-size:18px;margin-bottom:28px}
 .nav-wrap{padding-top:16px}.site-nav{min-height:56px;padding:8px 10px 8px 16px;gap:8px}.wordmark{font-size:17px;gap:7px}.brand-mark{width:22px;gap:2px}.brand-mark i{height:10px}.nav-play{display:none}.nav-actions{gap:2px}.theme-toggle{width:44px;min-height:44px}.mobile-menu summary{min-width:44px;min-height:44px}
 .home-hero{padding:42px 0 50px}.home-hero h1{font-size:clamp(39px,7.3vw,54px);line-height:1.08;letter-spacing:-.04em;margin-bottom:20px}.hero-copy{font-size:17px;max-width:500px;margin-bottom:24px;padding-inline:5px}.home-hero .button{padding-inline:23px}
 .hero-card-deck{width:min(420px,calc(100% - 24px));margin-top:32px}
 .mini-card{padding:22px 20px 12px;transform:none}.mini-card .demo-question{font-size:20px;line-height:1.35}.mini-choice{font-size:13px;padding-inline:10px}.demo-choices{gap:8px}
 .shape-green{width:95px;height:100px;left:-70px;top:30px;border-radius:20px}.shape-yellow{width:105px;height:105px;right:-80px;top:8px}.shape-pink{width:110px;height:80px;left:-90px;bottom:80px}.shape-violet{width:100px;height:110px;right:-78px;bottom:15px;border-radius:20px}
 .game-section{padding-top:28px}.game-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:12px}.game-tile{padding:28px;min-height:225px}.game-tile h3,.tile-wyr h3{font-size:30px}.game-tile p,.tile-wyr p{font-size:17px;max-width:230px}.tile-wyr{grid-row:auto;min-height:330px}.tile-ice{grid-column:auto;display:flex;flex-direction:column;align-items:start}.tile-ice p{margin-bottom:24px;max-width:230px}.tile-ice .button{margin-left:0;margin-top:auto}
 .circles{width:200px;height:125px;right:18px;bottom:74px}.circles i{width:125px;height:125px}.question-marks{font-size:170px;right:15px;bottom:-35px}.quote-marks{font-size:230px}
 .group-row{gap:16px;margin-top:28px}.group-row h3{width:100%}.group-row .plain-link{margin-left:0}
 .live-band,.faq-band{padding-block:56px}.live-layout,.faq-layout,.rules-layout,.tool-layout,.print-layout{grid-template-columns:1fr;gap:36px}
 .live-copy{order:-1}.live-copy h2{font-size:42px}.live-copy p{font-size:18px;max-width:450px;margin-bottom:24px}
 .live-card-deck{margin:8px 12px}.live-card{transform:none;padding:28px 24px}.live-card .demo-question{font-size:27px;margin-bottom:24px}.card-game{margin-bottom:20px}.live-card .choice{font-size:15px;min-height:64px}
 .faq-layout>div:first-child>p{font-size:18px;max-width:450px}.faq-list details{padding:0 20px}.faq-list summary{font-size:17px;min-height:72px}
 .site-footer{padding-block:40px 24px}.footer-links{gap:14px 20px}.footer-bottom{gap:12px}.footer-bottom>span:nth-child(2){margin-left:0}
 .directory-grid{grid-template-columns:1fr;gap:12px}.directory-tile{padding:28px}.directory-tile h2{font-size:28px}
 .bank-header{padding-top:32px}.breadcrumbs{font-size:13px;margin-bottom:24px}.bank-header h1{font-size:34px;max-width:600px}
 .rating-note{width:100%;margin-left:0}.filter-chips{gap:8px}.filter-chips .chip{padding-inline:14px;font-size:14px}
 .question{padding:20px 16px;grid-template-columns:22px 1fr;gap:10px}.question-list.featured .question p{font-size:20px}.question p{font-size:17px}.question .copy-question{grid-column:2;justify-self:start;margin-top:0}.question-columns{grid-template-columns:1fr}.question-group{margin-top:40px}.question-group h2{font-size:27px}
 .rules-band{padding-block:56px}.rules-layout h2{font-size:32px}
 .play-header{padding-top:20px;gap:12px;align-items:center}.play-header h1{font-size:16px;max-width:200px}.play-back{font-size:13px;white-space:normal;max-width:85px}.play-content{width:calc(100% - 32px);margin-top:32px}
 .play-deck{margin:6px}.play-deck:before,.play-deck:after{transform:translate(-4px,5px)}.play-deck:after{transform:translate(5px,7px)}.play-card{padding:30px 24px;min-height:270px;border-radius:24px}.play-card h2{font-size:27px;line-height:1.24;margin-bottom:24px}
 .play-choices{grid-template-columns:1fr;gap:10px}.play-choices .choice{font-size:17px;min-height:64px;padding:15px}
 .play-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.play-controls .button:first-child{grid-column:span 2;min-width:0;min-height:52px}.play-controls .button{min-height:48px}
 .play-secondary{gap:12px;flex-wrap:wrap;font-size:13px}.play-progress{margin-top:20px}.play-comfort{margin-top:14px}.play-confetti i{left:-165px;bottom:80px}.play-confetti i:nth-child(2){right:-165px;top:160px}
 .tool-heading{text-align:left;margin-bottom:32px}.tool-heading h1{font-size:36px}.tool-heading p{font-size:18px}.tool-form,.print-form{padding:24px}.tool-layout{gap:40px}.tool-result{padding:24px;align-items:start;flex-direction:column;margin-top:32px}.tool-result h2{font-size:34px}.tool-notes{margin-top:40px}.wheel-frame{width:min(360px,calc(100% - 16px))}.team-card{padding:20px}.teams-display{grid-template-columns:1fr}.order-result{grid-column:auto}
 .print-preview{padding:16px;grid-template-columns:1fr 1fr;gap:10px}.print-card{padding:14px;min-height:240px;border-radius:12px}.print-card p{font-size:14px;line-height:1.45}.print-card>span{font-size:10px}.print-card small{font-size:8px;overflow-wrap:anywhere}
 .article-lead{font-size:20px;margin-bottom:40px}.article p,.article li{font-size:17px}.article h2{font-size:28px}.search-form>div{flex-wrap:wrap}.search-form input{min-width:180px}.consent-banner{left:8px;right:8px;bottom:8px;padding:20px}.consent-banner .button-row{gap:10px}.embed-card{padding:24px}.embed-question{font-size:25px}
}
@media(min-width:768px) and (max-width:1100px){.shape-green{left:-145px}.shape-yellow{right:-180px}.shape-pink{left:-190px}.shape-violet{right:-165px}.hero-copy{max-width:calc(100% - 80px)}}
@media(max-width:380px){.wordmark{font-size:15px}.brand-mark{width:20px}.nav-actions{gap:0}.site-nav{padding-left:12px}.home-hero h1{font-size:39px}.button-row{gap:10px}.button{padding-inline:22px}.print-preview{grid-template-columns:1fr}.print-card{min-height:200px}.play-header h1{font-size:14px}.play-card{padding:26px 20px}.play-card h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover,.game-tile:hover,.directory-tile:hover,.chip:hover,.choice:hover{transform:none}.tile-art{transform:none!important}}
@media print{body{background:#fff!important;color:#000!important;font-size:12pt}.nav-wrap,.site-footer,.skip-link,.button,.text-button,.chips,.breadcrumbs,.more-filters,.bank-actions,.rating-note,.confetti,.faq-band,.rules-band,.consent-banner,.ad-slot,.pagination,.play-controls,.play-secondary,.print-form,.print-layout>div:first-child{display:none!important}.container{width:100%;padding:0}.print-layout{display:block}.print-preview{background:none;padding:0;gap:5mm;grid-template-columns:1fr 1fr}.print-card{break-inside:avoid;min-height:65mm;border-radius:0;font-size:11pt}.print-card p{font-size:12pt}.question{break-inside:avoid;background:#fff!important;color:#000!important;border-bottom:1px solid #ddd;content-visibility:visible}.question-columns{grid-template-columns:1fr}.bank-header{padding:0}.question-section{padding-top:10mm}.article{max-width:none}}