.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-family:var(--font-family-base);font-size:var(--font-size-base);cursor:pointer;transition:background-color var(--motion-duration-fast) var(--motion-easing), border-color var(--motion-duration-fast) var(--motion-easing), opacity var(--motion-duration-fast) var(--motion-easing);border:1px solid #0000;font-weight:600;display:inline-flex}.button:disabled{cursor:not-allowed;opacity:.5}.button--primary{background-color:var(--color-accent);color:var(--color-on-accent)}.button--primary:not(:disabled):hover{background-color:color-mix(in srgb, var(--color-accent) 85%, white)}.button--secondary{background-color:var(--color-surface-elevated);color:var(--color-text);border-color:var(--color-border)}.button--secondary:not(:disabled):hover{border-color:var(--color-accent)}.button--danger{background-color:var(--color-danger);color:var(--color-on-danger)}.button--danger:not(:disabled):hover{background-color:color-mix(in srgb, var(--color-danger) 85%, white)}.panel{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-elevated)}.panel--elevated{background-color:var(--color-surface-elevated)}.panel__title{margin:0 0 var(--space-4);font-size:var(--font-size-lg);color:var(--color-text);font-weight:600}.room-screen__actions{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.room-screen__seats{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.room-screen__seat{justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0;display:flex}.room-screen__error{color:var(--color-danger);margin-top:var(--space-3)}.room-screen__invite{font-family:monospace;font-size:var(--font-size-lg);background-color:var(--color-surface-elevated);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);-webkit-user-select:all;user-select:all}.room-screen__field{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.room-screen__input{min-height:var(--touch-target-min);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-surface-elevated);color:var(--color-text);font-size:var(--font-size-base)}.game-layout{grid-template-rows:auto 1fr auto;min-width:320px;min-height:100dvh;display:grid}.game-layout__header{padding:var(--space-4) var(--space-5);padding-top:max(var(--space-4), env(safe-area-inset-top));border-bottom:1px solid var(--color-border);background-color:var(--color-surface)}.game-layout__main{padding:var(--space-5);overflow-y:auto}.game-layout__footer{padding:var(--space-4) var(--space-5);padding-bottom:max(var(--space-4), env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background-color:var(--color-surface)}@media (width>=600px){.game-layout__main{padding:var(--space-6)}}@media (width>=960px){.game-layout__main{width:100%;max-width:960px;margin-inline:auto}}.card{justify-content:center;align-items:center;gap:var(--space-1);width:3rem;height:4.25rem;min-height:var(--touch-target-min);border-radius:var(--radius-sm);border:1px solid var(--color-border);background-color:var(--color-surface-elevated);font-weight:700;font-size:var(--font-size-lg);cursor:default;flex-direction:column;padding:0;display:inline-flex}button.card:not(:disabled){cursor:pointer}button.card:disabled{cursor:not-allowed;opacity:.5}.card--red{color:var(--color-danger)}.card--black{color:var(--color-text)}.card--face-down{background-color:var(--color-accent);background-image:repeating-linear-gradient(45deg, color-mix(in srgb, var(--color-accent) 80%, black), color-mix(in srgb, var(--color-accent) 80%, black) 4px, transparent 4px, transparent 8px)}.card__suit{font-size:var(--font-size-xl);line-height:1}.game-screen__banner{padding:var(--space-3);border-radius:var(--radius-md);background-color:var(--color-surface-elevated);margin-bottom:var(--space-4)}.game-screen__banner--error{color:var(--color-danger)}.game-screen__scoreboard{gap:var(--space-5);flex-wrap:wrap;display:flex}.game-screen__opponents{gap:var(--space-4);margin:var(--space-4) 0;flex-wrap:wrap;display:flex}.game-screen__cards{gap:var(--space-2);flex-wrap:wrap;display:flex}.game-screen__trick{gap:var(--space-3);align-items:flex-end;min-height:4.25rem;display:flex}.game-screen__trick-play{align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-muted);flex-direction:column;display:flex}.game-screen__hand{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.game-screen__actions{gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.history-screen__list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.history-screen__entry{padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border)}.history-screen__actions{margin-top:var(--space-4);justify-content:center;display:flex}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0b0d12;--color-surface:#151822;--color-surface-elevated:#1e2330;--color-border:#2a2f3d;--color-text:#f2f4f8;--color-text-muted:#a7b0c2;--color-accent:#e2b93b;--color-on-accent:#1a1506;--color-danger:#ff6b6b;--color-on-danger:#2a0a0a;--color-success:#4caf7d;--color-focus-ring:#7dd3fc;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:1rem;--radius-full:999px;--font-family-base:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--line-height-base:1.4;--touch-target-min:2.75rem;--motion-duration-fast:.12s;--motion-duration-base:.2s;--motion-easing:cubic-bezier(.4, 0, .2, 1);--shadow-elevated:0 8px 24px #0006}@media (prefers-reduced-motion:reduce){:root{--motion-duration-fast:0s;--motion-duration-base:0s}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box}html,body{min-width:320px}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);-webkit-text-size-adjust:100%;margin:0}:focus{outline:none}:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}