:root{--bg: #15151c;--panel: #1f1f2b;--panel-2: #272737;--text: #ececf1;--muted: #9a9ab0;--accent: #f5c518;--black-card: #0d0d12;--white-card: #f7f7fb;--danger: #e0556b;--ok: #5fd08a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif}.app{max-width:960px;margin:0 auto;padding:16px}.lang-toggle{position:absolute;top:14px;right:14px;background:var(--panel-2);color:var(--text);border:none;border-radius:8px;padding:8px 12px;cursor:pointer}.home{text-align:center;padding-top:40px}.home h1{font-size:2.6rem;margin-bottom:0;color:var(--accent)}.tagline{color:var(--muted);margin-top:6px}.tabs{display:flex;gap:8px;justify-content:center;margin:24px 0}.tabs button{background:var(--panel);color:var(--text);border:1px solid transparent;padding:10px 18px;border-radius:10px;cursor:pointer}.tabs button.active{border-color:var(--accent);color:var(--accent)}label{display:block;margin:12px auto;max-width:320px;text-align:left;color:var(--muted)}input{display:block;width:100%;margin-top:6px;padding:10px;border-radius:8px;border:1px solid #33334a;background:var(--panel);color:var(--text);font-size:1rem}button.primary{background:var(--accent);color:#15151c;border:none;padding:12px 22px;border-radius:10px;font-weight:700;font-size:1rem;cursor:pointer;margin-top:12px}button.primary:disabled{opacity:.4;cursor:not-allowed}.topbar{display:flex;align-items:center;gap:12px;padding:8px 0 16px;border-bottom:1px solid #2a2a3a}.room-code{font-weight:700;letter-spacing:2px;color:var(--accent);display:flex;align-items:center;gap:10px}.copy-btn{font-weight:600;font-size:.7rem;letter-spacing:0;background:var(--panel-2);color:var(--text);border:1px solid #34344a;border-radius:6px;padding:4px 8px;cursor:pointer}.copy-btn:hover{border-color:var(--accent);color:var(--accent)}.deck-info{color:var(--muted)}.status-bad{color:var(--danger);margin-left:auto}.player-list{list-style:none;padding:0}.player-list li{padding:8px;border-radius:8px}.player-list li.me{background:var(--panel-2)}.badge{color:var(--accent);font-size:.8rem;margin-left:4px}.badge.off{color:var(--muted)}.round-info{color:var(--muted);margin:12px 0}.black-card{position:relative;background:var(--black-card);color:#fff;border-radius:12px;padding:22px;font-size:1.4rem;line-height:1.5;min-height:110px;box-shadow:0 6px 20px #0006}.blank{color:var(--accent);font-weight:700;margin:0 4px}.pick-badge{position:absolute;bottom:8px;right:12px;font-size:.75rem;color:var(--muted)}.hand{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.white-card{background:var(--white-card);color:#15151c;border:2px solid transparent;border-radius:10px;padding:14px;max-width:200px;text-align:left;cursor:pointer;font-size:.95rem;transition:transform .08s}.white-card:hover{transform:translateY(-3px)}.white-card.selected{border-color:var(--accent);transform:translateY(-5px)}.white-card:disabled{opacity:.5;cursor:default}.hint{color:var(--muted)}.submission-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.submission{background:var(--panel-2);color:var(--text);border:1px solid #34344a;border-radius:10px;padding:14px;text-align:left;cursor:default}.submission:not(:disabled){cursor:pointer;border-color:var(--accent)}.sub-card{display:block;margin-bottom:4px}.round-end,.game-over{text-align:center;margin:18px 0}.winner-line{font-size:1.3rem;color:var(--ok)}.scoreboard{margin-top:26px;background:var(--panel);border-radius:12px;padding:14px}.scoreboard ul{list-style:none;padding:0;margin:0}.scoreboard li{display:flex;justify-content:space-between;padding:8px 10px;border-radius:8px}.scoreboard li.me{background:var(--panel-2)}.scoreboard li.czar{color:var(--accent)}
