:root{font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#192b44;background:#f1f5fa;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{border:0;border-radius:10px;padding:.75rem 1.2rem;background:#174ee8;color:white;font-weight:650;cursor:pointer}button:hover{filter:brightness(.95)}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #f5b942;outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed}.secondary{background:#e8eefc;color:#1741a3}.text-button{background:transparent;color:#485b73;padding:.55rem}.shell{max-width:760px;padding:35px 20px;margin:auto}header{display:flex;gap:14px;align-items:center;margin-bottom:30px}header h1{font-size:clamp(1.35rem,5vw,1.9rem);margin:0;line-height:1.2}.mark{display:grid;place-items:center;min-width:52px;height:52px;border-radius:15px;background:#174ee8;color:white;font-size:2rem;font-weight:800}.eyebrow{font-size:.68rem;font-weight:800;letter-spacing:.13em;color:#637893;margin:0 0 4px}.badge{margin-left:auto;background:#e3eaf8;padding:6px 10px;border-radius:20px;font-size:.7rem;white-space:nowrap;color:#465b80}.card{background:white;padding:30px;border:1px solid #dce4ef;border-radius:18px;box-shadow:0 12px 45px #24365408}h2{font-size:1.35rem;line-height:1.35;margin:0 0 10px}h3{font-size:.9rem;margin:25px 0 12px}p{color:#5a6a7f}label{display:block;font-weight:650;font-size:.85rem;margin:18px 0 6px}input{width:100%;padding:.7rem .9rem;border:1px solid #becbde;border-radius:8px;background:#fbfcff;color:#192b44}.choices,.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.choices button{flex:1}details{margin-top:30px;border-top:1px solid #e7edf5;padding-top:18px;font-size:.85rem;color:#526982}summary{cursor:pointer}details button{margin-top:14px}.room-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7edf5;padding-bottom:20px;margin-bottom:22px}.room-code{font:700 1.7rem/1.2 ui-monospace,monospace;letter-spacing:.2em;color:#174ee8;margin:5px 0}.players{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:9px}.players li{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f3f6fb;border-radius:9px;min-width:0;overflow-wrap:anywhere}.players li::before{content:"";width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#29a17c}.players li.offline::before{background:#b4bfce}.players small{font-size:.68rem;color:#6b7d96}.timer{width:90px;height:90px;display:grid;place-items:center;border-radius:50%;background:#edf2ff;color:#174ee8;font-size:2.3rem;font-weight:750;margin:22px 0}.small,footer{font-size:.8rem;color:#677a91}.message{padding:13px 16px;border-radius:10px;background:#fff3d7;color:#664700}footer{text-align:center;margin-top:24px}#audio-elements{display:none}[hidden]{display:none!important}@media(max-width:520px){.shell{padding:23px 14px}.card{padding:23px 19px}.badge{font-size:.6rem;max-width:85px;white-space:normal;text-align:center}.players{grid-template-columns:1fr}.actions button{flex:1}header{gap:10px}.mark{min-width:44px;height:44px}.room-code{font-size:1.4rem}}

.vote-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:16px 0}.vote-options button{overflow-wrap:anywhere}.vote-options .selected{background:#174ee8;color:white;outline:2px solid #174ee8;outline-offset:2px}.result-table{overflow-x:auto;margin:20px 0}.result-table table{width:100%;border-collapse:collapse;text-align:left;font-size:.85rem}.result-table th,.result-table td{padding:11px 8px;border-bottom:1px solid #e7edf5;overflow-wrap:anywhere}.outcome-correct{color:#16704e;font-weight:700}.outcome-incorrect{color:#ac2537;font-weight:700}.outcome-abstained{color:#65758a}
