:root{color:#17201b;background:#f4f7f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{border:0;border-radius:8px;background:#167c55;color:#fff;cursor:pointer;min-height:40px;padding:0 14px;font-weight:700}button.secondary{background:#334155}button:disabled{cursor:not-allowed;opacity:.42}input{min-height:40px;border:1px solid #cbd5c6;border-radius:8px;padding:0 10px;background:#fff;color:#17201b}.app-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:24px 0 36px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}h1,h2,p{margin:0}h1{font-size:clamp(28px,4vw,44px);line-height:1}.topbar p{color:#5f6f66;margin-top:8px}.connection{border-radius:999px;padding:8px 12px;background:#dbe4d5;color:#334155;font-weight:700;white-space:nowrap}.connection.open{background:#c6f3d8;color:#11643f}.connection.error,.connection.closed{background:#ffe1df;color:#a1342b}.lobby,.status-strip,.hand-panel,.side-panel{display:grid;gap:12px}.lobby{grid-template-columns:minmax(140px,1fr) minmax(120px,160px) auto auto;align-items:end;padding:16px;border:1px solid #d7dfd2;border-radius:8px;background:#fff}label{display:grid;gap:6px;color:#53645b;font-size:14px;font-weight:700}.error{margin-top:12px;border-radius:8px;background:#ffe1df;color:#8f2d26;padding:12px 14px;font-weight:700}.status-strip{grid-template-columns:repeat(4,minmax(0,1fr));margin:16px 0}.status-strip span{border-radius:8px;background:#e7ece2;padding:12px;font-weight:800}.table-layout{display:grid;grid-template-columns:1fr;gap:16px;border-radius:8px;padding:18px;background:#185f46;box-shadow:inset 0 0 0 8px #134d39}.community,.hand-panel{border-radius:8px;background:#ffffffeb;padding:14px}.community>span,.hand-panel span{display:inline-block;color:#53645b;font-weight:800;margin-bottom:10px}.cards{display:flex;flex-wrap:wrap;gap:8px;min-height:68px}.card{display:grid;place-items:center;width:48px;height:64px;border-radius:8px;background:#fff;color:#111827;border:1px solid #d6ded0;box-shadow:0 2px #0000001f;font-weight:900}.card.red{color:#bd2f2a}.card.placeholder{color:#93a197;background:#edf2e9}.seats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.seat{min-height:142px;border:2px solid transparent;border-radius:8px;background:#f9fbf7;padding:12px}.seat.mine{border-color:#f2c94c}.seat.turn{box-shadow:0 0 0 4px #f2c94c73}.seat-head,.seat-meta,.side-panel li{display:flex;align-items:center;justify-content:space-between;gap:8px}.seat-head strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat-head span,.seat-meta,.muted{color:#667568}.chips{margin:16px 0 10px;font-size:22px;font-weight:900}.seat-button{width:100%;margin-top:12px}.hand-panel{display:grid;grid-template-columns:minmax(150px,260px) 1fr;align-items:end}.actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.raise-control{display:flex;gap:8px}.raise-control input{width:92px}.side-panel{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.side-panel>div{border:1px solid #d7dfd2;border-radius:8px;background:#fff;padding:16px}h2{font-size:18px;margin-bottom:12px}ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.side-panel li{border-radius:8px;background:#f1f5ed;padding:10px}small{color:#647067;font-weight:800}@media(max-width:820px){.app-shell{width:min(100% - 20px,760px);padding-top:16px}.topbar,.hand-panel{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.lobby,.status-strip,.seats,.side-panel{grid-template-columns:1fr}.actions{justify-content:flex-start}}