:root{color:#222e2a;font-synthesis:none;text-rendering:optimizelegibility;--color-ink:#222e2a;--color-muted:#536159;--color-accent:#216348;--color-surface:#fff;--color-border:#d6ddcf;--radius:1rem;background:#f7f5ec;font-family:ui-sans-serif,system-ui,sans-serif;line-height:1.6}*{box-sizing:border-box}body{min-width:20rem;margin:0}a{color:var(--color-accent);text-underline-offset:.2em}a:hover{text-decoration-thickness:.15em}:focus-visible{outline:3px solid var(--color-accent);outline-offset:5px}h1,h2,h3{text-wrap:balance;line-height:1.15}h1{letter-spacing:-.045em;max-width:12ch;margin:.25em 0;font-size:clamp(2.5rem,7vw,4.5rem)}h2{font-size:1.25rem}h3{margin:.4em 0;font-size:2rem}p{max-width:65ch}.app-shell{width:min(100% - 3rem,70rem);margin-inline:auto}.site-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:1rem;padding-block:1.5rem;display:flex}.wordmark{letter-spacing:-.06em;font-size:1.6rem;font-weight:800}.wordmark span{color:var(--color-accent)}.site-header a{padding:.75rem;font-weight:650;display:inline-block}main{min-height:65vh;padding-block:clamp(2rem,6vw,4rem)}main:focus{outline:none}.page-intro{margin-bottom:3rem}.eyebrow{color:var(--color-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.8rem;font-weight:700}.lede{color:var(--color-muted);max-width:44ch;font-size:1.25rem}.game-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:1.5rem;padding:0;list-style:none;display:grid}.game-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:clamp(1.5rem,4vw,2.5rem)}.badge{color:#35452f;background:#e9eedf;border-radius:2rem;padding:.25rem .75rem;font-size:.85rem;font-weight:650;display:inline-block}.action-link{background:var(--color-accent);color:#fff;border-radius:.5rem;padding:.8rem 1.2rem;font-weight:650;display:inline-block}.site-footer{border-top:1px solid var(--color-border);color:var(--color-muted);padding-block:1.5rem;font-size:.875rem}button,input,textarea{font:inherit}button{color:var(--color-ink);cursor:pointer;background:#e9eedf;border:1px solid #9caa98;border-radius:.4rem;min-height:2.75rem;padding:.6rem .9rem}button:disabled{cursor:default;opacity:.55}input:not([type=file]),textarea{width:100%;color:var(--color-ink);background:#fff;border:1px solid #7b8974;border-radius:.3rem;padding:.6rem;display:block}textarea{resize:vertical}fieldset{border:1px solid var(--color-border);border-radius:.5rem;min-width:0;margin-block:1rem;padding:1rem}legend{font-weight:650}.form-field{margin-block:.9rem;display:block}.form-field span{margin-bottom:.2rem;font-weight:600;display:block}.actions{flex-wrap:wrap;gap:.6rem;margin-block:1rem;display:flex}.notice{border-left:4px solid var(--color-accent);background:#edf0e4;padding:1rem}.error{overflow-wrap:anywhere;background:#fff0e8;border-color:#aa3b24}.editor-fields,.library-content{border:0;padding:0}.editor-round,.editor-category{border-block-start:2px solid var(--color-border);padding-block:1.5rem}.editor-row{background:#edf0e4;margin-block:.5rem;padding:.5rem 1rem}.editor-category h3,.editor-round h3{font-size:1.35rem}.game-card{overflow-wrap:anywhere;margin-block:1rem}.dialog-backdrop{z-index:10;background:#17251dcc;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.dialog{background:var(--color-surface);color:var(--color-ink);border-radius:var(--radius);max-width:36rem;max-height:90vh;padding:1.5rem;overflow:auto}.dialog button{margin:.3rem}@media (width<=32rem){.app-shell{width:min(100% - 1.5rem,70rem)}fieldset{padding:.7rem}}.quiztime-game{overflow-wrap:anywhere}.quiztime-game h1{max-width:24ch}.phase-heading{margin-block:1.5rem;font-size:clamp(1.5rem,4vw,2.5rem)}.quiz-board{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:.8rem;margin-block:1.5rem;display:grid}.board-category{flex-direction:column;gap:.65rem;display:flex}.board-category h3{min-height:3em;margin:0;font-size:1.1rem}.board-category button{background:var(--color-accent);color:#fff;padding:1rem;font-size:1.5rem;font-weight:700}.board-category button span{font-size:.8rem;display:block}.board-category button:disabled{opacity:1;color:var(--color-muted);background:#e9eedf}.clue-view{border:1px solid var(--color-border);border-radius:var(--radius);background:#fff;padding:clamp(1rem,4vw,2rem)}.clue-prompt,.answer>p:first-of-type,.outcome{font-size:clamp(1.4rem,3vw,2rem)}.answer{border-top:1px solid var(--color-border);padding-top:1rem}.answer h3{font-size:1.2rem}.scoreboard table{border-collapse:collapse;width:min(100%,35rem)}.scoreboard th,.scoreboard td{text-align:left;border-bottom:1px solid var(--color-border);padding:.3rem .8rem}.scoreboard td{text-align:right;font-weight:700}.result-history{margin-block:2rem}.result-history li{margin-block:1rem}.result-history li p{margin-block:.2rem}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.display-shell{color:#fffdf3;overflow-wrap:anywhere;background:#142c25;flex-direction:column;gap:.75rem;min-height:100dvh;padding:clamp(1rem,2vw,2rem);display:flex}.display-shell h1{max-width:none;margin:0;font-size:clamp(1.6rem,2.4vw,2.6rem)}.display-shell h2{margin-block:.4em .5em;font-size:clamp(1.5rem,2vw,2rem)}.display-toolbar{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;font-size:.9rem;display:flex}.display-toolbar button{background:#fffdf3;margin-left:auto}.display-shell :focus-visible{outline-color:#ffe49a}.display-phase{flex:1}.display-board{grid-template-columns:repeat(var(--display-columns), minmax(0, 1fr));gap:clamp(.25rem,1vw,1rem);display:grid}.display-category{grid-template-rows:subgrid;grid-row:span var(--display-rows);gap:.6rem;min-width:0;display:grid}.display-category h3{text-align:center;align-content:center;font-size:clamp(1rem,1.2vw,1.35rem)}.display-cell{text-align:center;background:#245344;border:1px solid #7fada0;border-radius:.4rem;place-content:center;min-height:clamp(3rem,6vh,4.5rem);padding:.2rem;font-size:clamp(1rem,2.2vw,2.2rem);font-weight:750;line-height:1.15;display:grid}.display-cell small{min-height:1.15em;font-size:clamp(.65rem,1vw,1rem);font-weight:500;line-height:1.15;display:block}.display-cell.played,.display-cell.skipped{color:#c3d4cd;background:#1d3830}.display-prompt,.display-answer p,.display-outcome{max-width:40ch;font-size:clamp(1.8rem,4vw,4rem);line-height:1.35}.display-clue{width:min(100%,90rem);margin-inline:auto}.display-round{margin-bottom:0}.display-answer{border-top:2px solid #7fada0}.display-answer h3{font-size:1.2rem}.display-answer p{color:#ffe49a;margin-block:.5rem}.display-recipient{font-size:clamp(1.2rem,2vw,2rem)}.display-scores{border-top:1px solid #7fada0;margin-top:auto}.display-scores h2{font-size:1rem}.display-scores dl{flex-wrap:wrap;gap:1rem 2rem;margin-block:.5rem;display:flex}.display-scores dl>div{flex:8rem;min-width:0}.display-scores dt{font-size:clamp(1rem,1.3vw,1.35rem);line-height:1.25}.display-scores dd{margin:0;font-size:clamp(1.5rem,2vw,2rem);font-weight:750}.display-waiting{margin-block:auto}@media (width<=40rem){.display-board{grid-template-columns:repeat(var(--display-columns), minmax(5rem, 1fr));padding-bottom:.5rem;overflow-x:auto}.display-shell{padding:1rem}}@media (prefers-reduced-motion:reduce){.display-shell *,.display-shell :before,.display-shell :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
