:root{--color-background:#e9eee8;--color-surface:#fbfaf6;--color-text:#252823;--color-muted:#6f756d;--color-border:#d7ddd4;--color-selected:#5f6f63;--color-selected-text:#fbfaf6;--color-primary:#d8b56f;--color-role-card:#d8ded3;--color-warning:#f3e6c8;--color-warning-border:#c9a86b;--color-summary:#dce6df;--color-disabled:#e2e5df;--color-disabled-text:#969b94;--color-role-card-accent:#f7c1ce;--color-time-up:#f31369;--color-time-up-border:#3b0218;--radius-small:10px;--radius-medium:14px;--radius-large:18px;--radius-card:24px;--radius-role-card:28px;--shadow-card:0 6px 18px #00000014;--shadow-role-card:0 10px 24px #0000001f;font-family:Candara,Helvetica,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{background:var(--color-background);min-height:100vh;color:var(--color-text)}#root{background:var(--color-background);min-height:100vh}main{width:100%;max-width:420px;margin:0 auto;padding:32px 20px}h1,h2,h3,p{margin-top:0}h1{margin-bottom:8px;font-size:40px}h2{margin-bottom:16px}p{font-size:18px}button,input{font:inherit}button{background:var(--color-surface);min-height:52px;color:var(--color-text);cursor:pointer;border:1px solid #aaa;border-radius:12px;padding:14px 20px;font-size:18px}button.selected{border-color:var(--color-selected);background:var(--color-selected);color:var(--color-selected-text)}button:disabled{color:#aaa;cursor:not-allowed}.setup-screen{max-width:520px}.setup-screen>h1{text-align:center;margin-bottom:4px}.subtitle{text-align:center;opacity:.7;margin-bottom:32px}.setup-card{border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card);margin-bottom:20px;padding:24px}.setup-card h2{margin-top:0}.setup-card input{border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-surface);width:100%;color:var(--color-text);margin-top:10px;padding:14px 16px;font-size:16px}.accordion-card{padding:14px 18px}.accordion-toggle{width:100%;min-height:0;color:inherit;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;margin:0;padding:8px 0;display:flex}.accordion-toggle h2{margin:0}.accordion-icon{font-size:20px;line-height:1;transition:transform .2s}.accordion-card.open .accordion-icon{transform:rotate(180deg)}.accordion-content{padding-top:12px}.player-count-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.player-count-grid button{width:100%;margin:0}#players-content>p{color:var(--color-muted);font-size:15px;line-height:1.4}#players-content>p:first-of-type{margin:0 0 14px}#players-content>p:nth-of-type(2){margin-bottom:18px}.category-actions{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px;display:grid}.category-actions button{width:100%;margin:0}.categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.categories button{width:100%;margin:0;padding:10px 8px}#categories-content>p{color:var(--color-muted);margin-bottom:14px;font-size:15px;line-height:1.4}.imposter-options{gap:8px;display:flex}.imposter-options button{min-width:54px;margin:0}.settings-row{grid-template-columns:1fr;gap:12px;display:grid}.setting-block{border:1px solid #e2e2e2;border-radius:16px;min-width:0;padding:14px}.setting-block p{margin-bottom:12px;font-size:15px;font-weight:600;line-height:1.25}.settings-grid{gap:8px;display:flex}.settings-grid button{width:auto;min-width:64px;min-height:40px;margin:0;padding:8px 16px;font-size:16px}.time-setting{margin-top:16px}.time-grid{grid-template-columns:repeat(6,1fr);gap:0;display:grid}.time-grid button{min-width:0;min-height:40px;margin:0;padding:8px;font-size:16px}.game-summary{border:1px solid var(--color-summary);border-radius:var(--radius-medium);background:var(--color-summary);box-shadow:var(--shadow-card);flex-wrap:wrap;gap:2px;margin:4px 0 14px;padding:10px 12px;display:flex}.game-summary span{border-radius:var(--radius-small);background:var(--color-summary);padding:5px 8px;font-size:13px}.start-message{border:1px solid var(--color-warning-border);border-radius:var(--radius-medium);background:var(--color-warning);margin:8px 0 14px;padding:12px 14px;font-size:16px}.setup-screen>button:last-of-type{border-radius:var(--radius-large);background:var(--color-primary);width:100%;min-height:58px;color:var(--color-text);box-shadow:var(--shadow-card);border:0;margin-top:14px;font-size:20px;font-weight:700;display:block}.setup-screen>button:last-of-type:disabled{background:var(--color-disabled);color:var(--color-disabled-text)}.role-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.role-screen h1{margin-bottom:20px}.role-card{border:2px solid var(--color-text);border-radius:var(--radius-role-card);background:linear-gradient(145deg, var(--color-role-card), var(--color-role-card-accent));flex-direction:column;width:100%;max-width:340px;min-height:460px;margin:0 auto;padding:32px 24px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 12px 30px #00000024}@media (hover:hover) and (pointer:fine){.role-card:active{transform:scale(.98)}}.role-card h1{margin-top:0}.role-card p{margin:14px 0}.role-card>button{background:var(--color-text);width:100%;min-height:54px;color:var(--color-selected-text);border:0;border-radius:16px;margin-top:24px;font-size:18px;font-weight:700}.role-card>button:last-child{margin-top:auto}.role-reveal-card{position:relative}.role-reveal-card:before{content:"";pointer-events:none;border:1px solid #24182038;border-radius:20px;position:absolute;inset:10px}.role-reveal-card.revealed{animation:.6s reveal-card}@keyframes reveal-card{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}to{transform:rotateY(0)}}.card-actions{gap:8px;margin-top:auto;display:grid}.card-actions button{background:var(--color-text);width:100%;min-height:54px;color:var(--color-selected-text);border:0;border-radius:16px;margin:0;font-size:18px;font-weight:700}.role-card .timer{border:2px solid var(--color-text);border-radius:var(--radius-medium);background:var(--color-surface);margin:12px 0 0;padding:10px 16px;font-size:22px;font-weight:700;display:inline-block}.answer-label{text-transform:uppercase;opacity:.65;margin:18px 0 2px;font-size:15px;font-weight:700}.answer-imposter,.answer-word,.answer-hint{margin-top:0}.answer-imposter,.answer-word{margin-bottom:18px}.answer-hint{margin-bottom:24px}.time-up{background:var(--color-time-up);border:3px solid var(--color-time-up-border);text-align:center;border-radius:16px;margin:2px 0;padding:24px;display:block}.time-up h1{margin-bottom:0;font-size:34px}@media (width<=420px){main{padding:24px 14px}.setup-card{padding:18px}.settings-row{gap:10px}.setting-block{padding:12px}.settings-grid button{min-width:52px;padding:8px 12px}.categories button{padding:10px 4px;font-size:14px}}@media (width<=490px){.categories button{overflow-wrap:anywhere;padding:8px 2px;font-size:12px;line-height:1.1}.settings-row{grid-template-columns:1fr}.settings-grid{grid-template-columns:repeat(2,1fr);display:grid}.settings-grid button{width:100%;min-width:0}}