:root{--cream: #fff7e8;--navy: #16213e;--coral: #f06449;--gold: #f4b942;--ink-muted: #5e6472;--focus-ring: 0 0 0 3px color-mix(in srgb, var(--gold) 70%, white);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1.25rem;color:var(--navy);background:var(--cream);font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:none;box-shadow:var(--focus-ring)}.app-shell{display:grid;min-height:100vh;place-content:center;gap:var(--space-4);padding:var(--space-8);text-align:center}.brand__mark{color:var(--coral);font-size:clamp(3rem,10vw,6rem);font-weight:900;letter-spacing:-.08em;line-height:.9;text-transform:uppercase}.brand__tagline,.app-shell__placeholder{margin:var(--space-3) 0 0;color:var(--ink-muted);font-weight:700}.brand--compact .brand__mark{font-size:1.5rem}.page{display:flex;flex-direction:column;min-height:100vh}.page__header{padding:var(--space-3) var(--space-6)}.page__home{display:inline-block;text-decoration:none}.page__main{flex:1;width:min(52rem,100%);margin:0 auto;padding:var(--space-4) var(--space-4) var(--space-8)}.landing{padding-top:var(--space-8);text-align:center}.landing__lede{max-width:34rem;margin:0 auto;font-size:1.15rem;font-weight:600}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.row--center{justify-content:center}.card{padding:var(--space-6);background:#fff;border:3px solid var(--navy);border-radius:var(--radius-lg);box-shadow:.35rem .35rem 0 var(--navy)}.card h2,.card h3{margin:0}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:3px solid var(--navy);border-radius:var(--radius-md);background:#fff;color:var(--navy);font:inherit;font-weight:800;text-decoration:none;cursor:pointer}.btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--navy)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--coral);color:#fff}.btn--big{padding:var(--space-3) var(--space-6);font-size:1.1rem}.btn--quiet{border-width:2px;font-weight:600}.field{display:flex;flex-direction:column;gap:var(--space-1);font-weight:700}.field input,.field select,.field textarea{padding:var(--space-2) var(--space-3);border:2px solid var(--navy);border-radius:var(--radius-sm);background:#fff;font:inherit}.field--narrow{max-width:14rem}.check{display:flex;gap:var(--space-2);align-items:center;font-weight:700}.issues{padding:var(--space-4);border:3px solid var(--coral);border-radius:var(--radius-md);background:color-mix(in srgb,var(--coral) 8%,white)}.issues ul{margin:0;padding:0;list-style:none}.error{margin:0;color:var(--coral);font-weight:800}.muted{color:var(--ink-muted);font-weight:600}.code-chip{display:inline-block;padding:var(--space-1) var(--space-3);border:2px solid var(--navy);border-radius:var(--radius-sm);background:var(--cream);font-size:1.05rem;font-weight:800;letter-spacing:.12em}.code-chip--big{font-size:1.8rem}.credentials{display:flex;flex-wrap:wrap;gap:var(--space-6);margin:0}.credentials dt{color:var(--ink-muted);font-weight:700}.credentials dd{margin:var(--space-1) 0 0}.roster{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.roster li{justify-content:space-between;padding:var(--space-2) var(--space-3);border:2px solid var(--navy);border-radius:var(--radius-sm);background:var(--cream);font-weight:700}.stack--center{align-items:center;text-align:center}.row--between{justify-content:space-between;width:100%}.join__title{margin:0;font-size:1.6rem}.player-chip{margin:0;font-weight:800}.question-text{margin:0;font-size:1.4rem;line-height:1.3}.choices{display:grid;gap:var(--space-2)}.choice{justify-content:flex-start;text-align:left}.choice--selected{background:var(--navy);color:#fff}.countdown{margin:0;min-width:3.5rem;color:var(--navy);font-size:1.8rem;font-weight:900;text-align:right;font-variant-numeric:tabular-nums}.countdown--urgent{color:var(--coral)}.reveal{margin:0;padding:var(--space-3);border-radius:var(--radius-sm);font-weight:800}.reveal--correct{background:color-mix(in srgb,#2e9e5b 14%,white);color:#1d6b3d}.reveal--incorrect{background:color-mix(in srgb,var(--coral) 12%,white);color:var(--coral)}.reveal--neutral{background:var(--cream)}.fun-fact{margin:0;color:var(--ink-muted);font-style:italic;font-weight:600}.leaderboard{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.leaderboard__row{display:grid;grid-template-columns:2.25rem 1fr auto;gap:var(--space-3);align-items:center;padding:var(--space-2) var(--space-3);border:2px solid var(--navy);border-radius:var(--radius-sm);background:#fff;font-weight:700}.leaderboard__row--you{background:color-mix(in srgb,var(--gold) 25%,white)}.leaderboard__rank{font-weight:900}.leaderboard__score{font-variant-numeric:tabular-nums;font-weight:900}.board{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2);width:100%}.board__column{display:grid;gap:var(--space-2)}.board__category{display:flex;align-items:center;justify-content:center;min-height:3rem;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--navy);color:var(--cream);font-size:.85rem;font-weight:900;text-align:center;text-transform:uppercase;letter-spacing:.06em}.board__tile{display:flex;align-items:center;justify-content:center;min-height:3.25rem;border:3px solid var(--navy);border-radius:var(--radius-sm);background:#fff;color:var(--coral);font-size:1.25rem;font-weight:900;cursor:default}button.board__tile:not(:disabled){cursor:pointer}button.board__tile:not(:disabled):hover{background:var(--gold);color:var(--navy)}.board__tile--done{border-color:var(--ink-muted);background:var(--cream);color:var(--ink-muted);opacity:.55}.board__tile--active{background:var(--gold);color:var(--navy)}.board--presentation .board__category{min-height:4rem;font-size:1.1rem}.board--presentation .board__tile{min-height:4.5rem;font-size:2rem}.answer-key{margin:0;padding:var(--space-2) var(--space-3);border:2px dashed var(--navy);border-radius:var(--radius-sm);background:var(--cream);font-weight:600}.grading-group{padding:var(--space-3);border:2px solid var(--navy);border-radius:var(--radius-sm);background:var(--cream)}.grading-group__response{margin:0;font-size:1.1rem;font-weight:800}.grading-list{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none;font-weight:600}.grade--correct{color:#1d6b3d;font-style:normal;font-weight:800}.grade--incorrect{color:var(--coral);font-style:normal;font-weight:800}.display{min-height:80vh;justify-content:center}.display__lobby,.display__question{justify-content:center;min-height:70vh}.display__join{margin:0;font-size:1.6rem}.display__code{margin:0;color:var(--coral);font-size:clamp(3rem,8vw,5.5rem);font-weight:900;letter-spacing:.18em}.display__count{margin:0;color:var(--ink-muted);font-size:1.4rem;font-weight:800}.display__meta{margin:0;color:var(--ink-muted);font-size:1.4rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.display__prompt{margin:0;max-width:60rem;font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.15}.display__answer{margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--navy);color:var(--cream);font-size:1.5rem;font-weight:800}.display__options{margin:0;padding-left:1.5rem;font-size:1.6rem;font-weight:700;text-align:left}.display__outcomes{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:0;padding:0;list-style:none;font-weight:700}.display__split{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-6);align-items:start}.display .leaderboard__row{font-size:1.15rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}