:root{--bg: #0f1720;--panel: #182230;--panel-2: #1f2c3d;--line: #2c3a4d;--text: #e7eef6;--muted: #93a4b8;--accent: #4f9dff;--accent-2: #2f7be0;--green: #2faf6a;--red: #e0586a;--gold: #d8b24a}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.app-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--line);background:var(--panel)}.app-header h1{margin:0;font-size:20px;letter-spacing:.5px}.app-nav{display:flex;align-items:center;gap:14px}.app-nav a{color:var(--muted);text-decoration:none;font-size:14px;padding:4px 2px;border-bottom:2px solid transparent}.app-nav a.active{color:var(--text);border-bottom-color:var(--accent)}main{padding:20px;max-width:1000px;margin:0 auto}button{font:inherit;border:1px solid var(--line);background:var(--panel-2);color:var(--text);padding:8px 12px;border-radius:8px;cursor:pointer;transition:filter .1s ease,opacity .1s ease}button:hover:not(:disabled){filter:brightness(1.15)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--accent-2);border-color:var(--accent)}button.danger{background:#5a2030;border-color:var(--red)}button.ghost{background:transparent}button.link{background:transparent;border:none;color:var(--accent);padding:4px 6px}button.mini{padding:3px 8px;font-size:12px}.lobby{display:grid;gap:16px;grid-template-columns:1fr 1fr}.card-panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px}.card-panel h2{margin-top:0}.text{width:100%;padding:9px 11px;margin:6px 0 10px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--text)}.ai-toggles{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:2px 0 12px}.ai-toggle{display:inline-flex;align-items:center;gap:5px;font-size:14px;cursor:pointer}.ai-badge{margin-left:6px;font-size:10px;font-weight:700;letter-spacing:.5px;color:var(--accent);border:1px solid var(--accent);border-radius:5px;padding:1px 4px;vertical-align:middle}.bot-select-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:4px 0 14px}.bot-select-pills{display:flex;gap:6px;flex-wrap:wrap}.bot-pill{padding:4px 12px;border-radius:20px;font-size:13px;font-weight:600;border:1px solid var(--line);background:var(--panel-2);color:var(--muted);transition:background .12s,color .12s,border-color .12s}.bot-pill:hover:not(:disabled){filter:none;color:var(--text);border-color:var(--accent)}.bot-pill.active{background:var(--accent-2);border-color:var(--accent);color:#fff}.bot-desc{font-style:italic}.room{max-width:560px}.share{display:flex;gap:8px;margin-bottom:8px}.share .text{margin:0}.seat-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line)}.seats{list-style:none;padding:0}.seats li.seat{padding:8px 0;border-bottom:1px solid var(--line)}.seat-head{display:flex;align-items:center;justify-content:space-between}.seat-actions{display:flex;gap:6px;align-items:center}.seat-name{font-weight:600}.token{display:block;margin-top:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--muted);background:var(--bg);padding:3px 6px;border-radius:6px;-webkit-user-select:all;user-select:all;word-break:break-all}.created code{background:var(--bg);padding:2px 6px;border-radius:6px}.hint{color:var(--muted);font-size:13px}.hint.warn{color:var(--gold)}.error{background:#3a1620;border:1px solid var(--red);color:#ffd9df;padding:8px 12px;border-radius:8px}.statusbar{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--panel);border:1px solid var(--line);border-radius:10px;margin-bottom:12px}.status{font-weight:600}.conn{color:var(--muted);font-size:13px}.scores{width:100%;border-collapse:collapse;margin-bottom:14px}.scores th,.scores td{text-align:left;padding:6px 10px;border-bottom:1px solid var(--line);font-size:14px}.scores th{color:var(--muted);font-weight:500}.scores tr.current td{background:#4f9dff1f}.turn-dots{display:inline-flex;align-items:center;gap:3px;margin-left:6px;vertical-align:middle}.turn-dots span{width:5px;height:5px;border-radius:50%;background:var(--accent);animation:wave 1.2s ease-in-out infinite}.turn-dots span:nth-child(2){animation-delay:.2s}.turn-dots span:nth-child(3){animation-delay:.4s}@keyframes wave{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.piles{display:flex;gap:16px;margin:8px 0 4px}.pile{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 14px;display:flex;align-items:center;gap:10px}.pile-label{color:var(--muted);font-size:13px}.count{background:var(--bg);border-radius:6px;padding:2px 8px;font-variant-numeric:tabular-nums}.pile.discard{flex:1;min-width:0}.discard-fan{display:flex;align-items:flex-start;overflow-x:auto;padding:2px 2px 4px;min-height:72px}.fan-card{position:relative;flex:0 0 auto;width:46px;height:66px;margin-left:-23px;padding:0;background:#f5f7fa;color:#16202c;border:1px solid #8b97a6;border-radius:7px;cursor:pointer;transition:transform .08s ease;box-shadow:-2px 0 4px #080e1673}.fan-card:first-child{margin-left:0}.fan-card.red{color:var(--red)}.fan-card.joker{background:#efe6ff;color:#5a2f9e;border-color:#c8b3f0}.fan-card:not(:disabled):hover{transform:translateY(-6px);z-index:50}.fan-card:disabled{cursor:default;opacity:1}.fan-card .corner{position:absolute;top:4px;left:4px;display:flex;flex-direction:column;align-items:center;line-height:1.05;font-weight:700;font-size:13px}.fan-card .corner .s{font-size:12px}.fan-card .face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px}.chip.must-use{outline:3px solid var(--gold);box-shadow:0 0 0 2px #d8b24a4d}.chip.contrib-mine{box-shadow:inset 0 -5px 0 var(--green)}.card-dot{position:absolute;top:3px;right:3px;width:9px;height:9px;border-radius:50%;border:1px solid rgba(8,14,22,.5)}.player-swatch{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:middle}h3{margin:16px 0 8px}.melds{display:flex;flex-wrap:wrap;gap:10px;min-height:40px}.meld{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 10px;cursor:pointer}.meld.mine{border-color:var(--green)}.meld.selected{outline:2px solid var(--accent)}.meld-owner{font-size:12px;color:var(--muted);margin-right:6px}.meld-kind{font-size:12px;color:var(--gold)}.meld-cards{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}.redeem{margin-top:6px;display:flex;gap:6px;flex-wrap:wrap}.hand-head{display:flex;align-items:baseline;gap:14px}.sort-controls{display:flex;align-items:center;gap:6px}button.mini.active{background:var(--accent-2);border-color:var(--accent)}.hand{display:flex;flex-wrap:wrap;gap:6px}.hand button.chip{cursor:grab}.hand button.chip.dragging{opacity:.4}.chip{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:50px;padding:0 8px;background:#f5f7fa;color:#16202c;border:1px solid #c7d0db;border-radius:7px;font-weight:700;font-size:15px}.chip.red{color:var(--red)}.chip.joker{background:#efe6ff;color:#5a2f9e;border-color:#c8b3f0}.chip.empty{background:transparent;color:var(--muted);border-style:dashed}button.chip{cursor:pointer;height:54px}button.chip.selected{outline:3px solid var(--accent);transform:translateY(-4px)}.joker-assign{margin:10px 0;padding:10px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.joker-row{display:flex;align-items:center;gap:8px;margin:4px 0}.joker-row select{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:4px 6px}.actionbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:14px 0 6px;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.divider{width:1px;height:24px;background:var(--line);margin:0 4px}.round-history{margin:4px 0 12px}.round-history summary{cursor:pointer;color:var(--muted);font-size:14px;padding:4px 0}.round-scores td,.round-scores th{text-align:right}.round-scores th:first-child,.round-scores td:first-child{text-align:left;color:var(--muted)}.round-scores tr.totals td{font-weight:700;border-top:2px solid var(--line)}.admin-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.admin-game{margin-bottom:14px}.admin-game-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.admin-meta{margin:4px 0 8px}.badge{font-size:12px;font-weight:600;border-radius:6px;padding:2px 8px}.badge.live{color:var(--green);border:1px solid var(--green)}.badge.done{color:var(--gold);border:1px solid var(--gold)}.admin-game-view-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px;flex-wrap:wrap;gap:8px}.admin-game-view-head h2{margin:4px 0 0}.admin-game-view-head .badge{margin-top:4px}.back-link{display:inline-block;color:var(--accent);text-decoration:none;font-size:13px;margin-bottom:4px}.back-link:hover{text-decoration:underline}.admin-player{margin-bottom:10px;padding:12px 16px}.admin-player-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.admin-rounds{margin-top:8px}.admin-rounds summary{cursor:pointer;color:var(--muted);font-size:13px}.admin-game-link{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:var(--accent);text-decoration:none;background:var(--bg);padding:3px 8px;border-radius:6px;word-break:break-all}.admin-game-link:hover{text-decoration:underline;filter:brightness(1.2)}@media (max-width: 720px){.lobby{grid-template-columns:1fr}}