:root{font-family:Inter,system-ui,sans-serif;color:#243426;background:#f4f5ef}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}main{max-width:1240px;margin:0 auto;padding:28px 28px 50px}a{color:#294a33;text-underline-offset:4px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #dce3d4;padding-bottom:24px}.brand{font-size:23px;font-weight:850;letter-spacing:-1px;text-decoration:none}.brand span{color:#71824b}button,input{font:inherit}button{cursor:pointer;border:0;border-radius:11px;padding:13px 18px;font-weight:700;color:#233e2d}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #587b3c;outline-offset:5px}button:active:not(:disabled){transform:translateY(1px)}.primary{background:#dafa7b}.red-primary{background:#bf3437;color:#fff}.light{background:#eaf0df}.hero{background:#233e2d;color:white;border-radius:24px;padding:38px 42px;margin:28px 0}.hero h1{font-size:48px;line-height:1.04;letter-spacing:-1.8px;margin:18px 0}.hero p{color:#d0dcc9;line-height:1.7}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#dafa7b}.eyebrow.dark{color:#687e50}.free{font-size:12px;color:#dafa7b}.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.panel{background:#fff;border:1px solid #e0e6d7;border-radius:20px;padding:28px}.tag{display:inline-block;color:#657c46;background:#eff4e7;font-size:10px;letter-spacing:1px;padding:7px 9px;border-radius:6px;font-weight:800}.red-tag{color:#a62d32;background:#fbe9e5}h2{font-size:25px;letter-spacing:-.8px;margin:18px 0 12px}p{line-height:1.65;color:#697762}.small,.note{font-size:12px;line-height:1.7;color:#74806b}.note{margin-top:26px}label{display:block;font-size:13px;font-weight:600;margin:17px 0}input{display:block;width:100%;background:#fff;border:1px solid #dce3d4;border-radius:9px;padding:13px;color:#243426;margin-top:7px}input[name=code]{letter-spacing:3px;text-transform:uppercase;font-weight:800}form button{margin-top:6px}h1{font-size:34px;line-height:1.2;letter-spacing:-1px}.room-top{display:flex;align-items:center;justify-content:space-between;margin:28px 0 20px;gap:16px}.room-top h1{margin:10px 0}.room-bar{background:#233e2d;border-radius:16px;color:#fff;padding:20px 25px;display:flex;align-items:center;justify-content:space-between;gap:16px}.room-bar .small{color:#c3d1b5;display:block;letter-spacing:1px}.room-bar strong{font-size:29px;letter-spacing:4px}.tools{display:flex;gap:9px;flex-wrap:wrap}.connection{font-size:12px;margin:15px 3px;color:#647955}.connection.error{color:#a52e33}.play-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px}.stage{text-align:center;min-height:390px;padding:32px}.stage h2{font-size:27px}.turn-title{font-size:27px;letter-spacing:-.7px;font-weight:800;line-height:1.3;color:#233e2d;margin:24px 0 10px}.turn-title.winner{color:#b02f34;font-size:34px}.state-copy{font-size:14px;margin-bottom:24px}.host-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:22px 0}.host-form{text-align:left;max-width:450px;margin:20px auto}.host-form button{width:100%}#big-buzzer{display:grid;place-items:center;border-radius:50%;width:clamp(180px,28vw,260px);height:clamp(180px,28vw,260px);margin:26px auto 32px;background:radial-gradient(circle at 35% 25%,#ff6866,#e93439 48%,#a92129 95%);color:#fff;border:11px solid #8c252a;box-shadow:0 13px 0 #651e23,0 20px 34px #b3262c38;font-size:42px;font-weight:900;letter-spacing:-1px;touch-action:manipulation;user-select:none;-webkit-tap-highlight-color:transparent}#big-buzzer:not(:disabled):active{transform:translateY(8px);box-shadow:0 5px 0 #651e23,0 9px 18px #b3262c38}#big-buzzer:disabled{filter:saturate(.15);opacity:.48}#big-buzzer.own{filter:none;opacity:1;background:#2e6645;border-color:#244b31;box-shadow:0 13px 0 #163a21;font-size:27px}.score-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid #ecf0e6}.score-row strong{font-size:19px}.score-name{display:flex;gap:10px;align-items:center}.rank{background:#edf3e3;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:12px;color:#687d50}.on-turn{color:#b52e35;font-size:10px;font-weight:800}.feedback{color:#a82d33;font-size:13px;min-height:22px}.signin{background:#eaf0dd;padding:18px;border-radius:12px;margin-top:16px}.session-resume{margin-top:20px}.scores h2 span{color:#7e8b71;font-size:18px}.finish{color:#536749;background:#edf3e3;border-radius:10px;padding:12px} @media(max-width:850px){.play-grid{grid-template-columns:1fr}.scores{padding:22px}.hero h1{font-size:40px}}@media(max-width:600px){main{padding:20px 16px 35px}header{gap:12px}.brand{font-size:20px}header>a:last-child{font-size:12px}.hero{padding:28px 25px}.hero h1{font-size:37px}.home-grid{grid-template-columns:1fr}.panel{padding:23px}.room-top{align-items:flex-start}.room-top h1{font-size:26px}.room-top .light{padding:10px;font-size:11px}.room-bar{flex-direction:column;align-items:flex-start}.room-bar strong{font-size:26px}.tools{width:100%}.tools button{font-size:11px;flex:1}.stage{padding:28px 18px}.turn-title.winner{font-size:29px}#big-buzzer{width:230px;height:230px}.host-actions button{flex:1;font-size:12px}.hero .free{font-size:11px}}

@media(max-width:700px){button,input{min-height:48px}input{font-size:16px}.hero{margin:16px 0;padding:23px}.hero h1{font-size:32px}.hero p{font-size:13px;line-height:1.55}.home-grid{grid-template-columns:minmax(0,1fr);gap:14px}.panel{padding:20px}h2{font-size:23px}.home-grid button{width:100%}header{padding-bottom:17px}.host-actions{flex-wrap:wrap}.host-actions button{min-width:120px}.room-top{gap:12px;flex-wrap:wrap}.tools{flex-wrap:wrap}.tools button{min-width:90px}#big-buzzer{max-width:75vw;max-height:75vw}.legal-footer nav{display:grid!important;grid-template-columns:1fr 1fr!important;font-size:11px}}