:root{color:#f8faf9;background:#101316;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #101316;--panel: #f7f9f6;--panel-strong: #ffffff;--text: #18201f;--muted: #66736d;--line: #dce4df;--teal: #22b8a7;--amber: #f0a93a;--red: #e95757;--shadow: 0 24px 70px rgba(0, 0, 0, .26)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,rgba(34,184,167,.16),transparent 35%),linear-gradient(315deg,rgba(240,169,58,.14),transparent 36%),var(--bg)}button,input{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.58}input{width:100%;min-height:46px;border:1px solid var(--line);border-radius:8px;padding:0 14px;color:var(--text);background:#fff;outline:none}input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #22b8a72e}label{display:grid;gap:8px;color:var(--muted);font-size:13px;font-weight:700}.home,.appShell{width:min(1120px,calc(100% - 28px));margin:0 auto;padding:28px 0}.home{display:grid;gap:22px}.heroPanel{min-height:55vh;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:28px;padding:42px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#ffffff0f;box-shadow:var(--shadow)}.brandRow{display:inline-flex;align-items:center;gap:10px;color:#fff;font-size:22px;font-weight:900}h1,h2,p{margin:0}h1{margin-top:34px;color:#fff;font-size:clamp(42px,7vw,84px);line-height:.98;max-width:720px;letter-spacing:0}.heroPanel p{margin-top:24px;max-width:560px;color:#ffffffc2;font-size:18px;line-height:1.72}.heroBoard{justify-self:end;width:min(390px,100%);display:grid;gap:14px}.wordCard,.onlineWord{min-height:230px;display:grid;place-items:center;border-radius:8px;background:var(--panel-strong);color:var(--text);font-size:clamp(44px,9vw,84px);font-weight:900;box-shadow:var(--shadow)}.miniQueue{display:grid;grid-template-columns:1fr 1fr;gap:12px}.miniQueue span{min-height:74px;display:grid;place-items:center;border-radius:8px;background:#ffffff1f;color:#fff;font-weight:800}.modeGrid,.gridTwo,.onlineLayout{display:grid;gap:18px}.modeGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.modeCard,.panel{border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text)}.modeCard{min-height:190px;display:grid;justify-items:start;gap:12px;padding:24px;text-align:left}.modeCard strong{font-size:24px}.modeCard span:last-child{color:var(--muted);line-height:1.6}.modeIcon{width:46px;height:46px;display:grid;place-items:center;border-radius:8px;color:#062522;background:#a8f0e6}.appShell{display:grid;gap:18px}.topbar{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0}.topbar div{display:grid;gap:4px;margin-right:auto}.topbar strong{color:#fff;font-size:22px}.topbar span{color:#ffffffa8;font-size:13px}.panel{padding:22px}.stack{display:grid;gap:16px;align-content:start}.sectionTitle{display:flex;align-items:center;gap:10px}.sectionTitle h2{font-size:22px}.splitTitle,.hostActions,.sendRow,.joinInline{display:flex;gap:10px;align-items:center}.splitTitle{justify-content:space-between;color:var(--muted);font-weight:800}.playerEditor,.playerList,.speechBox,.resultGrid,.voteGrid{display:grid;gap:10px}.playerEditor{grid-template-columns:repeat(2,minmax(0,1fr))}.playerEditor .splitTitle{grid-column:1 / -1}.primaryButton,.secondaryButton,.ghostButton,.iconButton{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;padding:0 16px;font-size:14px;font-weight:900}.primaryButton{color:#062522;background:var(--teal)}.secondaryButton{color:#211604;background:var(--amber)}.ghostButton,.iconButton{color:#fff;background:#ffffff1a}.panel .ghostButton,.panel .iconButton{color:var(--text);background:#eaf0ed}.dealScreen{min-height:64vh;display:grid;justify-items:center;align-content:center;gap:22px;text-align:center}.dealScreen p{color:#ffffffc7;font-size:20px}.revealCard{width:min(520px,100%);min-height:310px;display:grid;place-items:center;gap:16px;border:1px solid rgba(255,255,255,.16);border-radius:8px;color:#fff;background:#191f22;font-size:28px;font-weight:900}.revealCard.isRevealed{color:var(--text);background:#fff;font-size:58px}.gridTwo{grid-template-columns:repeat(2,minmax(0,1fr))}.playerList{margin:0;padding:0;list-style-position:inside}.voteRow,.voteCard,.playerPill,.speechItem,.resultCard,.speakerCard,.leaderBox{border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text)}.voteRow{min-height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 14px}.onlineLayout{grid-template-columns:310px 1fr;align-items:start}.phaseRail{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.phaseRail span{min-height:32px;display:grid;place-items:center;border-radius:8px;background:#e8eeeb;color:var(--muted);font-size:12px;font-weight:900}.phaseRail .active{color:#062522;background:#a8f0e6}.playerPill{min-height:48px;display:flex;align-items:center;gap:10px;padding:0 12px;font-weight:800}.dot{width:9px;height:9px;border-radius:99px;background:#a5aca9}.dot.online{background:var(--teal)}.mainGamePanel{min-height:520px}.joinGrid{display:grid;gap:12px}.joinInline{align-items:stretch}.joinInline input{text-transform:uppercase}.hintText,.errorText{color:var(--muted);line-height:1.65}.errorText{color:var(--red);font-weight:800}.floatingError{padding:10px 14px;border-radius:8px;background:#fffffff0}.onlineWord{min-height:220px;border:1px solid var(--line);box-shadow:none}.speakerCard,.leaderBox{min-height:68px;display:flex;align-items:center;gap:10px;padding:0 16px;color:var(--muted)}.speakerCard strong,.leaderBox strong{color:var(--text);font-size:22px}.speechBox{min-height:220px;max-height:320px;overflow:auto;align-content:start;padding:12px;border-radius:8px;background:#eaf0ed}.speechItem{display:grid;gap:5px;padding:12px}.speechItem span{color:var(--muted);line-height:1.5}.sendRow input{flex:1}.voteGrid,.resultGrid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.voteCard,.resultCard{min-height:104px;display:grid;gap:8px;align-content:center;justify-items:start;padding:16px;text-align:left}.voteCard.selected{border-color:var(--teal);background:#dcfbf6}.voteCard strong,.resultCard strong{font-size:24px}.resultCard small{color:var(--muted);font-size:14px}@media(max-width:780px){.home,.appShell{width:min(100% - 20px,1120px);padding:10px 0 20px}.heroPanel,.modeGrid,.gridTwo,.onlineLayout{grid-template-columns:1fr}.heroPanel{min-height:auto;padding:24px}h1{font-size:46px}.heroBoard{justify-self:stretch}.topbar{flex-wrap:wrap}.playerEditor,.voteGrid,.resultGrid{grid-template-columns:1fr}.phaseRail{grid-template-columns:repeat(3,1fr)}.hostActions,.sendRow,.joinInline{align-items:stretch;flex-direction:column}}