:root{--bg: #0f3d2e;--bg-felt: #12513d;--surface: #ffffff;--surface-muted: #f2f4f3;--text: #1a1a1a;--text-muted: #6b7280;--primary: #1a7a4c;--primary-dark: #125c39;--danger: #c0392b;--border: #d8ded9;--radius: 10px;--card-bg: #ffffff;--card-border: #c9cdd3;--banner-error-bg: #fdecea;--banner-error-border: #f5c6cb;--special-bg: #fff7cd;--special-border: #f5d97a;--special-text: #7a5b00;--podium-first-bg: #fff3cd;--podium-first-border: #ffe08a;color-scheme:light}:root[data-theme=dark]{--bg: #071f16;--bg-felt: #0b2c20;--surface: #1b241f;--surface-muted: #253028;--text: #eef1ef;--text-muted: #94a89d;--primary: #2e9d68;--primary-dark: #22794f;--danger: #e0574a;--border: #34433c;--card-bg: #f4f1e8;--card-border: #454f47;--banner-error-bg: #3a2323;--banner-error-border: #5c3232;--special-bg: #3a3218;--special-border: #5c4f22;--special-text: #f0d878;--podium-first-bg: #3a3218;--podium-first-border: #5c4f22;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer;border:none;border-radius:var(--radius);padding:.65rem 1rem;background:var(--primary);color:#fff;font-weight:600;transition:background .15s ease,transform .1s ease}button:hover:not(:disabled){background:var(--primary-dark)}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.45;cursor:not-allowed}.btn-danger{background:var(--danger)}input[type=text],input:not([type]),input[type=number]{padding:.6rem .75rem;border-radius:var(--radius);border:1px solid var(--border);width:100%;background:var(--surface);color:var(--text)}.page{min-height:100%;padding:1rem;max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.page-center{justify-content:center;align-items:center;text-align:center;min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:center;color:#fff}.page-header h1{margin:0;font-size:1.4rem}.card{background:var(--surface);border-radius:var(--radius);padding:1rem}.card h1{margin-top:0}.subtitle{color:var(--text-muted);margin-top:-.5rem}.stack{display:flex;flex-direction:column;gap:.75rem}.row{display:flex;align-items:center;gap:.6rem;justify-content:space-between}.pill{background:#ffffff26;color:#fff;padding:.3rem .7rem;border-radius:999px;font-size:.85rem}.pill-editable{display:inline-flex;align-items:center;gap:.4rem}.icon-button{background:transparent;border:none;border-radius:999px;width:1.6rem;height:1.6rem;padding:0;display:inline-flex;align-items:center;justify-content:center;color:inherit;font-size:.85rem;line-height:1}.icon-button:hover:not(:disabled){background:#fff3}.nickname-edit{display:flex;align-items:center;gap:.35rem}.nickname-edit input{width:9rem;padding:.3rem .6rem;border-radius:999px;border:1px solid var(--border)}.nickname-edit .icon-button{background:#ffffff26;color:#fff}.nickname-edit .icon-button:hover:not(:disabled){background:#ffffff4d}.muted{color:var(--text-muted);font-size:.9rem}.badge{display:inline-block;margin-left:.4rem;background:var(--primary);color:#fff;font-size:.7rem;font-weight:700;padding:.15rem .45rem;border-radius:999px;vertical-align:middle}.badge-muted{background:#9ca3af}.banner{background:var(--banner-error-bg);color:var(--danger);border:1px solid var(--banner-error-border);padding:.6rem .9rem;border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.6rem}.banner-close{flex-shrink:0;color:var(--danger)}.banner-close:hover:not(:disabled){background:#00000014}@keyframes special-play-in{0%{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.special-play-overlay{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:60;pointer-events:none;display:flex;justify-content:center;width:100%;padding:0 1rem}.special-play-card{background:var(--special-bg);border:1px solid var(--special-border);color:var(--special-text);border-radius:var(--radius);padding:.9rem 1.2rem;text-align:center;box-shadow:0 8px 24px #00000059;animation:special-play-in .25s ease}.special-play-title{font-weight:800;font-size:1.1rem}.special-play-subtitle{font-size:.85rem;margin-bottom:.6rem}.special-play-cards{display:flex;gap:.4rem;justify-content:center}.lobby-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 640px){.lobby-grid{grid-template-columns:1fr 1fr}}.room-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.room-list-item,.player-list-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .7rem;background:var(--surface-muted);border-radius:var(--radius)}.player-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.game-page{color:#fff}.opponents-row{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.opponent-badge{background:#ffffff1a;border-radius:var(--radius);padding:.4rem .7rem;text-align:center;min-width:84px}.opponent-active{background:#ffffff47;box-shadow:0 0 0 2px #fff inset}.opponent-name{font-weight:600;font-size:.85rem}.opponent-hand-count{font-size:.75rem;opacity:.85}.table-area{background:var(--bg-felt);border-radius:16px;padding:1.25rem 1rem 1.75rem;display:flex;justify-content:center}.pile-group{display:flex;gap:2.5rem;align-items:flex-start}.pile-column{display:flex;flex-direction:column;align-items:center;gap:.4rem}.pile-label{font-size:.75rem;opacity:.85}.draw-pile{background:transparent;padding:0;display:flex;flex-direction:column;align-items:center;gap:.3rem}.turn-indicator{text-align:center;font-weight:600}.hand-area{background:#ffffff14;border-radius:16px;padding:.9rem}.hand-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem;font-weight:600}.hand{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.hand-card-slot{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.hand-card-slot .card-face,.hand-card-slot .card-face-disabled{cursor:inherit}.hand-card-slot-hidden{opacity:0}.hand-card-floating{position:fixed;z-index:40;cursor:grabbing;pointer-events:none}.hand-card-floating .card-face{transform:scale(1.08) rotate(-2deg);box-shadow:0 12px 24px #00000080}.card-face{position:relative;width:52px;height:74px;border-radius:8px;background:var(--card-bg);border:1px solid var(--card-border);display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 1px 3px #00000040;color:#1a1a1a;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.card-face-small{width:40px;height:58px}.card-face-disabled{opacity:.45;cursor:default}.card-face-selected{transform:translateY(-10px);box-shadow:0 4px 10px #0006;border-color:var(--primary)}.card-face-back{background:repeating-linear-gradient(45deg,var(--primary),var(--primary) 4px,var(--primary-dark) 4px,var(--primary-dark) 8px);border:1px solid var(--primary-dark)}.card-corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:1}.card-corner-top{top:3px;left:3px}.card-corner-bottom{bottom:3px;right:3px;transform:rotate(180deg)}.card-corner-rank{font-weight:800;font-size:.7rem}.card-corner-suit{font-size:.7rem}.card-suit-center{font-size:1.4rem;opacity:.5}.card-face-small .card-corner-rank,.card-face-small .card-corner-suit{font-size:.6rem}.card-face-small .card-suit-center{font-size:1.1rem}.card-red{color:#c0392b}.card-black{color:#1a1a1a}.discard-pile-wrap{display:flex;flex-direction:column;align-items:center;gap:.4rem}.discard-pile{position:relative;width:96px;height:134px}.discard-pile-card{position:absolute;top:0;left:0;transition:transform .15s ease}.discard-pile-empty{width:52px;height:74px;border:1px dashed rgba(255,255,255,.5);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.65rem;text-align:center;color:#ffffffb3}.discard-hint{font-size:.7rem;max-width:160px;text-align:center;color:#ffe08a;margin:0}.podium-overlay{display:flex;align-items:center;justify-content:center;width:100%}.podium-card{background:var(--surface);color:var(--text);border-radius:16px;padding:1.5rem;max-width:480px;width:100%;text-align:center;max-height:90vh;overflow-y:auto}.podium-tiers{display:flex;flex-direction:column;gap:.8rem;margin:1.2rem 0}.podium-tier-row{display:flex;gap:.8rem}.podium-tier{flex:1;background:var(--surface-muted);border-radius:var(--radius);padding:.8rem}.podium-first{background:var(--podium-first-bg);border:1px solid var(--podium-first-border)}.podium-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.podium-name{font-weight:700;font-size:1.1rem;margin-top:.2rem}.podium-wait-hint{margin:.6rem 0 0}.podium-hands{text-align:left;margin:1rem 0;padding-top:1rem;border-top:1px solid var(--border)}.podium-hands-title{font-size:.9rem;margin:0 0 .6rem}.podium-hand-row{margin-bottom:.6rem}.podium-hand-name{font-size:.8rem;font-weight:600;color:var(--text-muted);margin-bottom:.25rem}.podium-hand-cards{display:flex;gap:.25rem;overflow-x:auto;padding-bottom:.25rem}.theme-toggle{position:fixed;right:1rem;bottom:1rem;z-index:100;width:2.75rem;height:2.75rem;padding:0;border-radius:999px;background:var(--surface);border:1px solid var(--border);box-shadow:0 4px 14px #00000059;font-size:1.3rem;line-height:1;display:flex;align-items:center;justify-content:center}.theme-toggle:hover:not(:disabled){background:var(--surface-muted)}