@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#24251f;--paper:#f7f6ee;--lime:#dafa65;--line:#d5d7cb;--muted:#676a5d;--lav:#c8b6f4;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}button,.button{display:inline-flex;gap:8px;align-items:center;justify-content:center;padding:12px 18px;border:1px solid var(--ink);border-radius:9px;background:transparent;font-size:14px;font-weight:700;cursor:pointer;text-align:center}button:hover,.button:hover{background:#e7e9db}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:var(--lime)}.dark{background:var(--ink);color:white}.dark:hover{background:#424638}.small{padding:7px 11px;font-size:12px}.ghost{border-color:transparent}.danger{color:#ad342b}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.stack{display:grid;gap:18px}.muted{color:var(--muted)}.eyebrow,.tag{font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase}.tag{display:inline-block;padding:7px 10px;border:1px solid var(--line);border-radius:20px;letter-spacing:.6px}.tag.lime{background:var(--lime);border-color:var(--ink)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;text-transform:uppercase;line-height:.98}h1{font-size:clamp(55px,7.8vw,112px);font-weight:800;letter-spacing:-1px}h2{font-size:44px}h3{font-size:26px}p{line-height:1.6}label{display:block;font-size:12px;font-weight:700;margin:0 0 7px}input,select,textarea{width:100%;border:1px solid #c9ccbd;background:#fffef8;border-radius:8px;padding:12px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--ink);box-shadow:0 0 0 3px #dafa6555}textarea{resize:vertical}input[type=checkbox]{width:auto;accent-color:#677c23}input[type=color]{height:45px;padding:5px}.field{margin:14px 0}.help{font-size:12px;line-height:1.5;color:var(--muted);margin-top:6px}.check{display:flex;gap:10px;align-items:center;font-size:14px}.check input{flex:0 0 auto}.top{height:83px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 5%;border-bottom:1px solid var(--line)}.brand{display:flex;gap:9px;align-items:center;font:800 27px 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.7px;white-space:nowrap}.brand .logomark{background:#20211e;color:#dcfc68;font-family:Impact,sans-serif;font-size:29px;font-weight:800;letter-spacing:-.05em;transform:rotate(-8deg);padding:1px 9px;border-radius:4px;flex-shrink:0}.nav{display:flex;gap:24px;align-items:center;font-size:13px}.layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 83px)}.side{border-right:1px solid var(--line);padding:30px 20px;display:flex;flex-direction:column;gap:8px}.side a,.side button{text-align:left;justify-content:start;padding:12px;border:0}.side .active{background:var(--lime);border-radius:8px}.side-note{margin-top:auto;padding:18px;border:1px solid var(--line);border-radius:12px;font-size:12px;line-height:1.6}.content{padding:40px clamp(20px,4vw,65px);max-width:1500px;width:100%}.content> .row:first-child{margin-bottom:30px}.hero{padding:65px 6% 55px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:1500px;margin:auto}.hero p{font-size:17px;max-width:430px;margin:24px 0}.accent{display:inline-block;position:relative}.accent:after{content:'';display:block;background:var(--lime);height:15px;position:absolute;bottom:3px;width:100%;z-index:-1;transform:rotate(-2deg)}.hero-art{padding:30px 20px 35px;background:#e7e9df;border:1px solid var(--line);border-radius:20px;position:relative;transform:rotate(2deg)}.mini-board{background:var(--ink);padding:18px;border-radius:12px;box-shadow:10px 14px 0 #cfd2c3;transform:rotate(-4deg)}.mini-board .row{color:white;margin-bottom:18px}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.mini-grid span{padding:20px 8px;text-align:center;background:#383b30;border-radius:5px;color:var(--lime);font:bold 29px 'Barlow Condensed',sans-serif}.mini-grid b{background:var(--lime);text-align:center;padding:12px 4px;border-radius:5px;font-size:10px}.float-sticker{position:absolute;right:-5px;bottom:-13px;background:var(--lav);border:1px solid var(--ink);padding:13px 22px;border-radius:30px;transform:rotate(8deg);font-weight:700}.marquee{background:var(--ink);color:var(--paper);padding:18px 5%;display:flex;justify-content:space-around;gap:20px;flex-wrap:wrap;font-size:11px;letter-spacing:2px}.features{padding:60px 6%;max-width:1500px;margin:auto}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{border:1px solid var(--line);border-radius:13px;background:#fffef9;padding:24px;min-width:0}.card .art{height:120px;background:var(--lime);margin:-24px -24px 22px;padding:22px;border-radius:13px 13px 0 0;display:flex;justify-content:space-between;align-items:center;font:800 44px 'Barlow Condensed',sans-serif}.card p{font-size:13px;margin:12px 0 22px}.empty{padding:40px;border:1px dashed #aeb39f;border-radius:15px;text-align:center}.empty p{margin:12px 0 20px}.tabs{display:flex;gap:7px;overflow:auto;margin:20px 0}.tabs .active{background:var(--ink);color:white}.studio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.category-editor{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fffef8}.category-editor header{padding:17px;background:var(--cat)}.category-editor header input{background:transparent;border-color:#0003;font-weight:700}.clue-card{display:flex;width:calc(100% - 20px);margin:10px;align-items:center;text-align:left;justify-content:start;border-color:var(--line);font-weight:400}.clue-card b{font:700 28px 'Barlow Condensed';min-width:46px}.clue-card span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px}.clue-card.complete{border-left:4px solid #91a347}.editor-meta{display:grid;grid-template-columns:2fr 1fr;gap:25px}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}dialog{border:1px solid var(--ink);background:var(--paper);border-radius:18px;padding:28px;width:min(680px,95vw);max-height:92dvh;color:var(--ink)}dialog::backdrop{background:#1c211bb3;backdrop-filter:blur(4px)}dialog h2{font-size:38px}dialog .dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;flex-wrap:wrap}#notice{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 22px;background:var(--ink);color:white;border-radius:12px;z-index:100;max-width:90%;font-size:14px;box-shadow:0 8px 30px #0003}#notice:empty{display:none}.status{font-size:12px;color:var(--muted)}.status.error{color:#ac342b}.save-strip{position:sticky;top:0;z-index:5;background:var(--paper);padding:15px 0;border-bottom:1px solid var(--line);margin-bottom:25px}.page-center{max-width:900px;margin:60px auto;padding:0 22px}.page-center h1{font-size:70px}.setup-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:25px}.room-page{padding:24px 3% 45px}.room-page h1{font-size:52px}.host-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px;margin-top:25px}.board-scroll{overflow:auto}.board{display:grid;grid-template-columns:repeat(var(--cols),minmax(110px,1fr));gap:9px;min-width:fit-content}.board-col{min-width:0}.board-title{height:105px;padding:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:var(--cat);border:1px solid var(--ink);border-radius:9px 9px 0 0}.board-title h3{font-size:clamp(20px,2vw,30px);overflow-wrap:anywhere}.board button{width:100%;margin-top:8px;height:95px;background:var(--ink);color:var(--lime);font:700 43px 'Barlow Condensed';border-radius:7px}.board button:hover{background:#424b31}.board button:disabled{opacity:.18}.score-team{border:1px solid var(--line);border-left:5px solid var(--team);padding:14px;border-radius:9px;margin:9px 0;background:white}.score-team.current{box-shadow:0 0 0 2px var(--ink)}.score-team strong{font:700 32px 'Barlow Condensed'}.score-team small{font-size:11px}.score-list h3{margin-bottom:15px}.question{border:1px solid var(--ink);border-radius:16px;background:#fffef9;padding:25px;min-height:420px;text-align:center}.question h2{font-family:'DM Sans',sans-serif;font-size:clamp(24px,3vw,43px);text-transform:none;font-weight:700;line-height:1.25;margin:25px auto;max-width:1100px}.question img{width:100%;height:min(65dvh,850px);object-fit:contain;display:block;margin:15px auto}.question .q-controls{text-align:left;border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.timer{font:800 38px 'Barlow Condensed';font-variant-numeric:tabular-nums}.timer.expired{color:#a93229}.answer{background:#e6edd8;border:1px solid #b7c493;padding:20px;border-radius:12px;margin:20px 0;text-align:left}.answer strong{font-size:24px}.hint{background:#f3ebca;padding:14px 20px;border-radius:10px;margin-top:18px;text-align:left;font-size:14px}.menu-dialog{margin:0 0 0 auto;height:100dvh;max-height:100dvh;border-radius:0;width:340px}.menu-dialog button,.menu-dialog a{width:100%;justify-content:start;margin:5px 0}.wagers{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;text-align:left}.wager{border:1px solid var(--line);border-radius:10px;padding:17px}.wager input{font-size:24px;margin:10px 0}.phone{max-width:540px;margin:0 auto;padding:25px 18px}.phone .brand{margin-bottom:45px}.phone h1{font-size:65px}.phone textarea{font-size:22px;min-height:170px;margin:20px 0}.phone button.launch{width:100%;font-size:17px;padding:17px}.receipt{background:var(--lime);padding:35px 24px;border-radius:15px;margin:30px 0;text-align:center}.receipt h2{font-size:44px}.qr svg{width:180px;max-width:100%;height:auto;background:white;padding:8px}.room-code{font:800 50px 'Barlow Condensed';letter-spacing:4px}.banner{background:var(--lime);padding:14px 20px;border-radius:10px;margin:18px 0}.round-list{display:grid;gap:10px;margin:24px 0}.rules-list{display:grid;gap:14px;padding-left:22px;font-size:14px;line-height:1.65}.footer{padding:25px 5%;border-top:1px solid var(--line);font-size:12px;display:flex;justify-content:space-between;gap:20px}.preview-image{max-height:160px;max-width:100%;object-fit:contain}.inline-link{text-decoration:underline}.connected{color:#527b24}.winner{background:var(--lime);padding:30px;border:1px solid var(--ink);border-radius:14px}.host-grid.screen{grid-template-columns:1fr}.screen .question h2{font-size:clamp(30px,4vw,65px)}.screen .score-list{display:flex;gap:10px;flex-wrap:wrap}.screen .score-team{flex:1;min-width:150px}.check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:18px 0}.check-grid label{padding:14px;border:1px solid var(--line);border-radius:9px}.answer-entry{padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.room-state{font-size:12px;color:var(--muted)}.busy{opacity:.55;pointer-events:none}
@media(max-width:1050px){.grid3,.studio-grid{grid-template-columns:repeat(2,1fr)}.layout{grid-template-columns:170px 1fr}.host-grid{grid-template-columns:minmax(0,1fr) 220px}.hero{gap:25px;padding-top:45px}.nav{gap:12px}}
@media(max-width:720px){.top{height:70px;padding:0 18px}.nav a:not(.button){display:none}.layout{display:block}.side{display:none}.content{padding:24px 17px}.hero{grid-template-columns:1fr;padding:38px 24px 55px}.hero h1{font-size:70px}.hero-art{margin:10px 5px}.hero p{margin:20px 0}.grid3,.studio-grid,.editor-meta,.setup-grid{grid-template-columns:1fr}.two{grid-template-columns:1fr 1fr}.host-grid{display:flex;flex-direction:column}.score-list{display:flex;gap:8px;flex-wrap:wrap}.score-team{flex:1;min-width:130px}.score-list>h3{width:100%}.board-title{height:90px}.board button{height:78px;font-size:34px}.question{padding:16px}.question img{height:55dvh}.room-page{padding:20px 12px}.page-center{margin:30px auto}.page-center h1{font-size:58px}.footer{flex-direction:column}.features{padding:40px 20px}.question h2{font-size:27px}.save-strip{flex-wrap:wrap}.three{grid-template-columns:1fr}.marquee{font-size:9px}.question .timer{font-size:30px}}
@media(prefers-reduced-motion:no-preference){button,a{transition:background .15s,transform .15s}button:active{transform:translateY(1px)}}
/* Audience board: full-strength cards, with no host interaction. */
.board-col button.projector-clue:disabled{opacity:1;cursor:default;filter:none}
.board-col button.projector-clue:hover{transform:none}
.buzz-status{margin-top:24px;padding:22px;background:#edf2df;border:1px solid var(--line);border-radius:12px;text-align:center}.buzz-status p{margin-top:10px}.captain-buzzer{text-align:center;padding:25px 0}.captain-buzzer p{line-height:1.6}.buzz-button{display:block;width:min(300px,80vw);aspect-ratio:1;margin:25px auto;border-radius:50%;background:var(--lime);border:7px solid var(--ink);box-shadow:0 9px 0 var(--ink);font:800 clamp(28px,8vw,46px) 'Barlow Condensed',Impact,sans-serif;touch-action:manipulation;user-select:none;-webkit-user-select:none}.buzz-button:hover:not(:disabled){background:#e6f99c;transform:none}.buzz-button:active:not(:disabled){transform:translateY(5px);box-shadow:0 4px 0 var(--ink)}.buzz-button:disabled{opacity:1;background:#e3e5db;color:#64705f;border-color:#acb49c;box-shadow:0 5px 0 #acb49c;font-size:28px}.buzz-button.buzz-winner{background:var(--lime);color:var(--ink);border-color:var(--ink)}
.manual{max-width:1060px;margin:auto;padding:55px 24px 80px}.manual h1{margin:20px 0}.manual-intro{font-size:19px;line-height:1.7;max-width:680px;color:var(--muted)}.quickstart{margin:35px 0;background:var(--lime);padding:28px;border:1px solid var(--ink);border-radius:14px}.manual li{line-height:1.7;margin:12px 0}.manual-toc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-bottom:30px;border-bottom:1px solid var(--line)}.manual-toc a{padding:12px 16px;border:1px solid var(--line);border-radius:8px;background:white;font-weight:600}.manual section[id]{padding:45px 0 20px;scroll-margin-top:20px}.manual section h2{margin:10px 0 20px}.manual section p{line-height:1.8;margin:14px 0}.manual-tip{background:#ecefdc;border-left:4px solid #a0ad56;padding:14px 18px;border-radius:0 8px 8px 0}.manual-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.manual details{padding:17px 20px;background:white;border:1px solid var(--line);border-radius:10px;margin:12px 0}.manual summary{font-weight:700;cursor:pointer;line-height:1.5}.manual summary:focus-visible{outline:3px solid var(--ink);outline-offset:5px}@media(max-width:680px){.manual{padding:35px 18px}.manual-toc,.manual-cards{grid-template-columns:1fr}.quickstart{padding:22px}.quickstart ol{padding-left:20px}.top{flex-wrap:wrap;gap:15px}}