:root{color:#f8f1df;background:#080b0a;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#080b0a;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer;color:#17100a;background:#f2d27c;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-weight:800;transition:all .15s;display:inline-flex}button:hover{transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}.primary{color:#fff7e6;background:#b3261e}.ghost{color:#f8f1df;background:#141917;border:1px solid #3d3424}input{color:#f8f1df;background:#111614;border:1px solid #3d3424;border-radius:14px;outline:none;width:100%;padding:13px 14px}input::placeholder{color:#9f9274}.auth-page{grid-template-columns:1.2fr .8fr;align-items:center;gap:28px;max-width:1180px;min-height:100vh;margin:0 auto;padding:48px;display:grid}.hero-card,.auth-card,.panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#101512;border:1px solid #3d3424;border-radius:30px;box-shadow:0 24px 80px #00000073}.hero-card{padding:58px}.auth-card{gap:16px;padding:32px;display:grid}.brand{color:#f2d27c;align-items:center;gap:12px;font-weight:900;display:flex}.brand.small{font-size:20px}.hero-card h1{color:#fff7e6;margin:28px 0 16px;font-size:62px;line-height:1}.hero-card p,.lobby p{color:#c7bda2;font-size:18px}.switch{color:#f2d27c;cursor:pointer;text-align:center}.error{color:#ffd8d2;background:#2a1110;border:1px solid #8e2b24;border-radius:12px;padding:10px}.center{text-align:center}nav{background:#080b0a;justify-content:space-between;align-items:center;height:74px;padding:0 28px;display:flex}.lobby,.table-page{min-height:100vh}.lobby-grid{grid-template-columns:.9fr 1.1fr;gap:24px;max-width:1380px;margin:0 auto;padding:28px;display:grid}.panel{padding:15px}.tables-grid{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.panel.big h1{color:#fff7e6;margin:0 0 10px;font-size:46px}.join-row{grid-template-columns:1fr auto;gap:12px;margin-top:18px;display:grid}.game-row{background:#161d19;border:1px solid #2e392f;border-radius:18px;justify-content:space-between;align-items:center;margin-top:12px;padding:14px;display:flex}.game-row span{color:#9f9274;margin-top:4px;font-size:13px;display:block}.muted{color:#9f9274}.room-code{background:#141917;border:1px solid #3d3424;border-radius:16px;align-items:center;gap:10px;padding:8px 10px;display:flex}.room-code button{padding:8px 10px}.table-layout{grid-template-columns:260px 1fr 340px;gap:20px;padding:18px 28px 28px;display:grid}.felt{background:#0f5a36;border:14px solid #4a2416;border-radius:46px;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:calc(100vh - 120px);padding:30px;display:flex;box-shadow:inset 0 0 70px #00000073,0 24px 80px #00000073}.pot{color:#f2d27c;background:#101512;border:1px solid #f2d27c;border-radius:999px;padding:12px 18px}.community,.cards{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.card{color:#111;background:#fff7e6;border-radius:14px;flex-direction:column;justify-content:space-between;width:78px;height:108px;padding:9px;font-size:20px;font-weight:900;display:flex;box-shadow:0 10px 24px #00000059}.card b{align-self:flex-end;font-size:36px}.card.red{color:#b3261e}.card.back{color:#f2d27c;background:#16245c;border:2px solid #f2d27c;justify-content:center;align-items:center;font-size:44px}.card.empty{color:#7fa58e;background:#1d2f26;border:1px dashed #7fa58e;justify-content:center;align-items:center}.showdown-hands{text-align:center;background:#101512c2;border:1px solid #f2d27c59;border-radius:22px;width:min(680px,100%);padding:16px}.showdown-hands h3{color:#f2d27c;margin:0 0 12px}.showdown-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;display:grid}.showdown-hand{background:#161d19;border:1px solid #2e392f;border-radius:18px;justify-items:center;gap:10px;padding:12px;display:grid}.showdown-hand span{font-weight:900}.showdown-hand em{color:#f2d27c;font-size:12px;font-style:normal}.small-cards .card{border-radius:10px;width:56px;height:78px;padding:7px;font-size:15px}.small-cards .card b{font-size:24px}.your-hand{text-align:center}.your-hand h3{color:#f2d27c;margin:0 0 12px}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.controls input{width:120px}.winner{color:#17100a;background:#f2d27c;border-radius:999px;padding:12px 20px;font-size:24px;font-weight:900}.players-panel h2,.log-panel h2,.chat-panel h2{color:#f2d27c;flex-shrink:0;align-items:center;gap:8px;margin-top:0;display:flex}.player{background:#161d19;border:1px solid #2e392f;border-radius:16px;margin-bottom:10px;padding:14px}.player.active{border-color:#f2d27c;box-shadow:0 0 0 2px #f2d27c2e}.player.folded{opacity:.45}.player em{color:#f2d27c;font-size:12px;font-style:normal}.player small{color:#9f9274;margin-top:5px;display:block}.side-stack{grid-template-rows:minmax(0,2fr) minmax(0,1fr);grid-template-columns:1fr;align-content:start;gap:20px;max-height:calc(100vh - 120px);display:grid}.chat-panel,.log-panel{min-height:0;overflow:hidden}.chat-panel{grid-template-rows:auto minmax(0,1fr) auto;gap:8px;padding-bottom:12px;display:grid}.chat-messages{flex-direction:column;gap:10px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.chat-messages p{color:#d8ceb1;background:#161d19;border:1px solid #2e392f;border-radius:14px;margin:0;padding:10px;font-size:14px;line-height:1.4}.chat-form{flex-shrink:0;grid-template-columns:1fr auto;gap:8px;display:grid}.chat-form input{padding:8px 10px}.chat-form button{padding:8px 12px}.log-panel{grid-template-rows:auto minmax(0,1fr);padding-right:15px;display:grid;overflow:hidden}.log-messages{min-height:0;padding-right:4px;overflow-y:auto}.log-messages p{color:#d8ceb1;border-bottom:1px solid #2e392f;margin:0 0 10px;padding-bottom:10px;font-size:14px;line-height:1.45}@media (width<=950px){.auth-page,.lobby-grid,.tables-grid,.table-layout{grid-template-columns:1fr}.hero-card h1{font-size:42px}.auth-page{padding:22px}.table-layout{padding:12px}.felt{border-width:8px;border-radius:28px}.side-stack{grid-template-rows:auto auto;grid-template-columns:1fr;max-height:none}.chat-panel,.log-panel{max-height:360px}}