:root{--canvas:#f6f6f3;--ink:#202321;--muted:#4d554e;--line:#cbd1ca;--accent:#fe7141;--preview:#d1ddd3;--focus:#1c5540}
body{background:#fff;color:var(--ink)}.site-header{max-width:1440px;padding:24px 40px}.wordmark{font-family:var(--display);font-size:30px;letter-spacing:-.8px;gap:12px}.wordmark svg{width:26px;height:26px}nav{font-size:15px;gap:32px}main{max-width:1360px;margin-inline:auto}.studio-intro{grid-template-columns:1fr 1fr;gap:0;padding:0;align-items:stretch;background:var(--canvas);margin-top:8px;min-height:620px}.studio-intro .intro-copy{padding:62px 45px 48px;max-width:none;display:flex;flex-direction:column;justify-content:center}.studio-intro h1{font-size:clamp(60px,6.55vw,94px);line-height:.98;letter-spacing:-.035em;max-width:620px}.studio-intro .intro-copy>p{max-width:390px;font-size:18px;line-height:1.55;margin-top:26px}.studio-intro .intro-copy>.intro-note{font-size:14px;margin-top:20px;color:var(--ink)}.start-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;align-self:flex-start;background:var(--ink);color:white;text-decoration:none;padding:17px 24px;border-radius:3px;font-weight:600;min-height:56px;margin-top:30px;transition:transform 160ms var(--ease)}.start-button:active:not(:focus-visible){transform:scale(.98)}.hero-art{max-width:none!important;margin:0!important;padding:42px 44px 28px!important;background:var(--accent);display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;overflow:hidden}.hero-art #hero-card{width:100%;max-width:410px;transform:rotate(-3deg);padding:0}.hero-art .preview-card{padding:26px;max-width:none}.hero-art .preview-card h3{font-size:28px}.hero-art .bingo-cell{font-size:9px;min-height:60px;padding:6px}.hero-art .bingo-grid[data-size='5'] .bingo-cell{font-size:8px;min-height:50px}.hero-art .preview-card-bottom{font-size:9px}.hero-art .hero-caption{font-size:14px;line-height:1.4;margin-top:28px;align-self:flex-end;color:var(--ink)}.builder-intro{display:flex;justify-content:space-between;align-items:end;padding:66px 0 26px;gap:24px}.builder-intro h2{font:600 46px/1.05 var(--display);letter-spacing:-.03em}.builder-intro p{font-size:16px}.builder{grid-template-columns:360px minmax(0,1fr);border-radius:0;overflow:visible;background:var(--canvas)}.controls{padding:30px;background:var(--canvas);border-radius:0;scroll-margin-top:20px}.controls-heading{margin-bottom:28px}.controls-heading h2{font-size:20px}.preview-jump{font-size:13px}.occasion{border-radius:3px;min-height:44px}.occasion.active{background:var(--ink)}input,textarea,select{border-radius:3px;background:white}.field-help{font-size:13px;line-height:1.5}.field-pair input,.field-pair select{font-size:14px}.prompt-editor{border:0;background:#e8ece6;margin-top:24px;padding-inline:12px}.prompt-content{padding-top:0}.prompt-content textarea{background:white}.print-options{margin-top:28px}.print-action p{font-size:12px}.primary-button{background:var(--accent);color:var(--ink);border-radius:3px;min-height:56px}.check-label{font-size:14px;min-height:40px}.preview-panel{background:var(--preview);padding:30px 50px 34px;border-radius:0}.preview-toolbar h2{font-size:18px}.preview-toolbar span{font-size:14px}.shuffle-button{font-size:14px}.preview-stage{padding:34px 0 24px}.preview-card{width:100%;max-width:560px;padding:32px;background:white;border-radius:0}.preview-card-top{font-size:11px;letter-spacing:.035em;color:var(--ink);margin-bottom:16px;font-weight:600}.preview-card h3{font:600 34px/1.05 var(--display);max-width:100%;margin-bottom:12px;color:var(--ink)}.card-subhead{display:flex;align-items:center;justify-content:space-between;gap:12px}.preview-card .card-instruction{margin:0;font-size:12px;color:var(--ink)}.bingo-wordmark{font-weight:700;font-size:13px;letter-spacing:.18em}.preview-card .bingo-grid{margin-top:12px;border-top:4px solid var(--accent);border-left:1px solid #879a8c}.preview-card .bingo-cell{flex-direction:column;gap:8px;justify-content:space-between;border-color:#a8b3a9;padding:12px 7px 9px;min-height:94px;font-size:11px}.preview-card .cell-prompt{margin-block:auto;width:100%}.preview-card .name-line{width:80%;height:5px;min-height:5px;border-bottom:1px solid #b0bbb1}.preview-card .free-space{background:#d1ddd3;justify-content:center;font-family:var(--display);font-size:18px;font-weight:600}.preview-card.ink-light .bingo-grid{border-top-color:var(--ink)}.preview-card.ink-light .free-space{background:white}.preview-card-bottom{font-size:10px;color:var(--ink);margin-top:14px}.preview-caption{font-size:13px;color:var(--ink)}.status{font-size:13px}.included{border:0;grid-template-columns:1fr 1.35fr;gap:30px;margin-top:14px;padding:18px 0 0}.included h3{font-size:30px}.included p{font-size:14px;color:var(--ink)}.how-to-play{grid-template-columns:1fr 1fr;padding:90px 44px;gap:70px}.how-to-play h2{font-size:56px;line-height:1.03}.how-to-play>div>p{font-size:16px;max-width:380px;color:var(--ink)}.how-to-play h3{font-size:18px}.how-to-play li p{font-size:16px;max-width:54ch;color:var(--ink)}.how-to-play li{padding-left:12px;margin-bottom:26px}.questions{border-radius:0;grid-template-columns:1fr 1fr;gap:70px;padding:48px 44px;background:var(--preview)}.questions h2{font-size:40px}.questions details{border:0;background:#e6ece5;padding:12px 18px;margin-bottom:12px}.questions summary{font-size:16px;font-weight:500;min-height:44px;padding:9px 0}.questions details p{font-size:16px;color:var(--ink)}.site-footer{max-width:1360px;display:block;margin:0 auto;padding:48px 0 24px}.footer-top{display:flex;gap:30px;align-items:center;justify-content:flex-end}.footer-top p{margin-right:auto;font-size:14px;color:var(--ink)}.footer-top a{font-size:14px;min-height:44px;display:flex;align-items:center}.footer-brand{display:block;font:600 clamp(70px,13.5vw,190px)/1.1 var(--display);letter-spacing:-.04em;margin-top:28px}.privacy-page{background:white}.privacy-page p,.privacy-page li{color:var(--ink)}
@media(hover:hover) and (pointer:fine){.start-button:hover{background:#344b3d;text-decoration:none}.primary-button:hover{background:#ff8a61}.occasion:not(.active):hover,.shuffle-button:hover{background:#c0d0c3}}
@media(max-width:1430px){main,.site-footer{margin-inline:32px}.studio-intro .intro-copy{padding-inline:35px}.hero-art{padding-inline:32px!important}}
@media(max-width:1100px){.studio-intro{min-height:550px}.studio-intro h1{font-size:70px}.hero-art{padding-inline:24px!important}.hero-art .preview-card{padding:20px}.hero-art .preview-card h3{font-size:25px}.hero-art .bingo-cell{min-height:54px;font-size:8px}.builder{grid-template-columns:320px minmax(0,1fr)}.controls{padding:24px}.preview-panel{padding:26px}.preview-card{padding:24px}.preview-card .bingo-cell{padding:8px 5px;min-height:85px}.how-to-play,.questions{gap:45px;padding-inline:24px}.how-to-play h2{font-size:46px}}
@media(max-width:850px){.studio-intro{grid-template-columns:1fr}.studio-intro .intro-copy{padding:42px 32px}.studio-intro h1{font-size:74px;max-width:620px}.studio-intro .intro-copy>p{max-width:520px}.hero-art{padding:38px 60px 22px!important}.hero-art #hero-card{max-width:390px}.hero-art .hero-caption{align-self:center}.builder-intro h2{font-size:38px}.builder-intro{align-items:start;flex-direction:column;gap:12px}.builder{grid-template-columns:1fr}.controls{padding:28px}.occasion-options{display:flex}.occasion{padding-inline:18px}.preview-panel{padding:30px}.included{grid-template-columns:1fr 1.4fr}.how-to-play{display:block;padding-block:66px}.how-to-play>div>p{max-width:580px;margin-bottom:32px}.questions{display:block}.questions h2{margin-bottom:28px}.site-footer{padding-top:36px}.footer-top{flex-wrap:wrap;justify-content:flex-start;gap:10px 24px}.footer-top p{width:100%}}
@media(max-width:600px){main,.site-footer{margin-inline:16px}.site-header{padding:18px 20px}.wordmark{font-size:24px;gap:8px}.wordmark svg{width:22px;height:22px}nav{gap:18px}nav a{font-size:13px}.studio-intro{margin-top:0}.studio-intro .intro-copy{padding:32px 24px 30px}.studio-intro h1{font-size:54px;letter-spacing:-.035em}.studio-intro .intro-copy>p{font-size:16px;margin-top:20px}.studio-intro .intro-copy>.intro-note{font-size:13px;margin-top:16px}.start-button{padding:14px 20px;min-height:50px;margin-top:24px;font-size:15px}.hero-art{padding:28px 34px 20px!important}.hero-art .preview-card{padding:20px}.hero-art .preview-card h3{font-size:26px}.hero-art .hero-caption{font-size:13px;margin-top:22px}.hero-art .preview-card-top{font-size:9px}.hero-art .bingo-wordmark{font-size:10px}.hero-art .card-instruction{font-size:9px}.hero-art .bingo-cell{min-height:50px;font-size:8px;padding:6px 3px}.hero-art .bingo-grid[data-size='5'] .bingo-cell{font-size:7px;min-height:45px}.hero-art .preview-card-bottom{font-size:8px}.hero-art .preview-card-bottom img{width:16px;height:16px}.builder-intro{padding:42px 8px 24px}.builder-intro h2{font-size:36px}.builder-intro p{font-size:15px}.controls{padding:24px}.controls-heading{margin-bottom:24px}.occasion-options{display:grid;grid-template-columns:repeat(3,1fr)}.occasion{padding-inline:7px;font-size:12px}.field input,.field select,.prompt-content textarea{font-size:16px}.preview-panel{padding:26px 18px}.preview-toolbar h2{font-size:16px}.preview-toolbar span{font-size:13px}.shuffle-button{font-size:13px;padding-inline:6px}.preview-card{padding:22px}.preview-card h3{font-size:30px}.preview-card .bingo-cell{font-size:9px;min-height:86px;padding:8px 3px}.preview-card .bingo-grid[data-size='5'] .bingo-cell{font-size:8px;min-height:76px}.preview-card .free-space{font-size:14px}.preview-card .card-subhead{gap:6px}.preview-card .card-instruction{font-size:10px}.bingo-wordmark{font-size:11px}.preview-card-top{font-size:10px}.preview-caption{font-size:12px}.preview-caption>span:last-child{margin-top:5px}.included{gap:20px}.included h3{font-size:27px}.included p{font-size:13px}.how-to-play{padding:52px 10px 30px}.how-to-play h2{font-size:42px}.how-to-play>div>p{font-size:16px}.how-to-play li p{font-size:15px}.questions{padding:30px 22px}.questions h2{font-size:34px}.questions details{padding-inline:14px}.questions summary{font-size:15px}.questions details p{font-size:15px}.footer-top{padding-inline:8px}.footer-brand{font-size:17vw;letter-spacing:-.04em;margin-top:24px}}
@media(max-width:370px){.wordmark{font-size:22px}nav{gap:12px}.site-header{padding-inline:16px}nav a{font-size:12px}.studio-intro h1{font-size:46px}.studio-intro .intro-copy{padding-inline:20px}.hero-art{padding-inline:26px!important}.hero-art .preview-card{padding:16px}.hero-art .preview-card h3{font-size:24px}.controls{padding:18px}.preview-panel{padding-inline:12px}.preview-card{padding:16px}.preview-toolbar h2{font-size:15px}.builder-intro h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){.start-button{transition:none}.start-button:active{transform:none}}
@media print{body{background:white}.builder-intro{display:none}.site-footer{display:none}}

/* The preview uses the same typographic header as the printed card. */
.preview-card{border-top:7px solid var(--accent)}.preview-card .card-identity{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:20px;margin:0 0 16px}.preview-card .card-game-title{font:600 34px/.95 var(--display);letter-spacing:-.025em;max-width:6ch}.preview-card .card-identity h3{font:500 15px/1.35 var(--body);letter-spacing:0;text-wrap:balance;text-align:right;margin:0;overflow-wrap:anywhere}.preview-card .bingo-grid{border-top:2px solid #202321}.preview-card .card-instruction{margin-top:4px}.preview-card.ink-light{border-top-color:var(--ink)}.hero-art .card-game-title{font-size:30px}.hero-art .card-identity h3{font-size:12px}.hero-art .card-identity{gap:12px}.hero-art .preview-card{border-top-width:6px}
@media(max-width:600px){.preview-card .card-game-title{font-size:29px}.preview-card .card-identity{gap:14px}.preview-card .card-identity h3{font-size:12px}.hero-art .card-game-title{font-size:26px}.hero-art .card-identity h3{font-size:10px}}
@media(max-width:370px){.preview-card .card-game-title{font-size:26px}.hero-art .card-game-title{font-size:23px}.hero-art .card-identity h3{font-size:9px}}

.preview-card{container-type:inline-size}.preview-card .card-game-title{font-size:5.4cqw;max-width:none;white-space:nowrap;letter-spacing:-.035em}.preview-card .card-brand{text-transform:uppercase;letter-spacing:.1em}.preview-card .card-identity{grid-template-columns:1.15fr .85fr;gap:16px}.preview-card .card-identity h3{font-size:3cqw}.hero-art .card-identity h3{font-size:3cqw}

/* Existing occasions carry the stationery palette; no extra setup step. */
body[data-occasion=neighborhood]{--accent:#9ab7fb;--preview:#e1e8fb;--card-soft:#e1e8fb}
body[data-occasion=celebration]{--accent:#ef9cb6;--preview:#f7dce4;--card-soft:#f7dce4}
.preview-card .free-space{background:var(--card-soft,#d1ddd3)}
.occasion[data-preset=team]{border-top:3px solid #fe7141}.occasion[data-preset=neighborhood]{border-top:3px solid #9ab7fb}.occasion[data-preset=celebration]{border-top:3px solid #ef9cb6}
@media(hover:hover) and (pointer:fine){.primary-button:hover{background:var(--accent);filter:brightness(.95)}.occasion:not(.active):hover,.shuffle-button:hover{background:var(--preview)}}