:root{--color-bg: #15201b;--color-surface: #1c2820;--color-border: #2d4338;--color-text: #e8efe9;--color-text-muted: #9bb3a6;--color-accent: #8a3a3a;--color-accent-text: #f3e9d2;--color-felt: #1b2a23;--card-bg: #fdfcf8;--card-text: #1b2a23;--card-text-red: #b03a2e;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--radius: 3px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .35);--shadow-card: 2px 4px 8px rgba(0, 0, 0, .45);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: Georgia, "Times New Roman", serif}[data-theme=light]{--color-bg: #f5ede0;--color-surface: #fffaf0;--color-border: #d8c7a8;--color-text: #2a1f14;--color-text-muted: #6b5a45;--color-accent: #7a3242;--color-accent-text: #fdf6ec;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .15);--shadow-card: 2px 4px 8px rgba(0, 0, 0, .2)}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans)}button{font-family:inherit;background:var(--color-accent);color:var(--color-accent-text);border:none;border-radius:var(--radius);padding:var(--space-2) var(--space-3);font-weight:600;cursor:pointer;box-shadow:var(--shadow-sm)}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}button:hover:not(:disabled){filter:brightness(1.1)}input,select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-2);color:var(--color-text);font-family:var(--font-sans)}h1,h2{font-family:var(--font-serif)}.landing,.lobby{max-width:480px;margin:0 auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.landing__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.subtitle{color:var(--color-text-muted);margin:0}.lobby__code{font-family:var(--font-serif);font-size:28px;font-weight:700;letter-spacing:3px;background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius);padding:var(--space-2) var(--space-3);display:inline-block}.lobby__players{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.lobby__players li{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-2)}.lobby__kick-button{margin-left:var(--space-2)}.lobby__kick-confirm{margin-left:var(--space-2);display:inline-flex;align-items:center;gap:var(--space-1)}.toast{position:fixed;bottom:var(--space-4);left:50%;transform:translate(-50%);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);padding:var(--space-2) var(--space-3);border-radius:var(--radius);z-index:100}.connection-banner{position:fixed;top:0;left:0;right:0;text-align:center;background:var(--color-surface);color:var(--color-text-muted);font-size:14px;padding:var(--space-1) var(--space-2);z-index:100}.durak-board{min-height:100vh;display:flex;flex-direction:column;background:var(--color-felt);padding:var(--space-3);gap:var(--space-3)}.durak-board__opponents{display:flex;justify-content:space-around;flex-wrap:wrap;gap:var(--space-2)}.chip{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-1) var(--space-2);font-size:13px;color:var(--color-text-muted)}.durak-board__center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2)}.durak-board__meta{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text);font-size:14px}.durak-board__actions{display:flex;justify-content:center;gap:var(--space-2)}.table-zone{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.table-zone__slot{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.player-hand{display:flex;justify-content:center;gap:var(--space-1);overflow-x:auto;padding:var(--space-2) 0}.playing-card{width:48px;height:68px;min-width:44px;padding:0;border-radius:6px;border:1px solid var(--color-border);background:var(--card-bg);color:var(--card-text);box-shadow:var(--shadow-card);display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.playing-card--red{color:var(--card-text-red)}.playing-card--selected{outline:2px solid var(--color-accent)}.playing-card:disabled{opacity:.5}.game-over-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200}.game-over-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4);text-align:center}@media (min-width: 480px){.player-hand{flex-wrap:wrap;overflow-x:visible}}.leave-room-button{position:fixed;top:var(--space-2);right:var(--space-2);z-index:100}.leave-room-button--confirm{position:fixed;top:var(--space-2);right:var(--space-2);z-index:100;display:flex;align-items:center;gap:var(--space-1);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-1) var(--space-2)}