@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@500;700&display=swap";.auth-container{background:radial-gradient(ellipse at 50% -10%, #224828e6 0%, transparent 55%), radial-gradient(ellipse at 0% 100%, #102614b3 0%, transparent 45%), radial-gradient(ellipse at 100% 100%, #08160ccc 0%, transparent 45%), var(--felt-deep);justify-content:center;align-items:center;min-height:100vh;padding:24px 20px;display:flex;position:relative;overflow:hidden}.auth-container:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(-45deg,#0000,#0000 6px,#ffffff02 6px 12px);position:absolute;inset:0}.auth-container:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-subtle), var(--gold), var(--gold-subtle), transparent);height:1px;box-shadow:0 0 20px 2px var(--gold-glow);position:absolute;top:0;left:10%;right:10%}.auth-card{text-align:center;z-index:1;width:100%;max-width:420px;position:relative}.auth-header{margin-bottom:36px}.auth-header h1{letter-spacing:.1em;text-shadow:0 0 40px var(--gold-glow), 0 4px 12px #00000080;margin-bottom:6px;font-size:3.6rem;line-height:1}.auth-header p{color:var(--text-muted);letter-spacing:.04em;font-size:.9rem}.auth-form{flex-direction:column;gap:14px;display:flex}.form-group{text-align:left}.form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px;font-size:.78rem;font-weight:600;display:block}.password-group{position:relative}.password-group .input-field{padding-right:64px}.show-password-btn{color:var(--text-dim);cursor:pointer;letter-spacing:.04em;background:0 0;border:none;padding:4px 8px;font-size:.78rem;font-weight:600;transition:color .15s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.show-password-btn:hover{color:var(--text-muted)}.auth-btn{letter-spacing:.12em;width:100%;margin-top:8px;padding:16px;font-size:1rem}.auth-footer{color:var(--text-muted);margin-top:24px;font-size:.9rem}.link-btn{color:var(--gold);font-weight:600;font-size:inherit;cursor:pointer;border:none;border-bottom:1px solid var(--gold-subtle);background:0 0;padding-bottom:1px;text-decoration:none;transition:color .15s,border-color .15s}.link-btn:hover{color:var(--gold-light);border-color:var(--gold)}.confirm-text{color:var(--text-muted);margin-bottom:10px;font-size:.92rem;line-height:1.6}.confirm-text strong{color:var(--gold);font-weight:700}.code-input{text-align:center;letter-spacing:12px;font-size:2rem;font-weight:700;font-family:var(--font-mono);color:var(--gold-light)}.code-input::placeholder{letter-spacing:.04em;font-size:.9rem;font-weight:600}.auth-divider{color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:14px;margin:8px 0;font-size:.78rem;font-weight:600;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--glass-border);flex:1;height:1px}.btn-google{color:#1a1a1a;border-radius:var(--r-md);cursor:pointer;width:100%;transition:all .2s var(--ease-out);letter-spacing:.02em;background:#fffffff2;border:none;justify-content:center;align-items:center;gap:10px;padding:13px 24px;font-size:.95rem;font-weight:600;display:flex;box-shadow:0 2px 16px #0006,inset 0 1px #fff}.btn-google:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 28px #0006}.btn-google:active{transform:translateY(0);box-shadow:0 2px 8px #0000004d}.btn-google-primary{letter-spacing:.04em;border-radius:var(--r-md);color:#333;cursor:pointer;background:#fff;border:1px solid #00000026;justify-content:center;align-items:center;width:100%;padding:16px 24px;font-size:1.05rem;font-weight:700;transition:all .15s;display:flex;box-shadow:0 2px 8px #00000026}.btn-google-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0003}.btn-google-primary:disabled{opacity:.6;cursor:not-allowed}.email-toggle{text-align:center;width:100%;color:var(--text-dim);margin-top:16px;font-size:.85rem;display:block}.email-toggle:hover{color:var(--text-light)}.email-login-section{overflow:hidden}.forgot-title{color:var(--gold);text-align:center;letter-spacing:.06em;margin:0 0 16px;font-size:1.2rem}.forgot-link{text-align:center;width:100%;color:var(--text-dim);margin-top:8px;font-size:.78rem;display:block}.forgot-link:hover{color:var(--gold)}.success-text{color:var(--success);text-align:center;margin:8px 0;font-size:.85rem;font-weight:600}.settings-overlay{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeIn .2s var(--ease-out);background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.settings-panel{border:1px solid var(--glass-border-2);border-radius:var(--r-xl);background:#0c140ef2;flex-direction:column;gap:18px;width:100%;max-width:400px;padding:28px;display:flex;box-shadow:inset 0 1px #ffffff12,0 32px 64px #0009,0 0 0 1px #d4a8430d}.settings-header{justify-content:space-between;align-items:center;display:flex}.settings-header h2{letter-spacing:.08em;margin:0;font-size:1.8rem}.settings-close{border:1px solid var(--glass-border);color:var(--text-dim);cursor:pointer;border-radius:var(--r-sm);background:0 0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;transition:all .15s;display:flex}.settings-close:hover{color:var(--text-light);border-color:var(--gold-dark);background:var(--gold-subtle)}.settings-field{flex-direction:column;gap:8px;display:flex}.settings-field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:700}.field-hint{color:var(--text-dim);font-size:.68rem}.room-key-row{gap:8px;display:flex}.room-key-row .input-field{font-family:var(--font-mono);letter-spacing:.08em;flex:1}.btn-copy{background:var(--glass-bg);border:1px solid var(--glass-border-2);border-radius:var(--r-sm);cursor:pointer;color:var(--text-muted);padding:10px 14px;font-size:1rem;transition:all .15s}.btn-copy:hover{border-color:var(--gold-dark);color:var(--gold);background:var(--gold-subtle)}.settings-stats{color:var(--text-muted);font-size:.82rem;font-family:var(--font-mono);flex-wrap:wrap;gap:16px;display:flex}.settings-error{color:var(--danger);margin:0;font-size:.82rem}.settings-message{color:var(--success);margin:0;font-size:.82rem}.settings-divider{background:var(--glass-border);height:1px}.btn-cleanup-settings{color:var(--danger);border-radius:var(--r-sm);cursor:pointer;background:0 0;border:1px solid #e74c3c4d;width:100%;padding:8px 16px;font-size:.82rem;transition:all .15s}.btn-cleanup-settings:hover{background:#e74c3c1a;border-color:#e74c3c80}.card{border-radius:var(--radius-card);cursor:pointer;-webkit-user-select:none;user-select:none;width:80px;height:112px;transition:transform .18s var(--ease-spring), box-shadow .18s;transform-origin:bottom;flex-shrink:0;position:relative;box-shadow:0 2px 6px #00000080,0 8px 24px #0006,inset 0 1px #ffffffe6}.card-sm{width:56px;height:78px}.card-sm .card-rank{font-size:.68rem}.card-sm .card-suit{font-size:.58rem}.card-sm .card-suit-large{font-size:1.3rem}.card-sm .card-corner{padding:3px 4px}.card-red,.card-black{background:#fff;border:1px solid #00000026}.card-red{color:#c00}.card-black{color:#111}.card-red .card-rank,.card-red .card-suit,.card-red .card-suit-large{color:#c00!important}.card-black .card-rank,.card-black .card-suit,.card-black .card-suit-large{color:#111!important}.card-corner{flex-direction:column;align-items:center;padding:5px 7px;line-height:1;display:flex;position:absolute}.card-corner-top{top:0;left:0}.card-corner-bottom{bottom:0;right:0;transform:rotate(180deg)}.card-rank{-webkit-font-smoothing:antialiased;color:#111;font-family:DM Sans,sans-serif;font-size:.92rem;font-weight:900;line-height:1}.card-suit{color:inherit;margin-top:1px;font-size:.72rem;line-height:1}.card-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-suit-large{font-size:2.4rem;line-height:1}.card-joker{background:linear-gradient(135deg,#fff9ef,#f5f0e8);flex-direction:column;justify-content:center;align-items:center;gap:4px;height:100%;display:flex}.joker-symbol{filter:drop-shadow(0 2px 4px #0003);font-size:2rem}.joker-text{letter-spacing:2.5px;color:#2c1a0a;font-size:.5rem;font-weight:800;font-family:var(--font-body);text-transform:uppercase}.card-back{background:radial-gradient(at 30% 30%,#1a4a8a 0%,#102868 40%,#0a1e50 100%);border:2px solid #2a4aaa;overflow:hidden}.card-back:before{content:"";pointer-events:none;background:repeating-linear-gradient(45deg,#0000,#0000 4px,#ffffff0a 4px 8px);border:1px solid #6496ff4d;border-radius:6px;position:absolute;inset:4px}.card-back-pattern{color:#78a0ff2e;letter-spacing:4px;z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:2px;height:100%;font-size:1rem;display:flex;position:relative}.card-selected{box-shadow:0 0 0 2.5px var(--gold), 0 0 0 5px var(--gold-subtle), 0 8px 32px var(--gold-glow), 0 16px 48px #00000080;transform:translateY(-12px)scale(1.04)}.card-disabled{opacity:.7;cursor:not-allowed}.card:hover:not(.card-disabled):not(.card-selected){transform:translateY(-6px)scale(1.02);box-shadow:0 12px 32px #0000008c,0 4px 12px #0006,inset 0 1px #ffffffe6}.card-playing{animation:cardPlay .35s var(--ease-out) forwards;pointer-events:none}@keyframes cardPlay{0%{transform:translateY(0)scale(1)rotate(0)}40%{transform:translateY(-20px)scale(1.12)rotate(-3deg)}to{opacity:0;transform:translateY(40px)scale(.9)rotate(2deg)}}.gameboard{background:radial-gradient(ellipse at 50% 45%, #1a3b21d9 0%, #111d14e6 45%, var(--felt-deep) 100%);flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.gameboard:before{content:"";pointer-events:none;z-index:0;background-image:repeating-linear-gradient(45deg,#0000,#0000 3px,#ffffff02 3px 6px),repeating-linear-gradient(-45deg,#0000,#0000 3px,#ffffff01 3px 6px);position:absolute;inset:0}.my-identity{z-index:20;border-radius:var(--r-pill);border:1px solid var(--glass-border-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;align-items:center;gap:8px;padding:8px 14px;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 4px 20px #0006}.identity-avatar{background:linear-gradient(135deg, var(--gold-light), var(--gold-dark));width:32px;height:32px;color:var(--felt-deep);font-size:.82rem;font-weight:700;font-family:var(--font-body);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 0 0 2px #ffffff1f}.identity-info{flex-direction:column;gap:1px;display:flex}.identity-name{color:var(--text-primary);font-size:.82rem;font-weight:700}.identity-elo{color:var(--gold);font-size:.66rem;font-family:var(--font-mono);font-weight:600}.table-area{z-index:1;flex:1;justify-content:center;align-items:center;min-height:0;padding:20px;display:flex;position:relative;overflow:hidden}.table-area:before{content:"";pointer-events:none;border:1px solid #ffffff0a;border-radius:50%;position:absolute;inset:15% 10% 5%;box-shadow:inset 0 0 60px #0000004d,0 0 1px #d4a8431a}.seat{position:absolute}.player-seat{border-radius:var(--r-md);text-align:center;min-width:120px;transition:all .25s var(--ease-out);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;border:1.5px solid #ffffff14;padding:10px;position:relative;box-shadow:0 4px 20px #0006,inset 0 1px #ffffff0d}.player-seat.active-turn{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold-dark), 0 0 24px var(--gold-glow), 0 0 48px #d4a84326, 0 4px 20px #00000080;animation:2s ease-in-out infinite goldPulse}.player-seat.eliminated{opacity:.35;filter:grayscale(.6)}.player-seat.offline{border-color:#e74c3c80;box-shadow:0 0 16px #e74c3c33}.seat-header{align-items:center;gap:7px;margin-bottom:6px;padding-bottom:4px;display:flex}.seat-avatar{width:32px;height:32px;color:var(--text-light);font-size:.82rem;font-weight:700;font-family:var(--font-body);background:#ffffff1a;border:1.5px solid #ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .25s;display:flex}.avatar-active{background:linear-gradient(135deg, var(--gold-light), var(--gold-dark));color:var(--felt-deep);border-color:var(--gold);box-shadow:0 0 12px var(--gold-glow);animation:1.5s ease-in-out infinite alternate glow}@keyframes glow{0%{box-shadow:0 0 8px var(--gold-glow)}to{box-shadow:0 0 20px var(--gold-glow), 0 0 32px #d4a84333}}.seat-info{text-align:left;flex-direction:column;min-width:0;display:flex}.seat-name{color:var(--text-light);white-space:nowrap;text-overflow:ellipsis;max-width:78px;font-size:.72rem;font-weight:700;overflow:hidden}.seat-elo{color:var(--gold);font-size:.58rem;font-family:var(--font-mono);font-weight:600}.seat-cards{flex-direction:column;align-items:center;gap:4px;display:flex;overflow:hidden}.seat-face-up{gap:3px;display:flex}.seat-counts{justify-content:center;gap:6px;margin-top:6px;display:flex}.count-badge{border-radius:var(--r-xs);color:var(--text-light);font-size:.62rem;font-family:var(--font-mono);background:#00000080;border:1px solid #ffffff1f;padding:3px 8px;font-weight:700}.seat-finished{color:var(--success);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:700}.btn-target{border-radius:var(--r-sm);background:linear-gradient(135deg, var(--danger), #c0392b);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 2px 10px var(--danger-glow);border:none;margin-top:6px;padding:5px 10px;font-size:.68rem;font-weight:700;transition:all .15s}.btn-target:hover{box-shadow:0 4px 18px var(--danger-glow);transform:scale(1.05)}.seat-avatar-wrap{flex-shrink:0;position:relative}.seat-timer-on-avatar{z-index:6;color:var(--gold);border-radius:var(--r-pill);font-size:.6rem;font-weight:700;font-family:var(--font-mono);white-space:nowrap;background:#000000e0;border:1px solid #d4a84366;padding:1px 6px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.seat-timer-on-avatar.timer-urgent{background:var(--danger);color:#fff;border-color:#ff5f4f;animation:.5s ease-in-out infinite urgentFlash}.seat-timer{color:var(--text-light);border-radius:var(--r-pill);font-size:.66rem;font-weight:700;font-family:var(--font-mono);background:#000c;border:1px solid #ffffff26;padding:2px 7px;display:inline-block}.seat-timer.timer-urgent{background:var(--danger);color:#fff;border-color:#ff5f4f;animation:.5s ease-in-out infinite urgentFlash}.table-center{z-index:2;align-items:flex-start;gap:24px;display:flex;position:relative}.pile-area,.deck-area,.discarded-area{flex-direction:column;align-items:center;gap:6px;width:80px;display:flex}.center-card-slot{flex-shrink:0;justify-content:center;align-items:center;width:80px;height:112px;display:flex}.discarded-slot{opacity:.45}.pile-empty{border-radius:var(--radius-card);width:80px;height:112px;color:var(--text-dim);background:#0003;border:2px dashed #ffffff1a;justify-content:center;align-items:center;font-size:.75rem;display:flex}.pile-count{color:var(--text-muted);font-size:.68rem;font-family:var(--font-mono);text-align:center;font-weight:600}.effective-card-hint{color:var(--gold-light);border-radius:var(--r-pill);white-space:nowrap;background:#0009;border:1px solid #d4a84333;padding:3px 10px;font-size:.7rem}.effective-card-hint strong{color:var(--gold);font-weight:700}.deck-count{color:var(--text-muted);font-size:.72rem;font-weight:600;font-family:var(--font-mono);text-align:center}.deck-empty{border-radius:var(--radius-card);width:80px;height:112px;color:var(--text-dim);background:#00000026;border:2px dashed #ffffff12;justify-content:center;align-items:center;font-size:.68rem;display:flex}.discarded-stack{opacity:.45}.discarded-count{color:var(--text-muted);font-size:.72rem;font-weight:600;font-family:var(--font-mono);text-align:center}.status-badge{border-radius:var(--r-pill);z-index:10;white-space:nowrap;letter-spacing:.06em;text-transform:uppercase;padding:8px 20px;font-size:.82rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-90px);box-shadow:0 4px 20px #0006}.must-play-lower{color:#fff;box-shadow:0 0 20px var(--danger-glow), 0 4px 20px #0006;background:linear-gradient(135deg,#e74c3ce6,#c0392be6);border:1px solid #ff645066}.choose-target{color:var(--felt-deep);box-shadow:0 0 20px var(--gold-glow), 0 4px 20px #0006;background:linear-gradient(135deg,#d4a843e6,#a07820e6);border:1px solid #ffdc5066;animation:1.5s ease-in-out infinite goldPulse}.consecutive-hint{color:var(--gold);border-radius:var(--r-pill);white-space:nowrap;font-size:.72rem;font-weight:700;font-family:var(--font-mono);background:#000000b3;border:1px solid #d4a8434d;padding:4px 12px}.action-toast{z-index:15;color:var(--text-light);border-radius:var(--r-pill);white-space:nowrap;pointer-events:none;border:1px solid var(--glass-border-2);text-align:center;text-overflow:ellipsis;max-width:90%;animation:fadeIn .3s var(--ease-out);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d1;padding:8px 20px;font-size:.8rem;font-weight:600;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,40px);box-shadow:0 4px 24px #00000080}.my-area{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000073;border-top:1px solid #ffffff14;flex-direction:column;align-items:center;gap:10px;padding:12px 20px;display:flex;position:relative;box-shadow:0 -4px 24px #0000004d}.my-table-cards{flex-direction:column;align-items:center;gap:6px;display:flex}.table-card-stacks{gap:18px;display:flex}.card-stack{width:56px;height:90px;position:relative}.stack-bottom{position:absolute;bottom:0;left:0}.stack-top{z-index:1;position:absolute;bottom:8px;left:4px}.area-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em;font-size:.66rem;font-weight:600}.area-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em;text-align:center;font-size:.6rem}.card-row{gap:8px;display:flex}.my-hand{scrollbar-width:none;width:100%;padding:4px 0 2px;overflow-x:auto}.my-hand::-webkit-scrollbar{display:none}.hand-cards{justify-content:center;padding:0 16px;display:flex}.hand-card-wrapper{transition:transform .15s var(--ease-spring);margin-left:-16px}.hand-card-wrapper:first-child{margin-left:0}.hand-card-wrapper:hover{z-index:10;position:relative;transform:translateY(-4px)}.action-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;min-height:48px;display:flex}.play-error{text-align:center;color:#fff;border-radius:var(--r-md);letter-spacing:.04em;width:100%;box-shadow:0 2px 12px var(--danger-glow);animation:bounceIn .3s var(--ease-spring);background:#e74c3ce6;padding:8px 18px;font-size:.88rem;font-weight:700}.turn-indicator{flex-direction:column;align-items:center;gap:2px;font-size:.88rem;display:flex}.your-turn{color:var(--gold);text-transform:uppercase;letter-spacing:.12em;text-shadow:0 0 16px var(--gold-glow);font-size:.9rem;font-weight:800;animation:1.5s ease-in-out infinite goldPulse}.waiting-turn{color:var(--text-dim);font-size:.82rem}.my-turn-timer{border-radius:var(--r-pill);font-family:var(--font-mono);color:var(--text-light);background:#00000080;border:1px solid #ffffff26;justify-content:center;align-items:center;min-width:44px;padding:3px 10px;font-size:.82rem;font-weight:700;display:inline-flex}.play-btn{letter-spacing:.08em;padding:10px 26px;font-size:.92rem}.btn-interrupt{border-radius:var(--r-md);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 0 20px var(--danger-glow), 0 4px 12px #0006;background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;padding:10px 22px;font-size:.88rem;font-weight:800;transition:all .15s;animation:1.2s ease-in-out infinite neonPulse}.btn-interrupt:hover{box-shadow:0 0 32px var(--danger-glow), 0 6px 20px #0006;transform:scale(1.04)}.btn-four-kind{background:linear-gradient(135deg, var(--gold-light), var(--gold-dark));color:var(--felt-deep);box-shadow:0 0 20px var(--gold-glow), 0 4px 12px #0006}.btn-four-kind:hover{box-shadow:0 0 32px var(--gold-glow), 0 6px 20px #0006}.btn-take-pile-center{border-radius:var(--r-pill);color:var(--text-dim);cursor:pointer;z-index:5;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;border:1px solid #ffffff1a;padding:8px 22px;font-size:.78rem;font-weight:600;transition:all .2s;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.btn-take-pile-center:hover{color:var(--danger);background:#e74c3c40;border-color:#e74c3c80;transform:translate(-50%)translateY(-2px)}.leave-toggle{color:var(--text-dim);border-radius:var(--r-sm);cursor:pointer;background:0 0;border:1px solid #ffffff1a;margin-left:8px;padding:4px 10px;font-size:.82rem;line-height:1;transition:all .15s}.leave-toggle:hover{color:var(--danger);background:#e74c3c33;border-color:#e74c3c66}.leave-confirm-overlay{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.leave-confirm-panel{text-align:center;flex-direction:column;gap:16px;width:90%;max-width:360px;padding:28px;display:flex}.leave-warning{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.6}.leave-elo-info{color:var(--text-light);font-size:.9rem}.leave-elo-info p{margin:0}.leave-confirm-actions{gap:10px;display:flex}.leave-confirm-actions button{flex:1;padding:12px}.skip-overlay{z-index:10;border-radius:var(--r-md);color:#fff;letter-spacing:.15em;text-transform:uppercase;font-size:.82rem;font-weight:900;font-family:var(--font-display);background:#e74c3ce0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.my-skip-banner{color:#fff;letter-spacing:.2em;text-transform:uppercase;border-radius:var(--r-md);text-align:center;font-size:1.2rem;font-weight:900;font-family:var(--font-display);box-shadow:0 0 24px var(--danger-glow);animation:bounceIn .4s var(--ease-spring);background:linear-gradient(135deg,#e74c3cf2,#c0392bf2);padding:10px 28px}.my-identity .ranked-badge{border-radius:var(--r-pill);letter-spacing:.06em;padding:2px 10px;font-size:.64rem;font-weight:700}.elo-preview-mini{border-radius:var(--r-pill);font-size:.66rem;font-weight:700;font-family:var(--font-mono);border:1px solid var(--glass-border);background:#0006;align-items:center;gap:3px;margin-left:8px;padding:3px 9px;display:flex}.elo-preview-best{color:var(--success)}.elo-preview-worst{color:var(--danger)}.elo-preview-sep{color:var(--text-dim)}.log-toggle{z-index:30;border:1px solid var(--glass-border-2);color:var(--text-dim);border-radius:var(--r-sm);cursor:pointer;letter-spacing:.06em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;padding:6px 12px;font-size:.75rem;font-weight:600;transition:all .15s;position:absolute;top:12px;right:12px}.log-toggle:hover{color:var(--text-light);border-color:var(--gold-dark);background:#000c}.game-log-panel{border-left:1px solid var(--glass-border);z-index:25;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000000e0;flex-direction:column;width:230px;height:100%;display:flex;position:absolute;top:0;right:0;box-shadow:-8px 0 32px #0006}.game-log-header{border-bottom:1px solid var(--glass-border);color:var(--gold);text-transform:uppercase;letter-spacing:.12em;justify-content:space-between;align-items:center;padding:12px 14px;font-size:.8rem;font-weight:700;display:flex}.log-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0;font-size:1rem;transition:color .15s}.log-close:hover{color:var(--text-light)}.game-log-entries{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex:1;padding:8px;overflow-y:auto}.log-entry{color:var(--text-dim);border-radius:var(--r-xs);border-bottom:1px solid #ffffff0a;padding:5px 8px;font-size:.7rem;line-height:1.4;transition:background .1s}.log-entry:hover{background:#ffffff08}.log-entry:first-of-type{color:var(--text-muted)}.seat-table-cards{justify-content:center;gap:3px;margin-bottom:4px;display:flex}.game-over-overlay{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeIn .3s var(--ease-out);background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.game-over-panel{text-align:center;flex-direction:column;align-items:center;gap:18px;width:90%;max-width:380px;padding:28px 24px;display:flex}.finish-order{flex-direction:column;gap:6px;width:100%;display:flex}.finish-row{border-radius:var(--r-sm);border:1px solid var(--glass-border);background:#ffffff0a;align-items:center;gap:12px;padding:10px 14px;transition:background .15s;display:flex}.finish-row:hover{background:#ffffff12}.finish-row.shithead-row{background:#e74c3c1f;border-color:#e74c3c4d}.finish-pos{min-width:28px;color:var(--gold);font-size:.92rem;font-weight:700;font-family:var(--font-mono)}.shithead-row .finish-pos{color:var(--danger)}.finish-name{text-align:left;color:var(--text-light);flex:1;font-size:.9rem;font-weight:600}.finish-elo{font-size:.85rem;font-weight:700;font-family:var(--font-mono)}.elo-up{color:var(--success)}.elo-down{color:var(--danger)}.shithead-label{color:var(--danger);font-size:1.2rem;font-weight:700;font-family:var(--font-display);letter-spacing:.1em;margin:0}@media (width<=768px){.seat{transform:scale(.8)}.seat-top{transform:translate(-50%)scale(.8)}.seat-left{left:2px;transform:translateY(-50%)scale(.8)}.seat-right{right:2px;transform:translateY(-50%)scale(.8)}.table-center{gap:14px}.hand-card-wrapper{margin-left:-20px}.my-identity{padding:6px 10px}.identity-name{font-size:.72rem}.identity-elo{font-size:.58rem}.action-bar{gap:8px}.play-btn{padding:9px 18px;font-size:.85rem}.btn-interrupt{padding:9px 16px;font-size:.82rem}.leave-toggle{padding:5px 10px;font-size:.72rem}.elo-preview-mini{padding:2px 7px;font-size:.6rem}.log-toggle{padding:5px 9px;font-size:.68rem}.my-area{gap:8px;padding:10px 12px}.table-area{padding:12px}}@media (width<=480px){.seat{transform:scale(.65)}.seat-top{transform:translate(-50%)scale(.65)}.seat-left{left:0;transform:translateY(-50%)scale(.65)}.seat-right{right:0;transform:translateY(-50%)scale(.65)}.table-center{flex-wrap:wrap;justify-content:center;gap:8px}.table-center .card{width:52px;height:73px}.hand-card-wrapper{margin-left:-24px}.hand-cards .card{width:56px;height:79px}.my-identity{gap:4px;padding:4px 8px;top:4px;left:4px}.identity-avatar{width:24px;height:24px;font-size:.68rem}.elo-preview-mini{display:none}.log-toggle{padding:3px 7px;font-size:.62rem;top:4px;right:4px}.my-area{gap:5px;padding:7px 8px}.table-area{padding:6px}.action-bar{gap:6px;min-height:40px}.turn-indicator{font-size:.78rem}.play-btn{padding:7px 14px;font-size:.8rem}.btn-interrupt{padding:7px 12px;font-size:.75rem}.leave-toggle{padding:4px 9px;font-size:.68rem}.count-badge{padding:2px 6px;font-size:.72px}.area-label,.area-title{font-size:.56rem}.deck-count,.discarded-count,.pile-count{font-size:.58rem}.consecutive-hint,.effective-card-hint{padding:2px 7px;font-size:.58rem}.status-badge{padding:6px 14px;font-size:.72rem}.card-stack{width:44px;height:70px}.table-card-stacks{gap:10px}.btn-take-pile-center{padding:6px 14px;font-size:.68rem}.game-log-panel{width:190px}.log-entry{font-size:.64rem}}.gameboard .table-area{flex:1;min-height:0;position:relative;overflow:hidden}.gameboard{height:100dvh!important}@media (hover:none) and (pointer:coarse){.btn-target,.btn-interrupt,.btn-four-kind,.play-btn{min-height:44px}.leave-toggle{min-height:36px;padding:6px 12px}}@media (orientation:landscape) and (height<=500px){.my-area{gap:4px!important;padding:4px 12px!important}.action-bar{gap:6px!important;min-height:36px!important}.play-btn{padding:6px 14px!important;font-size:.78rem!important}.btn-interrupt{padding:6px 10px!important;font-size:.74rem!important}.area-label{display:none}}@media (width<=400px){.player-seat{padding:5px!important}.seat-avatar{width:20px!important;height:20px!important}.seat-name{font-size:7px!important}.seat-elo{font-size:6px!important}.count-badge{padding:1px 4px!important;font-size:7px!important}}.hand-badge{color:var(--gold);background:#d4a84326;border-color:#d4a84340}@media only screen and (device-width<=768px) and (orientation:portrait){.gameboard{transform-origin:0 0;width:100vh;height:100vw;position:fixed;top:0;left:100%;overflow:hidden;transform:rotate(90deg)}}.seat-card-pill-stack{flex-direction:column;align-items:center;gap:2px;display:flex}.seat-pill{width:28px;height:28px;font-family:var(--font-mono);letter-spacing:-.02em;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;font-weight:800;display:flex}.seat-pill-back{color:#6496ff80;background:linear-gradient(135deg,#1a4a8a,#102868);border:1px solid #2a4aaa;font-size:.8rem}.seat-pill-black{background:var(--card-white,#f5f0e8);color:#111;border:1px solid #0000001f}.seat-pill-red{background:var(--card-white,#f5f0e8);color:#c00;border:1px solid #0000001f}.seat-pill-joker{background:linear-gradient(135deg, var(--gold-light), var(--gold-dark));border:1px solid var(--gold);color:var(--felt-deep);font-size:.6rem}.finish-add-friend{width:24px;height:24px;color:var(--success);cursor:pointer;background:#27ae6033;border:1px solid #27ae604d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:.85rem;font-weight:700;line-height:1;transition:all .15s;display:flex}.finish-add-friend:hover{background:#27ae6059;transform:scale(1.1)}.finish-friend-sent{color:var(--success);flex-shrink:0;font-size:.68rem;font-weight:600}.seat-add-friend{border-radius:var(--r-xs);color:var(--success);cursor:pointer;opacity:.7;background:#27ae601f;border:1px solid #27ae6040;margin-top:4px;padding:2px 8px;font-size:.6rem;font-weight:700;transition:all .15s}.player-seat:hover .seat-add-friend{opacity:1}.seat-add-friend:hover{opacity:1;background:#27ae6040}.seat-friend-sent{color:var(--success);margin-top:4px;font-size:.58rem;font-weight:600}.spectator-badge{border-radius:var(--r-pill);color:#3498db;letter-spacing:.04em;background:#3498db26;border:1px solid #3498db4d;padding:3px 10px;font-size:.72rem;font-weight:700}.tutorial-overlay{z-index:200;position:fixed;inset:0}.tutorial-exit{z-index:10;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:#00000080;border:1px solid #ffffff26;padding:6px 14px;font-size:.8rem;position:absolute;top:8px;left:8px}.tutorial-exit:hover{color:var(--text-light)}.tutorial-bubble{z-index:15;border:1px solid var(--gold);border-radius:var(--radius);color:var(--text-light);text-align:center;background:#000c;max-width:85%;margin-top:32px;padding:12px 18px;font-size:.85rem;line-height:1.5;position:absolute;top:8px;left:50%;transform:translate(-50%)}.tut-picked{filter:drop-shadow(0 0 8px #2ecc71cc)}.tut-dim{opacity:.35;pointer-events:none}.tut-log-panel{z-index:25;background:#000000d9;border-left:1px solid #ffffff1a;flex-direction:column;width:220px;height:100%;display:flex;position:absolute;top:0;right:0}.tut-log-entries{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.tut-log-entry{color:var(--text-light);border-left:3px solid var(--gold);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#d4a84314;padding:8px 10px;font-size:.8rem;line-height:1.4}.tut-log-entry:last-child{opacity:.5}.tut-log-latest{color:var(--gold)!important;opacity:1!important;background:#d4a84326!important;font-weight:600!important}.tut-progress{color:var(--text-muted);font-size:.7rem}@media (width<=480px){.tutorial-bubble{max-width:92%;padding:8px 12px;font-size:.78rem}.tut-log-panel{width:160px}.tut-log-entry{padding:6px 8px;font-size:.72rem}}.faceup-done{color:var(--success);text-align:center;padding:8px;font-size:.9rem;font-weight:700}.hidden-badge{border-radius:var(--r-xs);color:var(--danger);background:#e74c3c26;border:1px solid #e74c3c40;padding:2px 8px;font-size:.72rem;font-weight:600}.howto-overlay{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeIn .25s var(--ease-out);background:#000000d1;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.howto-panel{border:1px solid var(--glass-border-2);border-radius:var(--r-xl);background:#0a120cf7;flex-direction:column;width:100%;max-width:560px;max-height:88vh;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff12,0 40px 80px #000000b3}.howto-header{border-bottom:1px solid var(--glass-border);background:#0003;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.howto-header h2{letter-spacing:.1em;margin:0;font-size:1.8rem}.howto-close{border:1px solid var(--glass-border);color:var(--text-dim);border-radius:var(--r-sm);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:all .15s;display:flex}.howto-close:hover{color:var(--text-light);border-color:var(--gold-dark);background:var(--gold-subtle)}.howto-body{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent;flex-direction:column;flex:1;gap:20px;padding:20px 24px;display:flex;overflow-y:auto}.howto-section h3{letter-spacing:.08em;color:var(--gold);margin-bottom:8px;font-size:1.1rem}.howto-section p,.howto-section li{color:var(--text-muted);font-size:.88rem;line-height:1.7}.howto-section ul,.howto-section ol{flex-direction:column;gap:4px;padding-left:20px;display:flex}.howto-section{border:1px solid var(--glass-border);border-radius:var(--r-md);background:#ffffff05;overflow:hidden}.howto-section.expanded{background:#ffffff0a;border-color:#d4a84333}.howto-section-btn{width:100%;color:var(--text-light);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:14px 16px;font-size:.95rem;font-weight:600;transition:background .15s;display:flex}.howto-section-btn:hover{background:#ffffff0a}.section-icon{flex-shrink:0;font-size:1.2rem}.section-title{flex:1}.section-chevron{color:var(--text-dim);font-size:.8rem}.section-content{color:var(--text-muted);padding:0 16px 16px;font-size:.88rem;line-height:1.7;overflow:hidden}.section-content p{margin:0 0 8px}.section-content strong{color:var(--text-light)}.setup-visual{flex-direction:column;gap:8px;margin:8px 0;display:flex}.setup-step{border-radius:var(--r-sm);background:#ffffff08;align-items:flex-start;gap:10px;padding:8px 12px;display:flex}.step-num{width:24px;height:24px;color:var(--gold);background:#d4a84333;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.hint-text{color:var(--gold-light);font-size:.82rem;font-style:italic}.rule-box{border:1px solid var(--glass-border);border-radius:var(--r-md);background:#ffffff08;align-items:flex-start;gap:10px;margin:8px 0;padding:10px 14px;display:flex}.rule-icon{flex-shrink:0;font-size:1.2rem}.phase-list{flex-direction:column;gap:10px;margin:8px 0;display:flex}.phase-item{align-items:flex-start;gap:10px;display:flex}.phase-badge{border-radius:var(--r-sm);white-space:nowrap;flex-shrink:0;padding:4px 10px;font-size:.75rem;font-weight:700}.phase-hand{color:var(--success);background:#27ae6033;border:1px solid #27ae604d}.phase-faceup{color:var(--gold);background:#d4a84333;border:1px solid #d4a8434d}.phase-hidden{color:var(--danger);background:#e74c3c33;border:1px solid #e74c3c4d}.special-cards-grid{flex-direction:column;gap:8px;display:flex}.special-card{border:1px solid var(--glass-border);border-radius:var(--r-md);background:#ffffff08;align-items:flex-start;gap:12px;padding:10px 14px;display:flex}.card-rank{border-radius:var(--r-sm);width:32px;height:32px;color:var(--gold);font-size:.9rem;font-weight:800;font-family:var(--font-mono);background:#d4a84326;border:1px solid #d4a84340;flex-shrink:0;justify-content:center;align-items:center;display:flex}.joker-rank{font-size:1.1rem}.card-desc{color:var(--text-muted);font-size:.85rem;line-height:1.5}.card-desc strong{color:var(--text-light)}.shithead-text{color:var(--danger)}.extra-rules{flex-direction:column;gap:12px;display:flex}.extra-item{align-items:flex-start;gap:10px;display:flex}.extra-icon{flex-shrink:0;margin-top:2px;font-size:1.2rem}.extra-item p{margin:2px 0 0;font-size:.82rem}.extra-item strong{color:var(--text-light);font-size:.88rem}.howto-tutorial-btn-wrapper{margin-bottom:8px}.howto-tutorial-btn{border-radius:var(--r-md);background:linear-gradient(135deg, var(--gold-light), var(--gold-dark));width:100%;color:var(--felt-deep);cursor:pointer;letter-spacing:.06em;box-shadow:0 4px 16px var(--gold-glow);border:none;padding:14px;font-size:.95rem;font-weight:700;transition:all .15s}.howto-tutorial-btn:hover{box-shadow:0 6px 24px var(--gold-glow);transform:translateY(-1px)}.leaderboard-overlay{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeIn .25s var(--ease-out);background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.leaderboard-panel{border:1px solid var(--glass-border-2);border-radius:var(--r-xl);background:#0a120cf7;flex-direction:column;width:100%;max-width:480px;max-height:85vh;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff12,0 40px 80px #000000b3,0 0 0 1px #d4a8430f}.lb-header{border-bottom:1px solid var(--glass-border);background:#0003;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.lb-header h2{letter-spacing:.1em;margin:0;font-size:1.8rem}.lb-close{border:1px solid var(--glass-border);color:var(--text-dim);border-radius:var(--r-sm);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:all .15s;display:flex}.lb-close:hover{color:var(--text-light);border-color:var(--gold-dark);background:var(--gold-subtle)}.lb-tabs{border-bottom:1px solid var(--glass-border);background:#00000026;flex-shrink:0;gap:4px;padding:12px 16px;display:flex}.lb-tab{border-radius:var(--r-sm);color:var(--text-muted);cursor:pointer;text-align:center;background:0 0;border:1px solid #0000;flex:1;padding:10px;font-size:.85rem;font-weight:600;transition:all .2s}.lb-tab.active{color:var(--gold);background:linear-gradient(135deg,#d4a84333,#d4a84314);border-color:#d4a84340}.lb-tab:hover:not(.active){color:var(--text-light);background:#ffffff0a}.lb-list{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent;flex-direction:column;flex:1;gap:4px;padding:12px;display:flex;overflow-y:auto}.lb-loading,.lb-empty{text-align:center;color:var(--text-muted);padding:32px 16px;font-size:.9rem}.lb-row{border-radius:var(--r-md);cursor:pointer;background:#ffffff08;border:1px solid #0000;align-items:center;gap:12px;padding:10px 14px;transition:all .15s;display:flex}.lb-row:hover{border-color:var(--glass-border);background:#ffffff0f}.lb-row.lb-me{background:#d4a8431a;border-color:#d4a84340}.lb-list-header{color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;cursor:default;background:0 0;padding:6px 14px;font-size:.72rem;font-weight:600}.lb-list-header:hover{background:0 0;border-color:#0000}.lb-rank{font-family:var(--font-mono);min-width:36px;color:var(--text-muted);font-size:.85rem;font-weight:700}.lb-name{color:var(--text-light);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.9rem;font-weight:600;overflow:hidden}.lb-elo{font-family:var(--font-mono);color:var(--gold);text-align:right;min-width:48px;font-size:.9rem;font-weight:700}.lb-games{font-family:var(--font-mono);color:var(--text-dim);text-align:right;min-width:40px;font-size:.78rem}.lb-shitcount{font-family:var(--font-mono);color:var(--danger);text-align:right;min-width:48px;font-size:.9rem;font-weight:700}.lb-me .lb-name{color:var(--gold)}.friends-panel{flex-direction:column;gap:12px;padding:18px 20px;display:flex}.friends-header h3{letter-spacing:.06em;margin:0;font-size:1.2rem}.friends-online-count{color:var(--success);font-size:.78rem;font-weight:600}.friends-loading,.friends-empty{color:var(--text-dim);text-align:center;padding:12px 0;font-size:.85rem}.friends-msg{border-radius:var(--r-sm);text-align:center;padding:6px 12px;font-size:.8rem;font-weight:600}.friends-msg-ok{color:var(--success);background:#27ae6026;border:1px solid #27ae604d}.friends-msg-err{color:var(--danger);background:#e74c3c26;border:1px solid #e74c3c4d}.friends-list{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent;flex-direction:column;gap:4px;max-height:240px;display:flex;overflow-y:auto}.friend-row{border-radius:var(--r-sm);background:#ffffff08;align-items:center;gap:8px;padding:8px 10px;transition:background .15s;display:flex}.friend-row:hover{background:#ffffff0f}.friend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot-online{background:var(--success);box-shadow:0 0 6px var(--success)}.dot-offline{background:#fff3}.friend-info{flex-direction:column;flex:1;min-width:0;display:flex}.friend-name{color:var(--text-light);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.friend-elo{color:var(--gold);font-size:.68rem;font-family:var(--font-mono)}.friend-status{flex-shrink:0;font-size:.72rem}.friend-in-game{color:var(--gold);font-weight:700}.friend-online-text{color:var(--success);font-weight:600}.friend-last-seen{color:var(--text-dim)}.friend-remove-btn{color:var(--text-dim);cursor:pointer;opacity:0;background:0 0;border:none;padding:0 4px;font-size:1rem;transition:opacity .15s,color .15s}.friend-row:hover .friend-remove-btn{opacity:1}.friend-remove-btn:hover{color:var(--danger)}.friends-pending,.friends-sent{border-top:1px solid var(--glass-border);padding-top:10px}.friends-pending h4,.friends-sent h4{color:var(--text-muted);margin:0 0 8px;font-size:.82rem;font-weight:600}.pending-row,.sent-row{border-radius:var(--r-sm);background:#ffffff08;align-items:center;gap:8px;margin-bottom:4px;padding:6px 10px;display:flex}.pending-name,.sent-name{color:var(--text-light);flex:1;font-size:.85rem;font-weight:600}.pending-elo{color:var(--gold);font-size:.68rem;font-family:var(--font-mono)}.sent-status{color:var(--text-dim);font-size:.72rem}.pending-actions{gap:6px;display:flex}.btn-accept{border-radius:var(--r-sm);background:linear-gradient(135deg, var(--success), #1e8449);color:#fff;cursor:pointer;border:none;padding:4px 12px;font-size:.72rem;font-weight:700;transition:all .15s}.btn-accept:hover{transform:scale(1.05)}.btn-decline{border-radius:var(--r-sm);color:var(--danger);cursor:pointer;background:#e74c3c26;border:1px solid #e74c3c4d;padding:4px 8px;font-size:.78rem;font-weight:700;transition:all .15s}.btn-decline:hover{background:#e74c3c40}.friends-add{border-top:1px solid var(--glass-border);gap:8px;padding-top:10px;display:flex}.friends-add-input{flex:1;padding:8px 12px;font-size:.82rem}.friends-add-btn{white-space:nowrap;padding:8px 16px;font-size:.82rem}.friends-pending-badge{background:var(--danger);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:6px;padding:0 6px;font-size:.68rem;font-weight:700;animation:2s ease-in-out infinite badgePulse;display:inline-flex}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.btn-cancel-request{border-radius:var(--r-sm);color:var(--text-dim);border:1px solid var(--glass-border);cursor:pointer;background:#ffffff0f;padding:4px 10px;font-size:.72rem;font-weight:600;transition:all .15s}.btn-cancel-request:hover{color:var(--danger);background:#e74c3c26;border-color:#e74c3c4d}.friends-confirm-overlay{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.friends-confirm-panel{border:1px solid var(--glass-border-2);border-radius:var(--r-lg);text-align:center;background:#0a120cf7;width:90%;max-width:320px;padding:24px 28px;box-shadow:0 20px 60px #0009}.friends-confirm-panel p{color:var(--text-light);margin:0 0 18px;font-size:.95rem;line-height:1.5}.friends-confirm-panel strong{color:var(--gold)}.friends-confirm-actions{gap:10px;display:flex}.friends-confirm-actions button{flex:1;padding:10px;font-size:.85rem}.friends-tabs{border-radius:var(--r-sm);background:#0000004d;gap:4px;padding:3px;display:flex}.friends-tab{border-radius:var(--r-xs);color:var(--text-muted);cursor:pointer;text-align:center;background:0 0;border:none;flex:1;padding:8px;font-size:.8rem;font-weight:600;transition:all .15s}.friends-tab.active{color:var(--gold);background:#d4a84326;border:1px solid #d4a84333}.friends-tab:hover:not(.active){color:var(--text-light);background:#ffffff0a}.btn-join-friend{border-radius:var(--r-xs);background:linear-gradient(135deg, var(--gold-light), var(--gold-dark));color:var(--felt-deep);cursor:pointer;white-space:nowrap;border:none;padding:3px 10px;font-size:.68rem;font-weight:700;transition:all .15s}.btn-join-friend:hover{box-shadow:0 2px 8px var(--gold-glow);transform:scale(1.05)}.btn-play-friend{border-radius:var(--r-xs);background:linear-gradient(135deg, var(--gold-light), var(--gold-dark));color:var(--felt-deep);cursor:pointer;white-space:nowrap;border:none;padding:3px 10px;font-size:.68rem;font-weight:700;transition:all .15s}.btn-play-friend:hover{box-shadow:0 2px 8px var(--gold-glow);transform:scale(1.05)}.invite-picker{align-items:center;gap:4px;display:flex}.invite-pick-btn{border-radius:var(--r-xs);border:1px solid var(--glass-border-2);cursor:pointer;background:#ffffff0f;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:.82rem;transition:all .15s;display:flex}.invite-pick-btn:hover{transform:scale(1.1)}.invite-pick-btn.invite-ranked:hover{border-color:var(--gold-dark);background:#d4a84333}.invite-pick-btn.invite-practice:hover{border-color:var(--success);background:#27ae6033}.invite-pick-btn:disabled{opacity:.5;cursor:not-allowed}.invite-pick-cancel{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:.78rem;transition:color .15s}.invite-pick-cancel:hover{color:var(--danger)}.game-invites-section{flex-direction:column;gap:8px;display:flex}.game-invite-banner{border-radius:var(--r-sm);background:#d4a8431a;border:1px solid #d4a8434d;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;animation:2s ease-in-out infinite invitePulse;display:flex}@keyframes invitePulse{0%,to{border-color:#d4a8434d}50%{border-color:#d4a84399}}.game-invite-info{color:var(--text-light);flex:1;align-items:center;gap:8px;min-width:0;font-size:.82rem;display:flex}.game-invite-icon{flex-shrink:0;font-size:1.2rem}.game-invite-info strong{color:var(--gold)}.game-invite-actions{flex-shrink:0;gap:6px;display:flex}.btn-watch-friend{border-radius:var(--r-xs);color:#3498db;cursor:pointer;white-space:nowrap;background:#3498db26;border:1px solid #3498db4d;padding:3px 10px;font-size:.68rem;font-weight:700;transition:all .15s}.btn-watch-friend:hover{background:#3498db40;transform:scale(1.05)}.lobby-container{background:radial-gradient(ellipse at 50% -5%, #224828d9 0%, transparent 55%), radial-gradient(ellipse at 0% 80%, #10261499 0%, transparent 40%), var(--felt-deep);justify-content:center;align-items:center;min-height:100vh;padding:24px 20px;display:flex;position:relative;overflow:hidden}.lobby-container:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(-45deg,#0000,#0000 8px,#ffffff02 8px 16px);position:absolute;inset:0}.lobby-content{z-index:1;flex-direction:column;gap:20px;width:100%;max-width:560px;display:flex;position:relative}.lobby-header{text-align:center}.lobby-header h1{text-shadow:0 0 40px var(--gold-glow), 0 4px 16px #00000080;letter-spacing:.12em;margin-bottom:18px;font-size:3.8rem;line-height:1}.player-info{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-wrap:wrap;align-items:center;gap:14px;padding:18px 20px;display:flex;box-shadow:inset 0 1px #ffffff12,0 8px 32px #0000004d}.player-icon-btns{flex-shrink:0;align-items:center;gap:6px;display:flex}.player-avatar{background:conic-gradient(var(--gold-bright) 0deg, var(--gold) 120deg, var(--gold-dark) 240deg, var(--gold-bright) 360deg);width:52px;height:52px;color:var(--felt-deep);font-size:1.4rem;font-weight:700;font-family:var(--font-body);box-shadow:0 0 0 3px #ffffff14, 0 4px 16px var(--gold-glow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.player-details{text-align:left;flex-direction:column;flex:1;gap:2px;display:flex}.player-name{color:var(--text-primary);letter-spacing:.02em;font-size:1.05rem;font-weight:700}.player-elo{color:var(--gold);font-size:.85rem;font-weight:600;font-family:var(--font-mono);align-items:center;gap:4px;display:flex}.player-stats{color:var(--text-dim);margin-top:1px;font-size:.72rem}.logout-btn{letter-spacing:.06em;padding:8px 16px;font-size:.8rem}.cleanup-row{text-align:right;margin-top:-8px}.btn-cleanup{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:.72rem;text-decoration:underline;transition:color .15s}.btn-cleanup:hover{color:var(--danger)}.tab-selector{border-radius:var(--r-md);border:1px solid var(--glass-border);background:#0006;gap:4px;padding:4px;display:flex}.tab-btn{border-radius:var(--r-sm);color:var(--text-muted);letter-spacing:.04em;background:0 0;flex:1;padding:12px;font-size:.9rem;font-weight:600;transition:all .2s}.tab-btn.active{color:var(--gold);background:linear-gradient(135deg,#d4a84333,#d4a84314);border:1px solid #d4a84340;box-shadow:0 0 16px #d4a8431a}.tab-btn:hover:not(.active){color:var(--text-light);background:#ffffff0a}.tab-content{flex-direction:column;gap:18px;display:flex}.tab-content h2{letter-spacing:.06em;margin-bottom:2px;font-size:1.8rem}.player-count-selector{flex-direction:column;gap:10px;display:flex}.player-count-selector label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:600}.count-buttons{gap:6px;display:flex}.count-btn{border-radius:var(--r-sm);width:50px;height:50px;color:var(--text-muted);border:1px solid var(--glass-border);transition:all .18s var(--ease-spring);font-size:1.1rem;font-weight:700;font-family:var(--font-mono);background:#0006}.count-btn:hover{border-color:var(--gold-dark);color:var(--gold);background:var(--gold-subtle)}.count-btn.active{background:linear-gradient(135deg, var(--gold-light), var(--gold));color:var(--felt-deep);border-color:var(--gold);box-shadow:0 4px 16px var(--gold-glow);font-weight:800;transform:scale(1.08)}.checkbox-label{color:var(--text-muted);cursor:pointer;align-items:center;gap:10px;font-size:.88rem;font-weight:500;transition:color .15s;display:flex}.checkbox-label:hover{color:var(--text-light)}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--gold);cursor:pointer}.find-btn{letter-spacing:.14em;width:100%;padding:18px;font-size:1.1rem;position:relative}.private-section{flex-direction:column;gap:14px;display:flex}.private-section h3{color:var(--text-light);font-size:1rem;font-family:var(--font-body);text-transform:uppercase;letter-spacing:.1em;font-weight:700}.divider{color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:16px;font-size:.75rem;font-weight:600;display:flex}.divider:before,.divider:after{content:"";background:var(--glass-border);flex:1;height:1px}.btn-settings{border:1px solid var(--glass-border-2);border-radius:var(--r-sm);cursor:pointer;color:var(--text-muted);background:0 0;padding:8px 12px;font-size:1.1rem;transition:all .2s}.btn-settings:hover{border-color:var(--gold-dark);color:var(--gold);background:var(--gold-subtle)}.history-panel h2{letter-spacing:.06em;margin-bottom:10px;font-size:1.6rem}.history-list{flex-direction:column;gap:3px;display:flex}.history-row{border-radius:var(--r-sm);cursor:pointer;background:#ffffff08;border:1px solid #0000;align-items:center;gap:12px;padding:10px 14px;font-size:.85rem;transition:all .15s;display:flex}.history-row:hover{border-color:var(--glass-border);background:#ffffff12}.history-row.history-shithead{background:#e74c3c14;border-color:#e74c3c26}.history-pos{min-width:28px;color:var(--gold);font-weight:700;font-family:var(--font-mono)}.history-shithead .history-pos{color:var(--danger)}.history-size{color:var(--text-dim);min-width:24px;font-size:.78rem}.history-elo{min-width:44px;font-weight:700;font-family:var(--font-mono)}.history-date{color:var(--text-dim);margin-left:auto;font-size:.72rem}.history-more{width:100%;margin-top:8px;padding:10px;font-size:.82rem}.game-replay-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;justify-content:center;align-items:flex-start;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.game-replay-content{width:100%;max-width:800px;padding-top:10px;position:relative}.replay-close{z-index:10;border:1px solid var(--glass-border-2);color:var(--text-muted);border-radius:var(--r-sm);cursor:pointer;background:#0009;padding:8px 14px;font-size:.88rem;transition:all .15s;position:absolute;top:0;right:0}.replay-close:hover{color:var(--text-light);border-color:var(--gold-dark)}@media (width<=480px){.lobby-header h1{font-size:2.8rem}.count-btn{width:42px;height:42px;font-size:.95rem}.player-info{flex-wrap:wrap;gap:10px;padding:14px 16px}.player-avatar{width:44px;height:44px;font-size:1.1rem}.lobby-content,.tab-content{gap:14px}.find-btn{padding:14px;font-size:1rem}.history-row{padding:8px 10px;font-size:.78rem}}.install-banner{background:#d4a8430f;border:1px solid #d4a84333;padding:14px 18px}.waiting-container{background:radial-gradient(ellipse at 50% 0%, #224828cc 0%, transparent 55%), var(--felt-deep);justify-content:center;align-items:center;min-height:100vh;padding:24px 20px;display:flex;position:relative;overflow:hidden}.waiting-container:before{content:"";pointer-events:none;background:radial-gradient(circle,#22482826 0%,#0000 60%);border-radius:50%;width:80vmax;height:80vmax;animation:4s ease-in-out infinite ambientPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes ambientPulse{0%,to{opacity:.8;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}}.waiting-content{z-index:1;width:100%;max-width:500px;position:relative}.waiting-card{text-align:center;flex-direction:column;gap:24px;display:flex}.waiting-card h2{letter-spacing:.08em;text-shadow:0 0 32px var(--gold-glow);font-size:2.4rem}.game-id-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:600}.game-id{color:var(--gold);font-family:var(--font-mono);letter-spacing:.08em;font-size:1.05rem;font-weight:700}.player-slots{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.player-slot{flex-direction:column;align-items:center;gap:6px;width:76px;display:flex}.slot-avatar,.slot-empty{width:56px;height:56px;transition:all .3s var(--ease-spring);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.slot-avatar{background:linear-gradient(135deg, var(--gold-light), var(--gold-dark));color:var(--felt-deep);box-shadow:0 0 0 3px #ffffff1a, 0 4px 16px var(--gold-glow), 0 8px 24px #0006;animation:playerJoin .4s var(--ease-spring);font-size:1.4rem}@keyframes playerJoin{0%{opacity:0;transform:scale(.3)rotate(-20deg)}70%{transform:scale(1.15)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}.slot-empty{color:var(--text-dim);background:#ffffff08;border:2px dashed #ffffff1a;font-size:1.2rem}.slot-label{color:var(--text-dim);white-space:nowrap;font-size:.68rem;font-weight:500}.slot-name{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:76px;font-size:.72rem;font-weight:500;overflow:hidden}.filled .slot-name{color:var(--text-light);font-weight:600}.slot-elo{color:var(--gold);font-size:.62rem;font-weight:600;font-family:var(--font-mono)}.player-counter{justify-content:center;align-items:baseline;gap:4px;display:flex}.counter-current{color:var(--gold);font-size:3rem;font-weight:400;font-family:var(--font-display);text-shadow:0 0 24px var(--gold-glow);line-height:1}.counter-sep{color:var(--text-dim);font-size:1.8rem;font-family:var(--font-display)}.counter-max{color:var(--text-muted);font-size:1.8rem;font-family:var(--font-display)}.counter-label{color:var(--text-dim);letter-spacing:.06em;font-size:.8rem;font-weight:500}.ready-counter{color:var(--gold);text-align:center;border-radius:var(--r-pill);letter-spacing:.04em;background:#d4a8431a;border:1px solid #d4a84347;padding:8px 20px;font-size:.95rem;font-weight:700}.ready-badge{color:var(--success);border-radius:var(--r-md);letter-spacing:.04em;background:#2ecc711a;border:1px solid #2ecc7147;padding:10px 24px;font-size:.9rem;font-weight:700}.countdown-display{font-family:var(--font-display);color:var(--gold-light);text-align:center;text-shadow:0 0 40px var(--gold-glow), 0 0 80px #d4a84326;letter-spacing:.06em;font-size:4rem;font-weight:400;line-height:1;transition:color .3s,text-shadow .3s}.countdown-display.countdown-urgent{color:var(--danger);text-shadow:0 0 32px var(--danger-glow), 0 0 64px #e74c3c33;animation:.5s ease-in-out infinite urgentFlash}.get-ready-section{padding:12px 0}.get-ready-text{font-family:var(--font-display);color:var(--gold);text-align:center;letter-spacing:.1em;text-shadow:0 0 24px var(--gold-glow);font-size:1.8rem;font-weight:400;animation:1.2s ease-in-out infinite pulse}.waiting-hint{color:var(--text-muted);font-size:.88rem;line-height:1.5}.waiting-actions{flex-direction:column;gap:10px;width:100%;display:flex}.start-btn{letter-spacing:.12em;width:100%;padding:16px;font-size:1.05rem}.leave-btn{letter-spacing:.06em;align-self:center;padding:10px 28px;font-size:.88rem}.btn-share{border:1px solid var(--glass-border-2);border-radius:var(--r-md);width:100%;color:var(--text-light);cursor:pointer;letter-spacing:.04em;background:#ffffff0d;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.btn-share:hover{border-color:var(--gold-dark);color:var(--gold);background:#ffffff1a;transform:translateY(-1px)}.elo-preview-table{flex-direction:column;align-items:center;gap:8px;display:flex}.elo-preview-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:600}.elo-preview-rows{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.elo-preview-row{border-radius:var(--r-sm);border:1px solid var(--glass-border);font-size:.78rem;font-family:var(--font-mono);background:#0000004d;align-items:center;gap:5px;padding:4px 10px;display:flex}.elo-pos{color:var(--text-dim);min-width:22px;font-weight:600}.elo-delta{font-weight:700}@media (width<=480px){.player-slot{width:62px}.slot-avatar,.slot-empty{width:46px;height:46px;font-size:1.1rem}.countdown-display{font-size:3rem}.waiting-card h2{font-size:1.9rem}}.ranked-badge{border-radius:var(--r-pill);letter-spacing:.06em;margin-top:4px;padding:4px 14px;font-size:.78rem;font-weight:700;display:inline-block}.badge-ranked{color:var(--gold);background:#d4a84326;border:1px solid #d4a8434d}.badge-practice{color:var(--success);background:#27ae6026;border:1px solid #27ae604d}.slot-add-friend{border-radius:var(--r-xs);color:var(--success);cursor:pointer;background:#27ae6026;border:1px solid #27ae604d;margin-top:4px;padding:3px 8px;font-size:.68rem;font-weight:700;transition:all .15s}.slot-add-friend:hover{background:#27ae6040}.slot-friend-sent{color:var(--success);margin-top:4px;font-size:.68rem;font-weight:600}.slot-clickable{cursor:pointer;transition:all .2s}.slot-clickable:hover .slot-empty{border-color:var(--gold-dark);color:var(--gold);background:#d4a84314}.slot-clickable:hover .slot-name{color:var(--gold)}.invite-overlay{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.invite-panel{flex-direction:column;gap:12px;width:90%;max-width:360px;max-height:70vh;display:flex}.invite-panel-header{justify-content:space-between;align-items:center;display:flex}.invite-panel-header h3{letter-spacing:.04em;margin:0;font-size:1.1rem}.invite-panel-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.2rem;transition:color .15s}.invite-panel-close:hover{color:var(--danger)}.invite-friend-list{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent;flex-direction:column;gap:4px;max-height:300px;display:flex;overflow-y:auto}.invite-friend-row{border-radius:var(--r-sm);background:#ffffff08;align-items:center;gap:8px;padding:8px 10px;transition:background .15s;display:flex}.invite-friend-row:hover{background:#ffffff0f}.invite-sent-note{color:var(--success);text-align:center;font-size:.78rem;font-weight:600}.bot-add-row{justify-content:center;align-items:center;gap:8px;display:flex}.bot-add-label{color:var(--text-muted);font-size:.8rem;font-weight:600}.btn-bot{border-radius:var(--r-sm);border:1px solid var(--glass-border-2);cursor:pointer;color:var(--text-light);background:#ffffff0d;padding:6px 14px;font-size:.75rem;font-weight:700;transition:all .15s}.btn-bot:hover{transform:scale(1.05)}.btn-bot-easy{color:var(--success);border-color:#27ae604d}.btn-bot-easy:hover{background:#27ae6026}.btn-bot-medium{color:var(--gold);border-color:#d4a8434d}.btn-bot-medium:hover{background:#d4a84326}.btn-bot-hard{color:var(--danger);border-color:#e74c3c4d}.btn-bot-hard:hover{background:#e74c3c26}.invite-bot-section{border-top:1px solid var(--glass-border);margin-top:4px;padding-top:10px}.invite-bot-divider{text-align:center;color:var(--text-dim);margin-bottom:8px;font-size:.72rem;font-weight:600}.faceup-container{background:radial-gradient(ellipse at 50% 0%, #224828b3 0%, transparent 55%), var(--felt-deep);justify-content:center;align-items:center;min-height:100vh;padding:24px 20px;display:flex;position:relative;overflow:hidden}.faceup-content{z-index:1;width:100%;max-width:600px;position:relative}.faceup-card{text-align:center;flex-direction:column;gap:22px;display:flex}.faceup-card h2{letter-spacing:.08em;text-shadow:0 0 24px var(--gold-glow);font-size:2.2rem}.faceup-hint{color:var(--text-muted);font-size:.9rem;line-height:1.6}.faceup-hint strong{color:var(--gold);font-weight:700}.faceup-timer{flex-direction:column;align-items:center;gap:10px;display:flex}.timer-number{font-family:var(--font-display);color:var(--gold);text-shadow:0 0 24px var(--gold-glow);letter-spacing:.06em;font-size:2.4rem;font-weight:400;line-height:1;transition:color .3s,text-shadow .3s}.timer-urgent{animation:.5s ease-in-out infinite urgentFlash;color:var(--danger)!important;text-shadow:0 0 24px var(--danger-glow)!important}.timer-bar{border-radius:var(--r-pill);background:#ffffff14;width:100%;height:5px;overflow:hidden;box-shadow:inset 0 1px 2px #0000004d}.timer-fill{background:linear-gradient(90deg, var(--gold-dark), var(--gold), var(--gold-bright));border-radius:var(--r-pill);height:100%;box-shadow:0 0 8px var(--gold-glow);transition:width 1s linear}.timer-fill.timer-fill-urgent{background:linear-gradient(90deg, #c0392b, var(--danger), #ff6b6b);box-shadow:0 0 8px var(--danger-glow)}.faceup-hand{flex-wrap:wrap;justify-content:center;gap:10px;padding:12px 0;display:flex}.faceup-selection-info{color:var(--text-muted);letter-spacing:.04em;font-size:.85rem;font-weight:600}.faceup-selection-info span.gold{color:var(--gold)}.faceup-preview{justify-content:center;align-items:center;gap:14px;display:flex}.preview-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;font-weight:700}.preview-cards{gap:8px;display:flex}.confirm-btn{letter-spacing:.12em;width:100%;padding:16px;font-size:1.05rem}.btn-disabled{opacity:.35;cursor:not-allowed;pointer-events:none}@media (width<=480px){.faceup-hand{gap:6px}.faceup-hand .card{width:66px;height:92px}.faceup-card h2{font-size:1.8rem}}.preview-slot{flex-shrink:0;width:56px;height:78px}.preview-empty{border-radius:var(--radius-card,8px);color:#ffffff26;background:#00000026;border:2px dashed #ffffff1f;justify-content:center;align-items:center;width:56px;height:78px;font-size:1rem;font-weight:700;display:flex}.replay-overlay{z-index:100;flex-direction:column;display:flex;position:fixed;inset:0}.replay-controls-overlay{z-index:110;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0}.replay-log-bar{text-align:center;color:var(--gold);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;min-height:30px;padding:6px 16px;font-size:.82rem;font-weight:600;display:flex}.replay-controls{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:8px 16px;display:flex}.replay-btn{color:var(--text-light);cursor:pointer;width:34px;height:34px;transition:var(--transition);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;display:flex}.replay-btn:hover{background:#fff3}.replay-btn-play{background:linear-gradient(135deg, var(--gold), var(--gold-dark));width:42px;height:42px;color:var(--felt-dark);border:none;font-size:1rem}.replay-slider{min-width:80px;accent-color:var(--gold);flex:1}.replay-speed{color:var(--text-light);background:#0006;border:1px solid #fff3;border-radius:6px;flex-shrink:0;padding:4px 6px;font-size:.75rem}.replay-step-label{color:var(--text-muted);flex-shrink:0;font-size:.7rem}@media (width<=480px){.replay-controls{gap:4px;padding:6px 8px}.replay-btn{width:30px;height:30px;font-size:.75rem}.replay-btn-play{width:36px;height:36px}.replay-log-bar{padding:4px 10px;font-size:.72rem}}.admin-container{justify-content:center;min-height:100vh;padding:20px;display:flex}.admin-content{flex-direction:column;gap:20px;width:100%;max-width:800px;padding-top:10px;padding-bottom:40px;display:flex}.admin-header{align-items:center;gap:16px;display:flex}.admin-header h1{margin:0;font-size:1.6rem}.admin-back{padding:6px 14px;font-size:.85rem}.admin-stats-panel h2,.admin-integrity-panel h2{color:var(--gold);margin:0 0 14px;font-size:1.15rem}.stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.stat-card{border-radius:var(--radius-sm);text-align:center;background:#00000040;flex-direction:column;gap:4px;padding:16px;display:flex}.stat-value{color:var(--gold);font-size:1.8rem;font-weight:800}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.72rem}.integrity-list{flex-direction:column;gap:8px;display:flex}.integrity-row{border-radius:var(--radius-sm);border-left:3px solid;padding:10px 12px}.integrity-pass{border-left-color:var(--success);background:#2ecc710d}.integrity-fail{border-left-color:var(--danger);background:#e74c3c14}.integrity-header{align-items:center;gap:10px;font-size:.85rem;display:flex}.integrity-badge{border-radius:4px;padding:2px 8px;font-size:.7rem;font-weight:700}.badge-pass{color:#58d68d;background:#2ecc7133}.badge-fail{color:#ec7063;background:#e74c3c33}.integrity-game-id{color:var(--text-light);font-family:Courier New,monospace;font-size:.8rem}.integrity-players{color:var(--text-muted);font-size:.75rem}.integrity-time{color:var(--text-muted);margin-left:auto;font-size:.75rem}.integrity-details{border-top:1px solid #ffffff0f;margin-top:6px;padding-top:6px}.integrity-check-fail{color:var(--danger);padding:2px 0;font-size:.78rem}.check-name{margin-right:6px;font-weight:600}.admin-search h2{margin:0 0 12px;font-size:1.2rem}.search-row{gap:10px;display:flex}.search-row .input-field{flex:1;font-family:Courier New,monospace;font-size:.85rem}.search-row .btn-primary{white-space:nowrap;padding:10px 20px}.game-viewer{flex-direction:column;gap:16px;display:flex}.viewer-section h2{color:var(--gold);margin:0 0 14px;font-size:1.15rem}.summary-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.summary-item{flex-direction:column;gap:2px;display:flex}.summary-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem}.summary-value{color:var(--text-light);font-size:.95rem;font-weight:600}.mono{word-break:break-all;font-family:Courier New,monospace;font-size:.82rem}.status-pill{color:#fff;border-radius:10px;width:fit-content;padding:2px 10px;font-size:.75rem;font-weight:700;display:inline-block}.players-table{overflow-x:auto}.pt-header,.pt-row{grid-template-columns:1.2fr .6fr .7fr .5fr .6fr .6fr 1.1fr .7fr;align-items:center;gap:6px;padding:8px 6px;font-size:.8rem;display:grid}.pt-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #ffffff1a;font-size:.65rem;font-weight:600}.pt-row{color:var(--text-light);border-bottom:1px solid #ffffff0a}.pt-dead{opacity:.5}.pt-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.tag{white-space:nowrap;border-radius:4px;padding:1px 6px;font-size:.68rem;font-weight:600;display:inline-block}.tag-green{color:#58d68d;background:#2ecc7133}.tag-red{color:#ec7063;background:#e74c3c33}.tag-yellow{color:#f5b041;background:#f39c1233}.tag-gray{color:#aab7b8;background:#95a5a633}.tag-gold{color:var(--gold);background:#d4a84333}.card-detail-block{border-bottom:1px solid #ffffff0f;padding:8px 0}.card-detail-block:last-child{border-bottom:none}.cd-name{color:var(--text-light);margin-bottom:4px;font-size:.85rem;font-weight:700;display:block}.cd-row{gap:8px;padding:1px 0;font-size:.8rem;display:flex}.cd-label{color:var(--text-muted);text-transform:uppercase;min-width:60px;font-size:.72rem}.cd-cards{color:var(--text-light);font-family:Courier New,monospace;font-size:.82rem}.cd-empty{color:var(--text-muted);font-size:.8rem;font-style:italic}.timeline{flex-direction:column;gap:2px;display:flex}.tl-entry{border-radius:var(--radius-sm);border-left:3px solid #ffffff1a;align-items:flex-start;gap:12px;padding:8px 10px;transition:background .15s;display:flex}.tl-entry:hover{background:#ffffff08}.tl-num{min-width:28px;color:var(--text-muted);text-align:right;padding-top:1px;font-size:.7rem;font-weight:700}.tl-text{color:var(--text-light);font-size:.85rem;line-height:1.4}.tl-timeout{background:#f39c120d;border-left-color:#f39c12}.tl-timeout .tl-text{color:#f5b041}.tl-eliminated{background:#e74c3c14;border-left-color:#e74c3c}.tl-eliminated .tl-text{color:#ec7063;font-weight:600}.tl-discard{background:#2ecc710d;border-left-color:#2ecc71}.tl-discard .tl-text{color:#58d68d}.tl-slap{border-left-color:var(--gold);background:#d4a8430d}.tl-slap .tl-text{color:var(--gold)}.tl-pickup{background:#3498db0d;border-left-color:#3498db}.tl-pickup .tl-text{color:#5dade2}@media (width<=600px){.admin-content{gap:14px}.admin-header h1{font-size:1.3rem}.summary-grid{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.pt-header{display:none}.players-table{flex-direction:column;gap:8px;display:flex}.pt-row{border-radius:var(--radius-sm);background:#0003;flex-wrap:wrap;gap:6px 12px;padding:10px;font-size:.8rem;display:flex}.pt-name{width:100%;margin-bottom:2px;font-size:.9rem;font-weight:700}.pt-row span:not(.pt-name):not(.tag){display:inline}.pt-row span:not(.pt-name):not(.tag):before{color:var(--text-muted);font-size:.65rem}.pt-row span:nth-child(2):before{content:"ELO: "}.pt-row span:nth-child(3):before{content:"Phase: "}.pt-row span:nth-child(4):before{content:"Hand: "}.pt-row span:nth-child(5):before{content:"FaceUp: "}.pt-row span:nth-child(6):before{content:"Hidden: "}.tl-text{font-size:.8rem}}.btn-replay-small{background:linear-gradient(135deg, var(--gold), var(--gold-dark));color:var(--felt-dark);cursor:pointer;width:26px;height:26px;transition:var(--transition);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;display:flex}.btn-replay-small:hover{transform:scale(1.1);box-shadow:0 0 8px #d4a84366}.check-msg{color:var(--text-muted);word-break:break-word;font-size:.78rem}.pagination-row{border-top:1px solid var(--glass-border);justify-content:center;align-items:center;gap:12px;margin-top:12px;padding-top:12px;display:flex}.pagination-info{color:var(--text-muted);font-size:.8rem;font-weight:600}.spinner-container{background:var(--felt-deep);background-image:radial-gradient(at 50% 40%,#1a3b2180 0%,#0000 55%);flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100vh;display:flex}.spinner-card{color:var(--gold);filter:drop-shadow(0 0 16px var(--gold-glow));font-size:3rem;line-height:1;animation:1.6s linear infinite spin}.spinner-text{color:var(--text-dim);letter-spacing:.14em;text-transform:uppercase;font-size:.82rem;font-weight:600;animation:1.8s ease-in-out infinite pulse}:root{--felt-deep:#080e0a;--felt-dark:#0d1610;--felt-base:#111d14;--felt-green:#152b19;--felt-light:#1c3b21;--felt-bright:#224828;--gold-bright:#ffe87a;--gold-light:#f5cc4a;--gold:#d4a843;--gold-dark:#a07820;--gold-glow:#d4a84373;--gold-subtle:#d4a8431f;--neon-green:#00ff87;--neon-green-dim:#00ff8726;--cyan:#00d4ff;--card-white:#faf7f0;--card-cream:#f5f0e8;--card-shadow:#0009;--red-suit:#d62828;--black-suit:#1a1a2e;--text-primary:#f0ead8;--text-light:#e8e0d0;--text-muted:#7a8a7e;--text-dim:#4a5a4e;--danger:#e74c3c;--danger-glow:#e74c3c66;--success:#2ecc71;--success-glow:#2ecc714d;--info:#3498db;--glass-bg:#ffffff0a;--glass-bg-hover:#ffffff14;--glass-border:#ffffff14;--glass-border-2:#ffffff24;--glass-blur:blur(16px);--r-xs:4px;--r-sm:8px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-pill:999px;--radius:14px;--radius-sm:8px;--radius-card:10px;--font-display:"Bebas Neue", sans-serif;--font-body:"DM Sans", sans-serif;--font-mono:"JetBrains Mono", monospace;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(.22, 1, .36, 1);--t-fast:.15s;--t-med:.3s;--t-slow:.5s;--transition:.25s cubic-bezier(.4, 0, .2, 1);--bg-overlay:#0009}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-body);background:var(--felt-deep);color:var(--text-light);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 50% 0,#1a3b21cc 0%,#0000 60%),repeating-linear-gradient(45deg,#0000,#0000 2px,#ffffff02 2px 4px);min-height:100vh;overflow-x:hidden}h1,h2,h3{font-family:var(--font-display);color:var(--gold);letter-spacing:.04em;line-height:1.1}button{font-family:var(--font-body);cursor:pointer;transition:var(--transition);border:none;outline:none}input{font-family:var(--font-body);transition:var(--transition);outline:none}.felt-bg{background:radial-gradient(ellipse at 30% 20%, #22482899 0%, transparent 50%), radial-gradient(ellipse at 70% 80%, #152b19b3 0%, transparent 50%), var(--felt-dark)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--r-xl);padding:32px;position:relative;box-shadow:inset 0 1px #ffffff1a,0 24px 64px #00000080,0 4px 16px #0000004d}.btn-primary{background:linear-gradient(145deg, var(--gold-light) 0%, var(--gold) 50%, var(--gold-dark) 100%);color:var(--felt-deep);border-radius:var(--r-md);letter-spacing:.08em;text-transform:uppercase;font-size:.95rem;font-weight:700;font-family:var(--font-body);box-shadow:0 0 0 1px #ffffff26 inset, 0 4px 24px var(--gold-glow), 0 2px 6px #0006;transition:all .2s var(--ease-out);padding:14px 32px;position:relative;overflow:hidden}.btn-primary:before{content:"";pointer-events:none;background:linear-gradient(#ffffff40 0%,#0000 50%);position:absolute;inset:0}.btn-primary:hover:not(:disabled){box-shadow:0 0 0 1px #fff3 inset, 0 8px 32px var(--gold-glow), 0 4px 12px #0006;background:linear-gradient(145deg, var(--gold-bright) 0%, var(--gold-light) 50%, var(--gold) 100%);transform:translateY(-2px)scale(1.02)}.btn-primary:active:not(:disabled){box-shadow:0 2px 12px var(--gold-glow);transform:translateY(0)scale(.99)}.btn-primary:disabled{opacity:.35;cursor:not-allowed;filter:grayscale(.5);transform:none}.btn-secondary{background:var(--glass-bg);color:var(--text-light);border-radius:var(--r-md);border:1px solid var(--glass-border-2);letter-spacing:.04em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s var(--ease-out);padding:13px 32px;font-size:.95rem;font-weight:600;box-shadow:inset 0 1px #ffffff14,0 4px 16px #0000004d}.btn-secondary:hover{background:var(--glass-bg-hover);border-color:var(--gold);color:var(--gold);box-shadow:0 4px 20px #0000004d, 0 0 0 1px var(--gold-subtle) inset;transform:translateY(-1px)}.btn-danger{color:#fff;border-radius:var(--r-md);letter-spacing:.06em;text-transform:uppercase;box-shadow:0 4px 20px var(--danger-glow);background:linear-gradient(135deg,#e74c3c,#c0392b);padding:13px 32px;font-size:.95rem;font-weight:700}.btn-danger:hover{box-shadow:0 8px 28px var(--danger-glow);background:linear-gradient(135deg,#ff5f4f,#e74c3c);transform:translateY(-2px)}.input-field{border-radius:var(--r-md);width:100%;color:var(--text-primary);font-size:1rem;font-family:var(--font-body);background:#0006;border:1px solid #ffffff1a;padding:14px 18px;transition:all .2s;box-shadow:inset 0 2px 8px #0000004d}.input-field:focus{border-color:var(--gold);box-shadow:inset 0 2px 8px #0000004d, 0 0 0 3px var(--gold-subtle);background:#00000080}.input-field::placeholder{color:var(--text-dim)}.error-text{color:var(--danger);align-items:center;gap:4px;margin-top:6px;font-size:.85rem;display:flex}.fade-in{animation:fadeIn .4s var(--ease-out)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.1)}80%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes goldPulse{0%,to{box-shadow:0 0 12px var(--gold-glow)}50%{box-shadow:0 0 32px var(--gold-glow), 0 0 64px #d4a84326}}@keyframes urgentFlash{0%,to{color:var(--danger)}50%{color:#ff8c8c}}@keyframes neonPulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shimmer{background:linear-gradient(90deg, var(--gold-dark) 20%, var(--gold-bright) 50%, var(--gold-dark) 80%);-webkit-text-fill-color:transparent;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:2s infinite shimmer}@media (width<=768px){.glass-panel{border-radius:var(--r-lg);padding:20px}.btn-primary,.btn-secondary,.btn-danger{min-height:48px;padding:12px 24px;font-size:.9rem}.input-field{min-height:48px;padding:13px 16px;font-size:.95rem}body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}@media (width<=480px){.glass-panel{border-radius:var(--r-md);padding:16px}h1{font-size:2.2rem}h2{font-size:1.6rem}}