:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f2f2e9;background:#101614;font-synthesis:none;line-height:1.6}*{box-sizing:border-box}body{margin:0}header{padding:1.3rem max(1.2rem,calc((100vw - 1200px)/2));border-bottom:1px solid #34423b}a{color:#c9ef86;text-underline-offset:.25em}.brand{text-decoration:none;font-size:1.5rem;font-weight:800;letter-spacing:-.05em;color:#f2f2e9}.brand span{font-size:.85rem;font-weight:400;color:#a5b1aa;letter-spacing:0}main{max-width:1240px;padding:2rem 1.2rem 4rem;margin:auto}.hero{max-width:800px;padding:2rem 0 3rem}h1{font-size:clamp(2rem,4.5vw,4rem);line-height:1.1;letter-spacing:-.045em;margin:.5rem 0 1.3rem;overflow-wrap:anywhere}h2{font-size:1.25rem;margin:0 0 1.1rem;line-height:1.3}p{overflow-wrap:anywhere}.hero p{font-size:1.1rem;color:#b7c3bb}.eyebrow{color:#c9ef86!important;font-size:.8rem!important;text-transform:uppercase;letter-spacing:.14em;font-weight:700}.grid{display:grid;gap:1.2rem;margin-bottom:1.2rem}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:1.6rem;background:#1a241f;border:1px solid #34423b;border-radius:1rem;margin-bottom:1.2rem}.grid .panel{margin-bottom:0}form{display:grid;gap:1rem}label{display:grid;gap:.4rem;font-size:.9rem;color:#becbc2}input,textarea,select,button{font:inherit;border-radius:.5rem;min-height:48px}input,textarea,select{background:#101614;color:#f2f2e9;border:1px solid #536359;padding:.7rem;width:100%}textarea{min-height:100px;resize:vertical}button{border:0;background:#c9ef86;color:#14200c;padding:.7rem 1.2rem;font-weight:700;cursor:pointer}button:hover{background:#dbffa1}button:disabled{opacity:.45;cursor:default}.secondary{color:#f2f2e9;background:#34423b}:focus-visible{outline:3px solid #c9ef86;outline-offset:3px}.muted{color:#a5b1aa;font-size:.85rem}.notice{background:#3f3825;border:1px solid #87723e;border-radius:.6rem;padding:1rem}.notice button{margin:.5rem}.error{background:#422826;border-color:#aa655b}.success{background:#263b2a;border-color:#5c8b60}.actions,.statusbar{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.statusbar{font-size:.85rem;color:#adbbb2;margin:0 0 1.5rem}.online{color:#c9ef86}.offline{color:#ffd285}.code{font-family:ui-monospace,monospace;font-weight:700;font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:.1em;color:#c9ef86;overflow-wrap:anywhere}hr{border:0;border-top:1px solid #34423b;margin:1.8rem 0}.roster{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.8rem}.roster li{display:flex;flex-direction:column;padding:.8rem;background:#101614;border-radius:.5rem;overflow-wrap:anywhere}.roster span{color:#a5b1aa;font-size:.85rem}.display .stage{min-height:40vh;padding:3rem}.display .stage h1{font-size:clamp(3rem,7vw,7rem)}.display .stage p{font-size:1.6rem}@media(max-width:850px){.three,.two{grid-template-columns:1fr}.hero{padding-top:1rem}.display .stage{padding:1.5rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.narrow{max-width:600px}.surface.display{max-width:1800px;width:96vw}.display table{font-size:clamp(1.2rem,2.2vh,2rem);line-height:1.3}.display th,.display td{padding:.45rem .8rem}.section-label{margin-left:1rem;color:#a5b1aa}.tabs{display:flex;gap:1.5rem;margin-bottom:2rem;border-bottom:1px solid #34423b;flex-wrap:wrap}.tabs a{padding:.75rem .25rem;text-decoration:none;color:#a5b1aa}.tabs a.active{color:#c9ef86;border-bottom:2px solid #c9ef86}.button{display:inline-block;padding:.8rem 1.2rem;background:#c9ef86;color:#14200c;border-radius:.5rem;text-decoration:none;font-weight:700}fieldset{border:1px solid #536359;border-radius:.6rem;padding:1.2rem;min-width:0;display:grid;gap:1rem}legend{padding:0 .5rem}.participant-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.8rem}.participant-picker label{display:flex;gap:.75rem;align-items:center}.participant-picker input{width:22px;min-height:22px;accent-color:#c9ef86}.game-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.game h1{font-size:clamp(1.7rem,4vw,3rem)}.badge{background:#34423b;border-radius:.4rem;padding:.25rem .6rem}.answer-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:1rem 0}.answer{text-align:left;background:#101614;color:#f2f2e9;border:1px solid #536359;border-radius:.6rem;padding:1rem;overflow-wrap:anywhere}.answer:hover{background:#26332b}.answer.selected,.answer.correct{border:2px solid #c9ef86;background:#263b2a}.timer{font:700 1.5rem ui-monospace,monospace;color:#c9ef86}.game-actions{border-top:1px solid #34423b;margin-top:2rem;padding-top:1rem}.result-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.table-scroll{overflow-x:auto;margin:1.5rem 0}table{border-collapse:collapse;width:100%;text-align:left}caption{text-align:left;font-weight:700;margin-bottom:.75rem}th,td{padding:.7rem;border-bottom:1px solid #536359}details{padding:1rem 0;border-bottom:1px solid #34423b}summary{cursor:pointer}.display .game{padding:3rem}.display .game h1{font-size:clamp(2rem,3.6vh,3rem)}.display .question h2{font-size:clamp(1.7rem,3vh,2.5rem)}.display .answer{font-size:1.5rem}.display .timer{font-size:2.5rem}@media(max-width:600px){.answer-options{grid-template-columns:1fr}.panel,.display .game{padding:1.2rem}.game-heading{display:block}.badge{display:inline-block;margin-bottom:1rem}}
