*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#1a1a2e;color:#e0e0e0;min-height:100vh;min-height:-webkit-fill-available;display:flex;justify-content:center;align-items:flex-start}.screen{display:none;width:100%;min-height:100vh;min-height:-webkit-fill-available;justify-content:center;align-items:flex-start;padding:20px;overflow-y:auto}.screen.active{display:flex}.panel{background:#16213e;border-radius:16px;padding:32px;max-width:700px;width:100%;box-shadow:0 8px 32px #0006}.lobby-panel{max-width:1100px}h1{font-size:2.5em;color:gold;text-align:center;margin-bottom:8px}h2{font-size:1.6em;color:gold;margin-bottom:16px}h3{font-size:1.1em;color:#4ecdc4;margin-bottom:12px;margin-top:20px}.subtitle{text-align:center;color:#888;margin-bottom:24px}input[type=text],input[type=number],select{background:#0f3460;border:2px solid #1a4a7a;color:#e0e0e0;padding:10px 14px;border-radius:8px;font-size:16px;outline:none;transition:border-color .2s;-webkit-appearance:none;appearance:none}input[type=text]:focus,input[type=number]:focus,select:focus{border-color:#4ecdc4}#login-form{display:flex;flex-direction:column;gap:12px;align-items:center}#username-input{width:100%;max-width:300px;text-align:center;font-size:1.2em}.profile-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.profile-item{background:#0f3460;border:2px solid #1a4a7a;border-radius:10px;padding:12px 16px;min-height:48px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:border-color .2s,transform .1s}.profile-item:hover,.profile-item:active{border-color:#4ecdc4;transform:scale(.98)}.profile-item .profile-name{font-weight:600}.profile-item .profile-phone{font-size:.85em;color:#888;font-family:monospace}.phone-display{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:16px}.phone-number{font-size:1.4em;font-weight:700;font-family:monospace;color:#4ecdc4}.btn-small{padding:10px 16px;font-size:.85em;min-height:44px}.login-action-btn{width:100%;margin-top:12px}.back-link{display:inline-flex;align-items:center;justify-content:center;margin-top:16px;padding:12px 0;min-height:44px;color:#b0b0b0;text-decoration:none;font-size:.9em;text-align:center;width:100%}.back-link:hover{color:#4ecdc4}#login-new-profile{display:flex;flex-direction:column;align-items:center}.btn{padding:14px 24px;min-height:44px;border:none;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:transform .1s,background-color .2s}.btn:hover{transform:scale(1.03)}.btn:active{transform:scale(.97)}.btn-primary{background:gold;color:#1a1a2e}.btn-primary:hover{background:#ffed4a}.btn-secondary{background:#3a3a5c;color:#e0e0e0}.btn-secondary:hover{background:#4a4a6c}.btn-accent{background:#4ecdc4;color:#1a1a2e}.btn-accent:hover{background:#6ee0d8}.lobby-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:16px}.lobby-header-right{display:flex;align-items:center;gap:8px}.player-badge{background:#4ecdc4;color:#1a1a2e;padding:4px 12px;border-radius:12px;font-weight:600;font-size:.9em;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{background:#3a3a5c;padding:4px 12px;border-radius:12px;font-size:.85em}.lobby-browser{display:flex;gap:16px;min-height:400px}.lobby-grid-col{width:240px;flex-shrink:0;display:flex;flex-direction:column;overflow:hidden}.lobby-grid-col .game-grid{flex:1;max-height:60vh;overflow-y:auto}.lobby-detail-col{flex:1;min-width:0}.section{margin-bottom:16px}.level-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.level-card{background:#0f3460;border:2px solid #1a4a7a;border-radius:12px;padding:16px;cursor:pointer;transition:border-color .2s,transform .1s}.level-card:hover{border-color:gold;transform:translateY(-2px)}.level-card:active{transform:scale(.98);border-color:gold}.level-card h4{color:gold;margin-bottom:4px}.level-card p{color:#888;font-size:.85em}.create-room-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.create-room-bar input{flex:1;min-width:150px}.create-room-bar select{min-width:120px}.room-list{display:flex;flex-direction:column;gap:8px}.room-item{background:#0f3460;border:2px solid #1a4a7a;border-radius:10px;padding:12px 16px;min-height:48px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:border-color .2s,transform .1s}.room-item:hover,.room-item:active{border-color:#4ecdc4;transform:scale(.98)}.room-item .room-info{display:flex;flex-direction:column}.room-item .room-name{font-weight:600}.room-item .room-meta{font-size:.85em;color:#b0b0b0}.room-item .room-players-count{font-size:.9em;color:#4ecdc4}.muted{color:#888;font-style:italic;text-align:center;padding:16px}.leaderboard-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.leaderboard-filters select{flex:1;min-width:120px}.game-description{color:#888;font-size:.85em;margin-bottom:8px}.leaderboard{width:100%;border-collapse:collapse;margin-top:8px;table-layout:fixed}.leaderboard th:first-child,.leaderboard td:first-child{width:40px}.leaderboard th:last-child,.leaderboard td:last-child{width:70px;text-align:right}.leaderboard td:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard th{text-align:left;padding:8px;border-bottom:2px solid #1a4a7a;color:#4ecdc4;font-size:.85em}.leaderboard td{padding:8px;border-bottom:1px solid #1a2a4a;font-size:.9em}.leaderboard tr:hover td{background:#4ecdc40d}.filter-section{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filter-label{font-size:.8em;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:1px;min-width:60px;flex-shrink:0}.collapsible>.filter-label{cursor:pointer;-webkit-user-select:none;user-select:none}.collapsible>.filter-label:hover{color:#4ecdc4}.filter-toggle-arrow{font-size:.8em;transition:transform .2s;display:inline-block}.collapsible:not(.collapsed)>.filter-label .filter-toggle-arrow{transform:rotate(90deg)}.collapsible.collapsed>.filter-pills{display:none}.filter-pills{display:flex;gap:6px;flex-wrap:wrap}.filter-pill{padding:6px 14px;min-height:36px;border:2px solid #3a3a5c;border-radius:18px;background:transparent;color:#ccc;font-size:.8em;font-weight:600;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s,transform .1s;white-space:nowrap}.filter-pill:hover{background:#4ecdc41a;border-color:#4ecdc4;transform:translateY(-1px)}.filter-pill.active{background:#4ecdc4;border-color:#4ecdc4;color:#1a1a2e}.filter-pill.active[style*=--pill-color]{background:var(--pill-color);border-color:var(--pill-color);color:#1a1a2e}.btn-link{background:none;border:none;color:#4ecdc4;font-size:.85em;cursor:pointer;text-decoration:underline;padding:4px 8px}.btn-link:hover{color:gold}.genre-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.75em;font-weight:700;letter-spacing:.5px;text-transform:uppercase;background:color-mix(in srgb,var(--genre-color, #4ECDC4) 20%,transparent);color:var(--genre-color, #4ECDC4)}@media(max-width:700px){.lobby-browser{flex-direction:column}.lobby-grid-col{width:100%;max-height:none}.lobby-grid-col .game-grid{max-height:180px;display:flex;gap:4px;overflow-x:auto;overflow-y:hidden}.lobby-grid-col .game-grid .game-card{flex-shrink:0;width:100px;flex-direction:column;text-align:center;padding:6px 4px}.filter-section{flex-direction:column;align-items:flex-start;gap:6px}.filter-label{min-width:unset}}.room-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.room-header h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.player-list{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.player-tag{display:flex;align-items:center;gap:6px;background:#0f3460;padding:8px 14px;border-radius:8px}.player-color-dot{width:12px;height:12px;border-radius:50%}.options-title{font-size:.9rem;color:#aaa;margin-bottom:8px}.option-toggle{display:flex;align-items:flex-start;gap:10px;background:#16213e;border:1px solid #0f3460;border-radius:8px;padding:10px 14px;margin-bottom:8px;cursor:pointer;transition:border-color .2s}.option-toggle.active{border-color:#e94560}.option-toggle input[type=checkbox]{margin-top:3px;accent-color:#e94560}.option-toggle input[type=checkbox]:disabled{cursor:default}.option-info{display:flex;flex-direction:column;gap:2px}.option-info strong{font-size:.95rem}.option-desc{font-size:.8rem;color:#aaa}#room-options{margin:12px 0}.room-actions{display:flex;gap:12px;margin-top:20px;justify-content:center}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-20px);padding:14px 24px;border-radius:12px;font-size:.95em;z-index:100;opacity:0;transition:opacity .3s,transform .3s;max-width:90vw;text-align:center;pointer-events:none}.toast-visible{opacity:1;transform:translate(-50%) translateY(0)}.toast-error{background:#c0392bf2;color:#fff;border:1px solid #FF6B6B}.toast-info{background:#0f3460f2;color:#e0e0e0;border:1px solid #4ECDC4}.btn:focus-visible,.game-card:focus-visible,.level-card:focus-visible,.profile-item:focus-visible,.room-item:focus-visible{outline:2px solid #4ECDC4;outline-offset:2px}@media(max-width:480px){.screen{padding:12px}.panel{padding:16px;border-radius:12px}h1{font-size:clamp(1.8em,8vw,2.5em)}h2{font-size:1.3em}h3{font-size:1em;margin-top:12px}.subtitle{margin-bottom:16px}.phone-display{flex-direction:column;gap:8px}.phone-number{font-size:1.2em}.create-room-bar{flex-direction:column}.create-room-bar input,.create-room-bar select,.create-room-bar .btn{width:100%;min-width:0}.room-actions{flex-direction:column;align-items:stretch}.level-grid{grid-template-columns:1fr 1fr;gap:8px}.level-card{padding:12px}.leaderboard td:last-child,.leaderboard th:last-child{width:60px}}@media(max-height:500px)and (orientation:landscape){.panel{padding:16px}h1{font-size:1.8em;margin-bottom:4px}h2{font-size:1.3em;margin-bottom:8px}h3{font-size:1em;margin-top:8px;margin-bottom:8px}.subtitle{margin-bottom:12px}.section{margin-bottom:8px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#screen-game{padding:0;flex-direction:column;align-items:center;background:#000;overflow:hidden}#game-canvas{display:block;background:#70c5ce;touch-action:none}#game-hud{position:fixed;top:calc(10px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);display:flex;gap:20px;max-width:calc(100vw - 20px);flex-wrap:wrap;justify-content:center;background:#00000080;padding:8px 20px;border-radius:20px;font-size:1.1em;font-weight:600;z-index:10}#hud-players{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.hud-player{display:flex;align-items:center;gap:4px;font-size:.85em}.hud-player.dead{opacity:.4;text-decoration:line-through}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#0009;z-index:20}#countdown-text{font-size:clamp(3em,15vw,6em);font-weight:900;color:gold;text-shadow:0 4px 20px rgba(255,215,0,.5);animation:pulse .5s ease-in-out}.death-text{font-size:clamp(1em,5vw,1.8em);font-weight:700;color:#ff6b6b;text-align:center;padding:0 20px}@keyframes pulse{0%{transform:scale(1.5);opacity:0}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}.game-loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#00000080;z-index:15;pointer-events:none}.game-loading-text{color:#fff;font-size:1.2rem;font-weight:600;text-shadow:0 2px 8px rgba(0,0,0,.6)}.game-selection{margin-bottom:16px}.game-filters{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.game-result-bar{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:8px 0;border-top:1px solid #2a3a5a}.game-result-bar span{font-size:.9em;color:#888}.playable-toggle{display:flex;align-items:center;gap:6px;font-size:.85em;color:#ccc;cursor:pointer;margin-left:auto;white-space:nowrap}.playable-toggle input[type=checkbox]{accent-color:#4ECDC4;width:16px;height:16px;cursor:pointer}.game-grid{display:grid;grid-template-columns:1fr;gap:4px;overflow-y:auto}.game-card{background:#1a2a4a;padding:8px 10px;border-radius:8px;display:flex;flex-direction:row;align-items:center;gap:8px;transition:transform .15s,border-color .15s,box-shadow .15s;border-left:3px solid var(--genre-color, #555)}.game-card--playable{cursor:pointer;border-top:1px solid transparent;border-right:1px solid transparent;border-bottom:1px solid transparent}.game-card--playable:hover{border-color:#4ecdc4;border-left-color:var(--genre-color, #4ECDC4);transform:translate(2px)}.game-card--playable.active{border-color:gold;border-left-color:var(--genre-color, #FFD700);box-shadow:0 0 8px #ffd70033;background:#1f3460}.game-card--idea{opacity:.5;border-top:1px dashed #555;border-right:1px dashed #555;border-bottom:1px dashed #555;cursor:pointer}.game-card--idea:hover{opacity:.75}.game-card--idea.active{opacity:.85;border-color:gold;border-style:solid;background:#ffd70014}.game-card-emoji{font-size:1.3em;line-height:1;flex-shrink:0}.game-card-icon{width:28px;height:28px;flex-shrink:0;object-fit:contain}.game-detail-icon{width:64px;height:64px;object-fit:contain}@media(min-width:768px){.game-detail-icon{width:80px;height:80px}}.game-card-name{font-size:.85em;font-weight:700;color:gold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.type-badge{font-size:.7em;padding:2px 8px;border-radius:4px}.type-badge--realtime{background:#e17055;color:#fff}.type-badge--turnbased{background:#6c5ce7;color:#fff}.idea-badge{background:#555;color:#aaa;font-size:.7em;padding:2px 6px;border-radius:4px}.game-detail{background:#0f3460;border:2px solid #1a4a7a;border-radius:12px;padding:20px}.game-detail-header{display:flex;align-items:center;gap:12px}.game-detail-emoji{font-size:2.2em;flex-shrink:0}.game-detail-title{flex:1;min-width:0}.game-detail-title strong{display:block;color:gold;font-size:1.15em}.game-detail-title span{color:#ccc;font-size:.9em}.game-detail-meta{display:flex;align-items:center;gap:8px;margin:10px 0;flex-wrap:wrap}.game-detail-meta>span{font-size:.85em;color:#aaa}.setup-icons{display:flex;gap:4px}.setup-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:.8em;border-radius:4px;background:#ffffff14}.detail-tabs{display:flex;gap:4px;border-bottom:2px solid #1a4a7a;margin:14px 0 12px}.detail-tab{padding:8px 16px;min-height:36px;background:transparent;border:none;border-bottom:2px solid transparent;color:#888;font-size:.85em;font-weight:600;cursor:pointer;transition:color .2s,border-color .2s;margin-bottom:-2px}.detail-tab:hover{color:#ccc}.detail-tab.active{color:gold;border-bottom-color:gold}.detail-tab-content{display:none}.detail-tab-content.active{display:block}.detail-tab-content p{color:#ccc;font-size:.9em;line-height:1.5;margin-bottom:8px}#detail-long{padding-top:10px;border-top:1px solid #1a4a7a;color:#aaa;font-size:.85em;line-height:1.6}.detail-howtoplay{color:#ccc;font-size:.85em;line-height:1.7;white-space:pre-line}.screenshot-gallery{text-align:center}.gallery-preview{width:100%;max-height:300px;object-fit:contain;border-radius:8px;background:#0a0a1a}.gallery-caption{text-align:center;color:#888;font-size:.85em;margin:6px 0 10px}.gallery-thumbs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.gallery-thumb{width:80px;height:50px;object-fit:cover;border-radius:4px;cursor:pointer;border:2px solid transparent;opacity:.6;transition:opacity .2s,border-color .2s}.gallery-thumb:hover{opacity:.9}.gallery-thumb.active{border-color:gold;opacity:1}.gallery-empty{color:#666;font-style:italic;padding:20px}.detail-tab-content select{margin-bottom:8px}.detail-play-section{margin-top:16px;padding-top:16px;border-top:1px solid #1a4a7a}.speech-input-container{position:fixed;bottom:60px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;z-index:15;max-width:calc(100vw - 24px);box-sizing:border-box}.speech-status{color:#e0e0e0;font-size:.95em;text-align:center;background:#0009;padding:6px 16px;border-radius:12px;max-width:min(280px,calc(100vw - 24px))}.mic-btn{width:48px;height:48px;min-height:44px;border:2px solid #4ECDC4;border-radius:50%;background:#0f3460;font-size:1.2em;cursor:pointer;transition:background-color .2s,border-color .2s,transform .1s;display:flex;align-items:center;justify-content:center}.mic-btn-large{width:72px;height:72px;font-size:1.8em}.mic-btn:hover{background:#1a4a7a;transform:scale(1.05)}.mic-btn:active{transform:scale(.95)}.mic-btn.recording{background:#c0392b;border-color:#ff6b6b;animation:mic-pulse 1s ease-in-out infinite}.mic-btn:disabled{opacity:.4;cursor:default;transform:none}@keyframes mic-pulse{0%,to{box-shadow:0 0 #ff6b6b66}50%{box-shadow:0 0 0 10px #ff6b6b00}}.speech-status-error{color:#ff6b6b}.speech-event-log{font-family:monospace;font-size:11px;background:#0009;color:#aaa;border-radius:8px;padding:6px 10px;max-height:140px;overflow-y:auto;width:300px;margin-top:8px}.speech-event-log .ev-error{color:#ff6b6b}.speech-event-log .ev-result{color:#4ecdc4}.mic-btn-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.cooldown-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;filter:drop-shadow(0 0 6px rgba(78,205,196,.5))}.volume-meter{width:200px;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.volume-bar{height:100%;width:0%;background:#4ecdc4;border-radius:4px;transition:width .05s linear}.schaetz-input{width:min(200px,calc(100vw - 120px));padding:10px 16px;border:2px solid #4ECDC4;border-radius:12px;background:#0f3460;color:#e0e0e0;font-size:1.1em;text-align:center;outline:none;box-sizing:border-box}.schaetz-input:focus{border-color:gold;box-shadow:0 0 8px #ffd7004d}.schaetz-input:disabled{opacity:.4;cursor:default}.speech-input-container .mic-btn:not(.mic-btn-large){width:auto;border-radius:12px;padding:10px 20px;font-size:.95em;color:#e0e0e0}.rank-1{color:gold;font-weight:700}.rank-2{color:silver;font-weight:600}.rank-3{color:#cd7f32;font-weight:600}@media(max-width:480px){.game-grid{gap:3px}#game-hud{font-size:.85em;padding:5px 12px;gap:10px}.hud-player{font-size:.75em}.speech-event-log{width:min(300px,calc(100vw - 24px))}.volume-meter{width:min(200px,calc(100vw - 48px))}}.poker-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0e1a;overflow:hidden;font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:#e0e0e0;-webkit-user-select:none;user-select:none}.poker-table{position:relative;width:min(90vw,720px);height:min(55vh,420px);border-radius:50%;background:radial-gradient(ellipse at 50% 50%,#1a6b3c,#145a30 60%,#0e4a26);border:8px solid #5c3a1e;box-shadow:0 0 0 4px #3d2512,0 0 0 12px #2a1a0c,0 8px 32px #0009,inset 0 0 60px #00000026;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}.poker-community{display:flex;gap:6px;align-items:center;justify-content:center;min-height:80px;z-index:2}.poker-community-slot{width:52px;height:74px;border:2px dashed rgba(255,255,255,.15);border-radius:6px;display:flex;align-items:center;justify-content:center;perspective:600px}.poker-community-slot.dealt{border:none}.poker-pot{display:flex;align-items:center;justify-content:center;gap:6px;padding:4px 16px;background:#00000073;border-radius:16px;font-size:.95em;font-weight:700;color:gold;z-index:2;min-height:28px}.poker-pot-icon{font-size:1.1em}.poker-pot-amount{letter-spacing:.5px}.poker-seat{position:absolute;display:flex;flex-direction:column;align-items:center;gap:2px;z-index:3;transition:opacity .3s}.poker-seat.folded{opacity:.35}.poker-seat.active-turn{filter:drop-shadow(0 0 10px rgba(255,215,0,.5))}.poker-seat-info{display:flex;flex-direction:column;align-items:center;background:#0a0e1ad9;border:2px solid #333;border-radius:10px;padding:4px 10px;min-width:80px;transition:border-color .3s}.poker-seat.active-turn .poker-seat-info{border-color:gold}.poker-player-name{font-size:.8em;font-weight:700;color:#e0e0e0;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.poker-player-stack{font-size:.75em;color:#4ecdc4;font-weight:600}.poker-player-cards{display:flex;gap:2px;justify-content:center;min-height:50px;perspective:600px}.poker-player-bet{font-size:.7em;color:gold;font-weight:700;background:#00000080;padding:1px 8px;border-radius:8px;min-height:16px}.poker-player-bet:empty{display:none}.poker-timer{width:70px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-top:2px}.poker-timer-fill{height:100%;background:#4ecdc4;border-radius:2px;transition:width .25s linear}.poker-timer-fill.urgent{background:#ff6b6b}.poker-timer:not(.visible){visibility:hidden}.poker-dealer-btn{position:absolute;width:24px;height:24px;background:radial-gradient(circle,#fff,#ddd);border:2px solid #333;border-radius:50%;font-size:10px;font-weight:900;color:#111;display:flex;align-items:center;justify-content:center;z-index:5;box-shadow:0 2px 6px #0006;transition:top .4s ease,left .4s ease}.poker-card{width:44px;height:62px;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Georgia,serif;position:relative;box-shadow:0 1px 4px #0000004d;transition:transform .2s;flex-shrink:0}.poker-card-face{background:linear-gradient(135deg,#fff,#f5f5f0);border:1px solid #bbb}.poker-card-back{background:linear-gradient(135deg,#1a3a8a,#0f2460,#1a3a8a);border:1px solid #0a1840;background-image:linear-gradient(135deg,#1a3a8a,#0f2460,#1a3a8a),repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(255,255,255,.03) 4px,rgba(255,255,255,.03) 8px)}.poker-card-back:after{content:"";position:absolute;inset:4px;border:1px solid rgba(255,255,255,.12);border-radius:3px}.poker-card-rank{font-size:14px;font-weight:700;line-height:1}.poker-card-suit{font-size:16px;line-height:1}.poker-card-corner{position:absolute;top:2px;left:3px;display:flex;flex-direction:column;align-items:center;line-height:1}.poker-card-corner-rank{font-size:9px;font-weight:700}.poker-card-corner-suit{font-size:8px}.poker-card.red{color:#c00}.poker-card.black{color:#111}.poker-card.community{width:52px;height:74px}.poker-card.community .poker-card-rank{font-size:17px}.poker-card.community .poker-card-suit{font-size:20px}.poker-card.community .poker-card-corner-rank,.poker-card.community .poker-card-corner-suit{font-size:10px}.poker-card.hole{width:36px;height:50px}.poker-card.hole .poker-card-rank{font-size:12px}.poker-card.hole .poker-card-suit{font-size:13px}.poker-card.hole .poker-card-corner{display:none}.poker-actions{position:fixed;bottom:0;left:0;right:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:linear-gradient(to top,#0a0e1af2,#0a0e1acc);z-index:20}.poker-action-btn{min-width:70px;min-height:44px;padding:8px 16px;border:2px solid transparent;border-radius:10px;font-size:.9em;font-weight:700;cursor:pointer;transition:transform .1s,filter .1s,box-shadow .2s;color:#fff}.poker-action-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.poker-action-btn:active:not(:disabled){transform:scale(.95)}.poker-action-btn:disabled{opacity:.35;cursor:default}.poker-action-btn--fold{background:#c0392b;border-color:#e74c3c}.poker-action-btn--check{background:#2980b9;border-color:#3498db}.poker-action-btn--call{background:#27ae60;border-color:#2ecc71}.poker-action-btn--raise{background:#d35400;border-color:#e67e22}.poker-action-btn--allin{background:#8e44ad;border-color:#9b59b6}.poker-raise-group{display:flex;align-items:center;gap:8px}.poker-raise-slider{width:120px;height:6px;-webkit-appearance:none;appearance:none;background:#ffffff26;border-radius:3px;outline:none}.poker-raise-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:#e67e22;border:2px solid #fff;border-radius:50%;cursor:pointer}.poker-raise-slider::-moz-range-thumb{width:18px;height:18px;background:#e67e22;border:2px solid #fff;border-radius:50%;cursor:pointer}.poker-raise-amount{font-size:.85em;font-weight:700;color:#e67e22;min-width:40px;text-align:center}.poker-hand-rank{position:absolute;bottom:100px;left:50%;transform:translate(-50%);background:#000000b3;color:gold;font-weight:700;font-size:.9em;padding:4px 14px;border-radius:12px;z-index:6;white-space:nowrap}.poker-showdown-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000bf;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:15;border-radius:50%;padding:20px}.poker-showdown-title{font-size:1.3em;font-weight:900;color:gold;text-transform:uppercase;letter-spacing:2px}.poker-showdown-hand{display:flex;align-items:center;gap:10px;background:#ffffff0d;padding:6px 14px;border-radius:10px}.poker-showdown-hand-name{font-size:.85em;font-weight:700;color:#e0e0e0;min-width:80px}.poker-showdown-hand-cards{display:flex;gap:3px}.poker-showdown-hand-rank{font-size:.8em;color:#4ecdc4;font-weight:600;min-width:100px;text-align:right}.poker-showdown-hand.winner{background:#ffd70026;border:1px solid rgba(255,215,0,.3)}.poker-round-end{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;z-index:16;border-radius:50%}.poker-round-end-title{font-size:1.1em;font-weight:900;color:gold}.poker-round-end-dist{font-size:.9em;color:#4ecdc4;font-weight:600}.poker-seat.fold-animate .poker-player-cards{animation:poker-fold-cards .4s ease-out forwards}@keyframes poker-fold-cards{0%{opacity:1;transform:scale(1) rotateY(0)}to{opacity:0;transform:scale(.7) rotateY(90deg)}}.poker-seat.winner{z-index:10}@keyframes poker-allin-flash{0%{box-shadow:0 0 #ffd700cc}40%{box-shadow:0 0 30px 10px #ffd70099}to{box-shadow:0 0 #ffd70000}}.poker-seat.allin-flash .poker-seat-info{animation:poker-allin-flash .6s ease-out;border-color:gold!important}@keyframes poker-particle-fly{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.3)}}.poker-allin-particle{position:absolute;width:6px;height:6px;background:gold;border-radius:50%;pointer-events:none;z-index:20;animation:poker-particle-fly .65s ease-out forwards;box-shadow:0 0 4px #ffd70099}@keyframes poker-deal{0%{opacity:0;transform:translateY(-20px) rotateY(90deg)}50%{opacity:1;transform:translateY(-5px) rotateY(45deg)}to{opacity:1;transform:translateY(0) rotateY(0)}}.poker-card{backface-visibility:hidden}.poker-card.dealing{animation:poker-deal .5s ease-out forwards}@keyframes poker-chip-fly{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.poker-pot.updating{animation:poker-chip-fly .3s ease-out}@keyframes poker-win-pulse{0%,to{box-shadow:0 0 8px 2px #ffd7004d}50%{box-shadow:0 0 20px 8px #ffd70080}}.poker-seat.winner .poker-seat-info{border-color:gold;animation:poker-win-pulse 1.2s ease-in-out infinite;background:#ffd7001a}@media(max-width:600px){.poker-table{width:95vw;height:50vh;border-width:5px}.poker-card.community{width:42px;height:60px}.poker-card.community .poker-card-rank{font-size:14px}.poker-card.community .poker-card-suit{font-size:16px}.poker-card.hole{width:30px;height:42px}.poker-card.hole .poker-card-rank{font-size:10px}.poker-card.hole .poker-card-suit{font-size:11px}.poker-seat-info{min-width:60px;padding:2px 6px}.poker-player-name{font-size:.7em;max-width:60px}.poker-player-stack{font-size:.65em}.poker-action-btn{min-width:56px;padding:6px 10px;font-size:.8em}.poker-raise-slider{width:80px}.poker-dealer-btn{width:20px;height:20px;font-size:8px}.poker-pot{font-size:.8em;padding:2px 10px}.poker-hand-rank{font-size:.75em;bottom:80px}.poker-showdown-hand{padding:4px 8px;gap:6px}.poker-showdown-hand-name{font-size:.7em;min-width:50px}.poker-showdown-hand-rank{font-size:.7em;min-width:70px}}@media(max-width:375px){.poker-table{height:45vh}.poker-actions{gap:4px;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px))}.poker-action-btn{min-width:48px;min-height:40px;padding:4px 8px;font-size:.75em}.poker-raise-slider{width:60px}}