:root{--bg: #14171c;--panel: #1e232b;--text: #e8e8e2;--muted: #8a93a0;--card-w: 52px;--card-h: 72px;--red: #c0392b;--yellow: #d4a017;--green: #1e8449;--blue: #2467aa;--bonus: #6c3fa0;--target-glow: #7dd87d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,sans-serif}#app{max-width:1180px;margin:0 auto;padding:12px 16px}.table{display:grid;grid-template-areas:"west north east" "west center east" "south south south";grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);column-gap:12px;align-items:start}.area-north{grid-area:north;display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.area-west{grid-area:west;justify-self:end}.area-east{grid-area:east;justify-self:start}.area-west,.area-east{align-self:center;display:flex;flex-direction:column;gap:16px}.area-center{grid-area:center}.area-south{grid-area:south}.area-south .player.me,.area-south .hand-row{justify-content:center}.area-south .hint{text-align:center}@media(max-width:760px){.table{grid-template-areas:"north" "west" "center" "east" "south";grid-template-columns:1fr}.area-west,.area-east{justify-self:stretch;align-self:auto}}header{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}header h1{font-size:22px;margin:8px 0}.meta{color:var(--muted);font-size:13px}.meta.status{color:var(--text);font-weight:600}.card{width:var(--card-w);height:var(--card-h);border-radius:8px;border:2px solid rgba(255,255,255,.15);color:#fff;font-size:20px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .08s,box-shadow .12s;padding:0}.card:hover{transform:translateY(-2px)}.card.red{background:var(--red)}.card.yellow{background:var(--yellow)}.card.green{background:var(--green)}.card.blue{background:var(--blue)}.card.bonus{background:var(--bonus);font-size:13px}.card.selected{outline:3px solid #fff;transform:translateY(-6px)}.card.target,.pile.target .pile-top{box-shadow:0 0 0 3px var(--target-glow),0 0 14px var(--target-glow)}.grid{display:grid;gap:8px;justify-content:center;margin:14px 0;padding:12px;background:var(--panel);border-radius:12px}.cell.empty{width:var(--card-w);height:var(--card-h);border:2px dashed rgba(255,255,255,.12);border-radius:8px}.grid .card{cursor:default}.grid .card.target{cursor:pointer}.player{display:flex;align-items:center;gap:14px;padding:6px 10px;border-radius:10px;margin:4px 0;min-height:56px}.player.me{background:#ffffff0a}.player.thinking .name:after{content:" ⏳"}.player.target{outline:2px solid var(--target-glow);cursor:pointer}.badge{display:flex;flex-direction:column;min-width:130px}.badge .name{font-weight:700}.badge .score{color:var(--target-glow);font-size:13px}.badge .cards{color:var(--muted);font-size:12px}.badge .trade-hint{color:var(--target-glow);font-size:12px}.piles{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.pile{position:relative;width:var(--card-w)}.pile .card{position:absolute;left:0;top:0}.pile .pile-top{cursor:default}.pile.target .pile-top{cursor:pointer}.pile .card.under{align-items:flex-start;justify-content:flex-start;padding:1px 0 0 6px;font-size:11px;line-height:12px;cursor:default}.pile .card.under.bonus{font-size:8px;line-height:10px;padding-top:2px}.pile .card.under:hover{transform:none}.pile-value{position:absolute;bottom:-6px;right:-6px;background:#000;border-radius:8px;font-size:11px;padding:1px 5px}.no-piles{color:var(--muted);font-size:12px;align-self:center}.player.side{flex-direction:column;align-items:flex-start;gap:8px;max-width:190px}.player.side .badge{min-width:0}.player.side .piles{gap:12px}.hand-row{display:flex;align-items:center;gap:18px;margin-top:6px}.hand{display:flex;gap:8px;flex-wrap:wrap}.actions{display:flex;gap:8px}button{background:var(--panel);color:var(--text);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px 14px;font-size:14px;cursor:pointer}button:hover:not(:disabled){border-color:#fff}button:disabled{opacity:.4;cursor:default}.hint{color:var(--muted);font-size:13px;min-height:1em}.log{color:var(--muted);font-size:12px;margin-top:10px}.fly-card{position:fixed;z-index:60;pointer-events:none;margin:0}.card.back{background:repeating-linear-gradient(45deg,#2b3240,#2b3240 6px,#232936 6px 12px);color:#6b7689;font-size:26px}.announce{position:fixed;top:58px;left:50%;transform:translate(-50%);z-index:55;background:#000c;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:8px 18px;font-size:14px;pointer-events:none}.speed select{background:var(--bg);color:var(--text);border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:2px 4px;font-size:12px}.overlay{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center}.panel{background:var(--panel);border-radius:14px;padding:22px 28px;min-width:320px}.panel table{border-collapse:collapse;margin:10px 0 16px}.panel td,.panel th{padding:4px 12px;text-align:right}.panel td:first-child{text-align:left}.winners{font-size:18px;font-weight:700;color:var(--target-glow)}.revealed-hand{display:flex;gap:4px;flex-wrap:wrap;padding:4px 6px;border:1px dashed rgba(255,255,255,.25);border-radius:8px}.card.mini{width:28px;height:40px;font-size:13px;border-radius:5px;border-width:1px;cursor:default}.card.mini.bonus{font-size:7px}.card.mini:hover{transform:none}.player.side .revealed-hand{max-width:190px}.setup .checkbox{justify-content:flex-start}.setup .checkbox input{width:auto}.share-link{display:flex;align-items:center;gap:8px}.share-link code{background:var(--bg);border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:6px 10px;font-size:13px;user-select:all}.lobby-seats{list-style:none;padding:0}.lobby-seats li{padding:4px 0}.setup{max-width:380px;margin:60px auto;display:flex;flex-direction:column;gap:14px}.setup label{display:flex;justify-content:space-between;align-items:center;gap:10px}.setup select,.setup input{background:var(--bg);color:var(--text);border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:6px}#seats{display:flex;flex-direction:column;gap:8px}