:root{--bg-main: #FAF8F5;--bg-card: #FFFFFF;--bg-table: #F3EFEA;--border-light: #E5DFD5;--border-subtle: #ECE6DC;--text-main: #27272A;--text-muted: #71717A;--primary: #0284C7;--primary-hover: #0369A1;--gold: #D97706;--gold-hover: #B45309;--danger: #DC2626;--danger-hover: #B91C1C;--success: #16A34A;--success-hover: #15803D;--corven: #18181B;--bit-lit: #F59E0B;--bit-off: #E2DCD2;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 14px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 26px rgba(0, 0, 0, .12);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--header-height: 64px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}body,html{width:100%;height:100%;overflow:hidden;background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-family)}#app,#app-container{width:100%;height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}.top-header{height:var(--header-height);background:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;padding:0 18px;z-index:100;flex-shrink:0}.brand-section{display:flex;align-items:center;gap:14px}.brand-logo{height:48px;width:auto;max-width:200px;object-fit:contain;transition:transform .15s ease}.brand-logo:hover{transform:scale(1.03)}.brand-slogan{font-size:12px;color:var(--text-muted);font-style:italic;display:none}@media(min-width:720px){.brand-slogan{display:inline-block}}.header-controls{display:flex;align-items:center;gap:10px}.rules-label{display:none}@media(min-width:640px){.rules-label{display:inline}}.btn-icon{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:8px 12px;font-size:13px;font-weight:600;color:var(--text-main);cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .15s ease}.btn-icon:hover{background:var(--bg-table);border-color:#d4ccc0}.lang-switch-group{display:flex;align-items:center;background:var(--bg-table);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:3px;gap:2px}.lang-btn{background:transparent;border:none;border-radius:5px;padding:4px 8px;font-size:12px;font-weight:700;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .15s ease}.lang-btn:hover{color:var(--text-main);background:#fff9}.lang-btn.active{background:#fff;color:var(--primary);box-shadow:0 1px 3px #00000014}.flag-icon{display:inline-block;vertical-align:middle;flex-shrink:0}#game-stage{position:relative;flex:1;width:100%;height:calc(100% - var(--header-height));overflow:hidden}#canvas-viewport{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden}#hud-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50}.hud-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:12px;z-index:50}.hud-top-bar{display:flex;justify-content:center;align-items:center;width:100%;pointer-events:none}.match-status-badge{pointer-events:auto;background:#fffffff5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:6px 18px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700}.status-round-info{color:var(--text-main)}.stakes-badge{background:#fef3c7;color:var(--gold);border-radius:6px;padding:3px 10px;font-size:12px;font-weight:800}.stakes-badge.bit-it{background:#fee2e2;color:var(--danger);animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.hud-seats-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.scoreboard-card{position:absolute;pointer-events:none;-webkit-user-select:none;user-select:none;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid var(--border-light);border-radius:var(--radius-md);padding:8px 14px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:4px;min-width:136px;transition:all .2s ease}.scoreboard-card.seat-north{top:14px;left:16px}.scoreboard-card.seat-south{bottom:16px;left:16px}.scoreboard-card.seat-west{top:50%;left:16px;transform:translateY(-50%)}.scoreboard-card.seat-east{top:50%;right:16px;transform:translateY(-50%)}.scoreboard-card.active-turn{border-color:var(--gold);box-shadow:0 0 0 3px #f59e0b59;background:#fffdf9}.scoreboard-card.folded{opacity:.5;filter:grayscale(.7)}.player-info{display:flex;align-items:center;justify-content:space-between;gap:10px}.player-name{font-size:13px;font-weight:700;color:var(--text-main);max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-pts{font-size:13px;font-weight:800;color:var(--primary)}.gems-row{display:flex;align-items:center;gap:5px;margin-top:2px}.gem-point{width:20px;height:20px;border-radius:5px;background:var(--bit-off);color:var(--text-muted);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;transition:all .25s ease}.gem-point.lit{background:var(--bit-lit);color:#fff;box-shadow:0 0 8px #f59e0bb3;transform:scale(1.12)}.event-banner{pointer-events:auto;align-self:center;background:#27272aeb;color:#fff;padding:8px 22px;border-radius:30px;font-size:13px;font-weight:600;box-shadow:var(--shadow-md);margin-top:4px;max-width:90%;text-align:center;animation:fadeIn .25s ease;z-index:55}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.hud-action-area{position:absolute;bottom:220px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:60;pointer-events:none;width:100%;max-width:480px}@media(max-width:640px){.hud-action-area{bottom:175px}}.turn-hint-chip{pointer-events:auto;background:#27272ae6;color:#fff;border-radius:20px;padding:5px 14px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-md);animation:fadeIn .2s ease}.btn-close-hint{background:none;border:none;color:#d4d4d8;cursor:pointer;font-size:14px;line-height:1;padding:2px 4px;border-radius:4px;transition:all .15s ease}.btn-close-hint:hover{color:#fff;background:#fff3}.turn-prompt{background:#fffffff5;border:1px solid var(--border-light);border-radius:20px;padding:5px 16px;font-size:13px;font-weight:600;color:var(--text-muted);box-shadow:var(--shadow-sm);pointer-events:auto}.turn-prompt.challenge-alert{background:#fffbeb;border-color:var(--gold);color:#92400e;font-weight:700}.turn-prompt.waiting-prompt{background:#ffffffeb}.turn-prompt.my-turn-prompt{background:#ecfdf5;border:1.5px solid #10B981;color:#065f46;font-weight:800;font-size:13px;animation:turnPulse 1.8s infinite ease-in-out}@keyframes turnPulse{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 6px #10b98100}}.action-buttons-row{pointer-events:auto;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.btn-action{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:10px 22px;font-size:14px;font-weight:700;color:var(--text-main);cursor:pointer;box-shadow:var(--shadow-sm);transition:all .15s ease;display:flex;align-items:center;gap:6px}.btn-action:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-action:disabled{opacity:.45;cursor:not-allowed}.btn-bit-it{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid var(--gold);color:#92400e;font-size:15px;font-weight:800;padding:11px 26px;border-radius:16px;box-shadow:0 4px 14px #d9770640}.btn-bit-it:hover:not(:disabled){background:linear-gradient(135deg,#fde68a,#fcd34d);box-shadow:0 6px 18px #d9770659}.btn-double-bit-it{background:#fef2f2;border:2px solid var(--danger);color:var(--danger);font-weight:800}.btn-face{background:#f0fdf4;border-color:var(--success);color:var(--success)}.btn-fold{background:#f4f4f5;border-color:#d4d4d8;color:var(--text-muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-card{background:#fff;border-radius:var(--radius-lg);max-width:580px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg);display:flex;flex-direction:column}.modal-header{padding:18px 20px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:18px;font-weight:800;color:var(--text-main)}.modal-body{padding:20px;overflow-y:auto;line-height:1.6;font-size:14px}.modal-footer{padding:14px 20px;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:10px}.lobby-view{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-main);z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.lobby-box{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);max-width:520px;width:100%;padding:24px;display:flex;flex-direction:column;gap:20px}.lobby-hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.lobby-logo{max-width:240px;height:auto}.lobby-slogan{font-size:13px;color:var(--text-muted);font-style:italic;font-weight:500}.tabs-nav{display:flex;background:var(--bg-table);border-radius:var(--radius-sm);padding:4px;gap:4px}.tab-btn{flex:1;padding:8px 12px;border:none;background:transparent;border-radius:6px;font-size:13px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.tab-btn.active{background:#fff;color:var(--text-main);box-shadow:var(--shadow-sm)}.mode-selector{display:flex;flex-direction:column;gap:10px}.mode-card{border:1px solid var(--border-light);border-radius:var(--radius-md);padding:12px 14px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .15s ease}.mode-card:hover{background:#fafafa;border-color:#d4ccc0}.mode-card.selected{border-color:var(--primary);background:#f0f9ff}.mode-name{font-size:14px;font-weight:700;color:var(--text-main)}.mode-desc{font-size:12px;color:var(--text-muted);margin-top:2px}.btn-primary{background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);padding:12px 20px;font-size:15px;font-weight:700;cursor:pointer;box-shadow:var(--shadow-sm);transition:all .15s ease;width:100%;text-align:center}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.code-input-row{display:flex;gap:8px}.code-input{flex:1;padding:10px 14px;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:14px;font-weight:600;outline:none;text-transform:uppercase}.code-input:focus{border-color:var(--primary)}.emotes-bar{pointer-events:auto;position:absolute;bottom:220px;right:16px;display:flex;flex-direction:column;align-items:flex-end;gap:6px;z-index:60}.emotes-list{background:#fffffff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:6px;display:none;flex-direction:column;gap:4px;max-width:210px}.emotes-list.open{display:flex}.emote-item{padding:6px 10px;border-radius:6px;font-size:12px;font-weight:600;background:transparent;border:none;cursor:pointer;text-align:left;transition:background .15s ease}.emote-item:hover{background:var(--bg-table)}@media(max-width:640px){.scoreboard-card{min-width:108px;padding:5px 8px;border-radius:var(--radius-sm)}.player-name{font-size:11px;max-width:80px}.player-pts{font-size:11px}.gem-point{width:16px;height:16px;font-size:9px}.scoreboard-card.seat-north{top:8px;left:8px}.scoreboard-card.seat-south{top:8px;right:8px;left:auto;bottom:auto}.scoreboard-card.seat-west{top:38%;left:6px;transform:translateY(-50%)}.scoreboard-card.seat-east{top:38%;right:6px;transform:translateY(-50%)}.hud-top-bar{margin-top:46px}.match-status-badge{padding:4px 10px;font-size:11px;gap:6px}.hud-action-area{bottom:180px;max-width:95%}.turn-hint-chip{font-size:11px;padding:4px 10px}.btn-action{padding:8px 16px;font-size:13px}.emotes-bar{bottom:185px;right:10px}}.round-end-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:modalScaleUp .25s cubic-bezier(.16,1,.3,1)}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.round-modal-badge{display:inline-block;background:var(--bg-table);color:var(--text-muted);border:1px solid var(--border-light);border-radius:20px;padding:4px 14px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.round-modal-title{font-size:22px;font-weight:800;color:var(--text-main);margin-bottom:18px}.round-modal-title.win{color:#b45309}.round-scores-container{display:flex;flex-direction:column;gap:8px;background:#faf8f5;border:1px solid var(--border-light);border-radius:var(--radius-md);padding:12px;margin-bottom:8px}.round-score-row{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-radius:var(--radius-sm);background:#fff;border:1px solid var(--border-subtle);transition:all .15s ease}.round-score-row.highlight{border-color:var(--primary);background:#f0f9ff}.round-score-name{font-size:13px;font-weight:700;color:var(--text-main);text-align:left;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.round-score-pts{font-size:13px;font-weight:800;color:var(--primary)}