:root{color:#1f2528;background:#f5f7fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;letter-spacing:0;text-rendering:optimizeLegibility;--bg: #f5f7fa;--surface: #ffffff;--surface-strong: #eef3f4;--ink: #1f2528;--muted: #60707b;--line: #d8dee4;--teal: #0b7a75;--teal-dark: #075f5a;--gold: #d89a26;--red: #c74747;--green: #21855b;--blue: #2b6cb0;--shadow: 0 18px 60px rgba(31, 37, 40, .1)}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:linear-gradient(120deg,rgba(11,122,117,.1),transparent 36%),linear-gradient(300deg,rgba(216,154,38,.12),transparent 34%),var(--bg)}button,input{font:inherit}button{min-height:44px;border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:24px 0 40px}.topbar,.home-panel,.host-room-panel,.scoreboard,.play-panel,.review-panel,.results-panel{border:1px solid var(--line);border-radius:8px;background:#fffffff0;box-shadow:var(--shadow)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 16px;margin-bottom:16px}.brand-block,.topbar-actions,.panel-heading,.question-header,.host-room-panel,.winner-strip,.waiting-badge,.connection-pill,.question-badge,.scoreboard-meta,.primary-button,.ghost-button,.decision-button{display:flex;align-items:center}.brand-block{gap:14px;min-width:0}.brand-asset{width:86px;height:48px;object-fit:contain;flex:0 0 auto}.topbar-actions{gap:10px;flex-wrap:wrap;justify-content:flex-end}.eyebrow{margin:0 0 4px;color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase}h1,h2{margin:0;line-height:1.08;color:var(--ink)}h1{font-size:clamp(1.35rem,3vw,2rem)}h2{font-size:clamp(1.25rem,2.4vw,1.8rem)}.primary-button,.ghost-button,.decision-button{justify-content:center;gap:8px;border-radius:8px;font-weight:800}.primary-button{width:fit-content;padding:0 18px;color:#fff;background:var(--teal)}.primary-button:hover:not(:disabled){background:var(--teal-dark)}.ghost-button{padding:0 14px;color:var(--teal-dark);background:var(--surface-strong)}.connection-pill,.question-badge,.waiting-badge{gap:8px;min-height:36px;padding:0 12px;border-radius:999px;color:var(--ink);background:#f7dc9f;font-weight:900;white-space:nowrap}.question-meta-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.timer-badge{color:var(--blue);background:#eaf2ff}.timer-badge.urgent{color:var(--red);background:#fff0f0}.connection-pill.connected{color:#fff;background:var(--green)}.connection-pill.offline{color:#fff;background:var(--red)}.error-banner{margin-bottom:16px;padding:12px 14px;border:1px solid rgba(199,71,71,.35);border-radius:8px;color:#842828;background:#fff0f0;font-weight:800}.home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-height:520px;align-items:start}.menu-layout{display:grid;place-items:center;min-height:520px}.home-panel,.play-panel,.review-panel,.results-panel{padding:22px}.home-panel{display:grid;gap:18px}.menu-card{width:min(620px,100%)}.menu-actions{display:grid;gap:12px}.menu-action-button{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:12px;min-height:62px;padding:0 16px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--surface);font-weight:900;text-align:left}.menu-action-button:hover:not(:disabled){border-color:var(--teal);background:#eef8f7}.menu-action-button span{overflow-wrap:anywhere}.menu-back-button{width:fit-content}.rules-card{width:min(760px,100%)}.rules-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rules-summary section{min-height:128px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.rules-summary h3{margin:0 0 8px;color:var(--teal-dark);font-size:1rem}.rules-summary p{margin:0;color:var(--muted);line-height:1.45;font-weight:700}.panel-heading,.question-header,.host-room-panel{justify-content:space-between;gap:16px}.feature-list{display:flex;flex-wrap:wrap;gap:8px}.feature-list span,.waiting-list span,.history-strip{display:inline-flex;min-height:34px;align-items:center;padding:0 10px;border-radius:999px;color:var(--teal-dark);background:var(--surface-strong);font-weight:800}.field-line{display:grid;gap:7px;min-width:0}.question-count-field{padding:0;border:0;margin:0}.field-line span,.field-line legend{color:var(--muted);font-size:.86rem;font-weight:800}.wager-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.question-count-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.wager-shortcuts button,.question-count-option{min-height:38px;border:1px solid var(--line);border-radius:8px;color:var(--teal-dark);background:var(--surface-strong);font-size:.84rem;font-weight:900}.wager-shortcuts button:hover,.question-count-option:hover{border-color:var(--teal);background:#eef8f7}.question-count-option.selected{color:#fff;border-color:var(--teal);background:var(--teal)}input{width:100%;min-height:44px;border:1px solid var(--line);border-radius:8px;padding:0 12px;color:var(--ink);background:#fff;outline:none}input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0b7a7529}.screen-stack{display:grid;gap:16px}.host-room-panel{padding:16px}.room-code{font-size:clamp(2.2rem,6vw,4rem);line-height:.95;font-weight:950;color:var(--teal-dark)}.scoreboard{display:grid;grid-template-columns:160px 1fr;gap:12px;align-items:stretch;padding:12px}.scoreboard-meta{justify-content:center;gap:8px;min-height:72px;border-radius:8px;color:#fff;background:var(--ink);font-weight:900}.score-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px}.player-tile{min-height:72px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.player-tile.eliminated{color:var(--muted);background:#f0f2f4}.player-name-line{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px;font-weight:800}.player-name-line span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-icons{display:flex;gap:5px;flex:0 0 auto}.player-tile strong{display:block;margin-top:8px;font-size:1.6rem}.waiting-list{display:flex;flex-wrap:wrap;gap:8px;min-height:48px;margin:18px 0}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.host-status-heading{width:fit-content;margin:18px 0 12px}.status-tile{min-height:78px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff8ea}.status-tile.done{background:#eaf8f1}.status-tile strong,.status-tile span{display:block}.status-tile span{margin-top:7px;color:var(--muted);font-weight:800}.centered-panel{display:grid;place-items:center;min-height:240px;text-align:center}.player-answer-form{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:14px;align-items:end}.review-list,.rank-list{display:grid;gap:10px;margin:18px 0}.review-row,.rank-row{display:grid;align-items:center;gap:12px;min-height:76px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.review-row{grid-template-columns:minmax(0,1fr) 120px 142px}.review-row.compact{grid-template-columns:minmax(0,1fr) 120px 110px}.review-row strong,.review-row span{display:block}.review-row span{color:var(--muted)}.review-wager{text-align:right}.positive{color:var(--green)}.negative{color:var(--red)}.decision-button{padding:0 12px;color:#fff}.decision-button.accepted{background:var(--green)}.decision-button.refused{background:var(--red)}.winner-strip{gap:14px;padding:16px;border-radius:8px;color:#fff;background:linear-gradient(135deg,var(--teal),var(--blue))}.winner-strip h2,.winner-strip .eyebrow{color:#fff}.rank-row{grid-template-columns:52px minmax(0,1fr) 110px}.rank-row span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#fff;background:var(--gold);font-weight:900}.rank-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-row em{color:var(--muted);font-style:normal;font-weight:900;text-align:right}@media(max-width:760px){.app-shell{width:min(100% - 20px,1180px);padding-top:10px}.topbar,.panel-heading,.question-header,.host-room-panel{align-items:stretch;flex-direction:column}.topbar-actions{justify-content:stretch}.brand-asset{width:68px}.home-grid,.rules-summary,.scoreboard,.player-answer-form,.review-row,.review-row.compact,.rank-row{grid-template-columns:1fr}.review-wager,.rank-row em{text-align:left}.primary-button,.ghost-button{width:100%}}