:root{color:#18202f;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.app-shell{width:min(100%,720px);min-height:100vh;margin:0 auto;padding:20px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.eyebrow{margin:0 0 4px;color:#6b7280;font-size:.8rem;text-transform:uppercase}h1{margin:0;font-size:clamp(1.8rem,8vw,3rem)}.room-code{padding:10px 12px;border:1px solid #d8dee6;border-radius:8px;background:#fff;font-weight:800;letter-spacing:.08em}.panel{display:grid;gap:14px;padding:16px;border:1px solid #d8dee6;border-radius:8px;background:#fff}label{display:grid;gap:8px;color:#374151;font-weight:700}input,select{width:100%;min-height:48px;padding:10px 12px;border:1px solid #cfd6df;border-radius:8px;background:#fff;color:#18202f}button{min-height:48px;border:0;border-radius:8px;cursor:pointer;font-weight:800}button:disabled{cursor:not-allowed;opacity:.55}.primary,.secondary,.action{display:inline-flex;align-items:center;justify-content:center;gap:10px}.primary{background:#e3342f;color:#fff}.secondary{background:#16324f;color:#fff}.action{min-height:72px;font-size:1.05rem}.alert{margin-bottom:14px;padding:12px;border:1px solid #fecaca;border-radius:8px;background:#fff1f2;color:#991b1b}.game-layout{display:grid;gap:16px}.room-panel{align-content:start}.room-heading{display:flex;align-items:center;gap:8px}.players{display:flex;flex-wrap:wrap;gap:8px}.player{display:flex;align-items:center;gap:4px;padding:8px 10px;border-radius:8px;background:#eef2f7;color:#5b6472}.player.online{background:#e7f7ef;color:#146c43}.kick-btn{display:inline-flex;align-items:center;justify-content:center;min-height:unset;padding:3px 5px;margin-left:auto;background:transparent;color:#ef4444;border-radius:4px}.kick-btn:hover{background:#fee2e2}.danger{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.danger:hover{background:#fecaca}.waiting{padding:24px 8px;color:#5b6472;text-align:center}.brand-stage{display:grid;gap:14px}.brand-card{width:100%;aspect-ratio:4 / 3;padding:16px;border:1px solid #d8dee6;background:#fff}.brand-card.guessed{outline:4px solid #22c55e}.brand-card img{width:100%;height:100%;object-fit:contain}.big{min-height:60px;font-size:1.1rem}.success{padding:14px;border-radius:8px;background:#dcfce7;color:#166534;font-weight:800;text-align:center}.scoreboard{display:grid;gap:10px;padding:16px;border:1px solid #d8dee6;border-radius:8px;background:#fff}.score-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #eef2f7}.muted{margin:0;color:#6b7280}@media(min-width:760px){.game-layout{grid-template-columns:260px 1fr;align-items:start}}.categories-fieldset{border:1px solid #cfd6df;border-radius:8px;padding:10px 14px 14px;margin:0}.categories-fieldset legend{font-weight:700;color:#374151;padding:0 4px}.category-option{display:flex;align-items:center;gap:8px;font-weight:400;color:#18202f;cursor:pointer;padding:5px 0}.reconnect-banner{margin-bottom:14px;padding:10px 14px;border-radius:8px;background:#fffbeb;border:1px solid #fcd34d;color:#92400e;font-weight:700;text-align:center;font-size:.9rem}.brands-header{display:flex;align-items:center;gap:8px;margin:0;color:#6b7280;font-size:.85rem;font-weight:600}.brands-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.brand-item{border:1px solid #d8dee6;border-radius:8px;background:#fff;overflow:hidden}.brand-item-name{display:block;padding:8px 12px;font-weight:700;font-size:.9rem;background:#f4f6f8;border-bottom:1px solid #d8dee6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-item img{width:100%;aspect-ratio:4 / 3;object-fit:contain;padding:8px}.category-option input[type=checkbox]{width:auto;min-height:auto;accent-color:#e3342f;cursor:pointer}