:root{color:#172026;font-synthesis:none;text-rendering:optimizelegibility;background:#f6f7f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.join-panel{gap:28px;width:min(100%,460px);display:grid}.eyebrow{color:#0f766e;letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(2.25rem,6vw,4.75rem);line-height:.95}h2{margin-bottom:0;font-size:1.35rem}h3{margin-bottom:4px;font-size:1rem}.join-form,.table-section,.controls-section{gap:18px;display:grid}label{gap:8px;font-weight:700;display:grid}input{color:#172026;background:#fff;border:1px solid #cad2cc;border-radius:8px;width:100%;min-height:48px;padding:0 14px}.room-input{grid-template-columns:1fr auto;gap:8px;display:grid}.primary-button,.secondary-button{border-radius:8px;min-height:44px;padding:0 18px;font-weight:800}.primary-button{color:#fff;background:#0f766e;border:0}.secondary-button{color:#172026;background:#fff;border:1px solid #b8c2bc}.error-message{color:#b42318;margin:0;font-weight:700}.room-layout{gap:28px;width:min(100%,1120px);display:grid}.room-header,.table-summary,.round-actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.header-actions{align-items:center;gap:10px;display:flex}.status-pill{color:#5d6a63;text-transform:capitalize;background:#fff;border:1px solid #cad2cc;border-radius:999px;padding:8px 12px;font-size:.85rem;font-weight:800}.status-pill[data-status=connected]{color:#0f766e}.participant-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.participant-card{background:#fff;border:1px solid #d9ded9;border-radius:8px;justify-content:space-between;align-items:center;min-height:112px;padding:16px;display:flex}.participant-card p{color:#65736c;margin-bottom:0}.participant-card strong{color:#0f766e;border:2px solid #0f766e;border-radius:8px;place-items:center;width:64px;height:80px;font-size:1.1rem;display:grid}.participant-card.disconnected{opacity:.55}.result-summary{text-align:right;gap:4px;display:grid}.result-summary p{margin-bottom:0;font-weight:800}.deck{grid-template-columns:repeat(auto-fit,minmax(74px,1fr));gap:10px;display:grid}.vote-card{color:#172026;background:#fff;border:2px solid #c3ccc6;border-radius:8px;height:104px;font-size:1.3rem;font-weight:900}.vote-card.selected{color:#fff;background:#0f766e;border-color:#0f766e}@media (width<=680px){.app-shell{place-items:start stretch;padding:18px}.room-header,.table-summary,.round-actions{flex-direction:column;align-items:stretch}.result-summary{text-align:left}.header-actions{flex-direction:column;align-items:stretch}}
