*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#1a1b1e;color:#e4e4e7;display:flex;justify-content:center;padding:3rem 1rem}.card{width:100%;max-width:24rem;background:#26272b;border-radius:.75rem;padding:1.5rem}.card.wide{max-width:40rem}h1{font-size:1.25rem;margin-top:0}h2{font-size:1rem}form{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}input{padding:.5rem .75rem;border:1px solid #3f3f46;border-radius:.375rem;background:#1a1b1e;color:inherit}button{padding:.5rem .75rem;border:0;border-radius:.375rem;background:#6366f1;color:#fff;cursor:pointer}button.link{background:none;color:#a5b4fc;padding:0;text-align:left}.tabs{display:flex;gap:.5rem;margin-bottom:1rem}.tabs button{flex:1;background:#3f3f46}.tabs button.active{background:#6366f1}.status{color:#fbbf24;font-size:.875rem}ul{list-style:none;padding:0}li{padding:.25rem 0}select{padding:.5rem .75rem;border:1px solid #3f3f46;border-radius:.375rem;background:#1a1b1e;color:inherit}.columns{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.table{border:1px solid #3f3f46;border-radius:.375rem;padding:.5rem .75rem;margin-bottom:.5rem}.dim{color:#71717a;font-size:.875rem}.chat{max-height:20rem;overflow-y:auto}.game{margin-top:.5rem;border-top:1px solid #3f3f46;padding-top:.5rem}.game.my-turn{outline:1px solid #6366f1;border-radius:.375rem;padding:.5rem}.game .row{gap:.35rem;margin:.3rem 0}.opp{display:flex;align-items:center;gap:.35rem;font-size:.875rem}.chip{min-width:2rem;padding:.3rem .45rem;border:1px solid #52525b;border-radius:.3rem;background:#e4e4e7;color:#18181b;font-weight:600;font-size:.8rem;cursor:pointer}.chip.wild{background:#fbbf24}.chip.selected{outline:2px solid #6366f1}.chip:disabled{cursor:default;opacity:.7}.chip.pile,.chip.build{background:#3f3f46;color:#e4e4e7;display:inline-flex;flex-direction:column;align-items:center;line-height:1}.chip.build.empty,.chip.pile.empty{background:transparent;border-style:dashed}.suit-red{color:#b91c1c}.melds{flex-wrap:wrap;justify-content:flex-start}.meld{display:inline-flex;align-items:center;gap:.2rem;border:1px solid #3f3f46;border-radius:.3rem;background:transparent;padding:.15rem}.meld.clickable{border-color:#6366f1}.banner{background:#7f1d1d;color:#fecaca;padding:.4rem .6rem;border-radius:.3rem;margin:.3rem 0;font-size:.8rem}