:root{--bg-primary: #060200;--bg-felt: radial-gradient(circle at center, #2e1102 0%, #060200 100%);--accent-gold: #f59e0b;--accent-gold-glow: rgba(245, 158, 11, .35);--accent-emerald: #10b981;--accent-emerald-glow: rgba(16, 185, 129, .3);--accent-rose: #ef4444;--accent-rose-glow: rgba(239, 68, 68, .35);--glass-bg: rgba(15, 8, 3, .82);--glass-bg-hover: rgba(25, 13, 5, .95);--glass-border: rgba(245, 158, 11, .08);--glass-highlight: rgba(255, 255, 255, .04);--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Geist", monospace;--transition-fluid: all .6s cubic-bezier(.34, 1.56, .64, 1);--transition-card: all .5s cubic-bezier(.25, .8, .25, 1);--inner-radius: 1.5rem;--outer-radius: 2rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:#f3f4f6;overflow-x:hidden;min-height:100dvh}.mesh-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;overflow:hidden;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(140px);opacity:.18;mix-blend-mode:screen;pointer-events:none}.orb-1{top:-10%;left:10%;width:50vw;height:50vw;background:radial-gradient(circle,#f97316 0%,transparent 80%);animation:float-slow 30s infinite alternate}.orb-2{bottom:-10%;right:10%;width:45vw;height:45vw;background:radial-gradient(circle,#eab308 0%,transparent 80%);animation:float-slow 25s infinite alternate-reverse}.orb-3{top:40%;left:50%;width:35vw;height:35vw;background:radial-gradient(circle,#ef4444 0%,transparent 80%);opacity:.1;animation:float-slow 35s infinite alternate}@keyframes float-slow{0%{transform:translate(0) scale(1)}to{transform:translate(5%,5%) scale(1.15)}}.film-grain{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:50;pointer-events:none;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.btn-lang-toggle{background:#ffffff08;border:1px solid var(--glass-border);padding:.35rem .75rem;border-radius:9999px;cursor:pointer;font-family:var(--font-sans);font-size:.75rem;color:#ffffffb3;font-weight:600;transition:var(--transition-fluid);line-height:1;min-width:2.5rem;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 1px #ffffff0d}.btn-lang-toggle:hover{background:#ffffff14;color:#fff;border-color:#ffffff26;transform:translateY(-1px)}.btn-lang-toggle:active{transform:scale(.97)}.input-group-bezel:focus-within,.join-room-bezel:focus-within{border-color:#f59e0b66;box-shadow:0 10px 30px var(--accent-gold-glow)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}#app{min-height:100dvh;display:flex;flex-direction:column}.main-header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:1.5rem auto 0;padding:.75rem 2rem;background:#0a0a0c66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:9999px;z-index:10;box-shadow:inset 0 1px 1px #ffffff0d}@media (max-width: 768px){.main-header{margin:1rem;width:auto;padding:.75rem 1.25rem}}.logo{font-family:var(--font-sans);font-weight:700;font-size:1.25rem;letter-spacing:-.03em;color:#fff}.logo-accent{background:linear-gradient(135deg,#ff7a00 0%,var(--accent-gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.connection-status{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:500;color:#fff9;background:#ffffff08;padding:.35rem .75rem;border-radius:9999px;border:1px solid rgba(255,255,255,.05)}.status-indicator{display:inline-block;width:6px;height:6px;border-radius:50%}.status-indicator.online{background-color:var(--accent-emerald);box-shadow:0 0 8px var(--accent-emerald-glow)}.status-indicator.offline{background-color:var(--accent-rose);box-shadow:0 0 8px var(--accent-rose-glow)}.content-container{display:flex;justify-content:center;align-items:center;width:100%;max-width:1280px;margin:0 auto;padding:2rem}@media (max-width: 768px){.content-container{padding:1rem}}.outer-bezel{background:#ffffff04;border:1px solid rgba(255,255,255,.03);border-radius:var(--outer-radius);padding:.5rem;box-shadow:0 30px 60px #0006}.inner-core{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:calc(var(--outer-radius) - .5rem);padding:2rem;box-shadow:inset 0 1px 1px var(--glass-highlight)}.screen{display:none;width:100%;min-height:500px}.screen.active{display:block}.eyebrow{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.2em;font-weight:600;color:var(--accent-gold);margin-bottom:.5rem}.btn{font-family:var(--font-sans);font-weight:600;font-size:.875rem;border-radius:9999px;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:space-between;transition:var(--transition-fluid);position:relative;overflow:hidden;text-decoration:none;outline:none;height:2.75rem;padding:.25rem .25rem .25rem 1.5rem}.btn-icon-wrapper{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:50%;transition:var(--transition-fluid);margin-left:1rem}.btn:hover .btn-icon-wrapper{transform:scale(1.05) translate(1px,-1px)}.btn:active{transform:scale(.97)!important}.btn-primary{background:#fff;color:#000}.btn-primary .btn-icon-wrapper{background:#0000000f;color:#000}.btn-primary:hover{background:#f3f4f6;transform:translateY(-2px);box-shadow:0 10px 20px #ffffff1a}.btn-primary:disabled{background:#fff3;color:#fff6;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary:disabled .btn-icon-wrapper{background:transparent;color:#ffffff4d}.btn-secondary{background:#ffffff08;color:#fff;border:1px solid var(--glass-border);padding-left:1.25rem}.btn-secondary .btn-icon-wrapper{background:#ffffff0d;color:#fff}.btn-secondary:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-2px)}.btn-danger{background:#f43f5e1a;color:var(--accent-rose);border:1px solid rgba(244,63,94,.2);padding-left:1.25rem}.btn-danger .btn-icon-wrapper{background:#f43f5e1a;color:var(--accent-rose)}.btn-danger:hover{background:#f43f5e33;transform:translateY(-2px);box-shadow:0 10px 20px #f43f5e1a}.btn-text{font-family:var(--font-sans);background:none;border:none;color:#ffffff80;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;transition:var(--transition-fluid)}.btn-text:hover{color:#fff}#screen-welcome{max-width:480px;margin:0 auto}.welcome-content h1{font-size:2.25rem;font-weight:800;letter-spacing:-.04em;color:#fff;margin-bottom:.75rem;line-height:1.1}.welcome-content p.subtitle{font-size:.925rem;color:#ffffff80;line-height:1.5;margin-bottom:2rem}.input-group-bezel{margin-bottom:1.5rem;box-shadow:none}.input-core{padding:.5rem 1rem;display:flex;align-items:center;gap:.75rem;background:#00000040;border-color:#ffffff0a}.input-icon{font-size:1.25rem;color:#ffffff59}.input-core input{background:none;border:none;outline:none;color:#fff;font-family:var(--font-sans);font-size:1rem;font-weight:500;width:100%}.input-core input::placeholder{color:#ffffff40}.lobby-actions{display:flex;flex-direction:column;gap:1rem}.lobby-actions .btn{justify-content:center}.divider{display:flex;align-items:center;text-align:center;color:#fff3;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin:.5rem 0}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid rgba(255,255,255,.05)}.divider span{padding:0 1rem}.join-room-bezel{box-shadow:none;padding:.35rem}.join-core{padding:.35rem .35rem .35rem 1rem;display:flex;align-items:center;background:#00000040}.join-core input{background:none;border:none;outline:none;color:#fff;font-family:var(--font-mono);font-size:1rem;font-weight:600;letter-spacing:.2em;width:100%;text-transform:uppercase}.join-core input::placeholder{letter-spacing:normal;text-transform:none;color:#ffffff40;font-family:var(--font-sans);font-weight:500}.join-core .btn{flex-shrink:0}.lobby-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;max-width:1100px;margin:0 auto;width:100%}@media (max-width: 768px){.lobby-grid{grid-template-columns:1fr;gap:1.5rem}}.lobby-code-display-bezel{box-shadow:0 10px 35px #0006;padding:.35rem;margin-bottom:.5rem}.lobby-code-core{padding:.75rem 1.25rem;background:#0000004d;display:flex;flex-direction:column;gap:.25rem}.room-code-value-row{display:flex;align-items:center;justify-content:space-between}.room-code-display-text{font-family:var(--font-mono);font-size:2.25rem;font-weight:800;letter-spacing:.15em;color:var(--accent-gold);text-shadow:0 0 15px var(--accent-gold-glow)}.btn-copy-icon{background:#ffffff08;border:1px solid rgba(255,255,255,.06);width:2.5rem;height:2.5rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.15rem;color:#fff9;transition:var(--transition-fluid);outline:none}.btn-copy-icon:hover{background:#ffffff14;color:#fff;border-color:#ffffff26;transform:scale(1.05)}.btn-copy-icon:active{transform:scale(.95)}.rules-list-items li{margin-bottom:.5rem}.rules-list-items li strong{color:#fff}.rules-list-items li:last-child{margin-bottom:0}.lobby-panel{height:100%}.lobby-settings,.player-list-panel{display:flex;flex-direction:column;height:100%;min-height:520px}.lobby-settings h2{font-size:1.75rem;font-weight:800;letter-spacing:-.03em;margin-bottom:.5rem}.lobby-settings p{font-size:.875rem;color:#fff6;line-height:1.5;margin-bottom:2rem}.game-select-section{display:flex;flex-direction:column;gap:.75rem;flex-grow:1}.section-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600;color:#ffffff59}.game-cards-container{display:flex;flex-direction:column;gap:.75rem}.game-card-option{position:relative;cursor:pointer;background:#ffffff04;border:1px solid rgba(255,255,255,.03);border-radius:1.25rem;padding:.35rem;transition:var(--transition-fluid)}.game-card-option .game-card-inner{background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:.9rem;padding:1.25rem;display:flex;align-items:center;gap:1.25rem;transition:var(--transition-fluid)}.game-card-icon{width:2.75rem;height:2.75rem;border-radius:.875rem;background:#ffffff0a;display:flex;align-items:center;justify-content:center;font-size:1.35rem;color:#fff6;border:1px solid rgba(255,255,255,.05);transition:var(--transition-fluid)}.game-card-details h4{font-size:1rem;font-weight:700;color:#fff;margin-bottom:.25rem}.game-card-details p{font-size:.775rem;color:#ffffff73;line-height:1.35;margin:0}.game-card-option.active{border-color:#7c3aed26}.game-card-option.active .game-card-inner{background:#7c3aed0d;border-color:#7c3aed4d;box-shadow:inset 0 1px 1px #ffffff0d,0 10px 30px #7c3aed26}.game-card-option.active .game-card-icon{background:#7c3aed26;border-color:#7c3aed4d;color:#c084fc}.game-card-option:hover:not(.active){border-color:#ffffff14}.game-card-option:hover:not(.active) .game-card-inner{background:#ffffff0a}.lobby-footer-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:2rem}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:1rem}.panel-header h3{font-size:1.2rem;font-weight:700}.player-count-badge{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);padding:.25rem .75rem;border-radius:9999px;font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:#fff9}.player-cards-list{display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;flex-grow:1;max-height:400px}.player-list-item{display:flex;align-items:center;justify-content:space-between;background:#ffffff05;border:1px solid rgba(255,255,255,.05);padding:.85rem 1.25rem;border-radius:1rem;transition:var(--transition-fluid)}.player-list-item.self{border-color:#ffffff26;background:#ffffff08}.player-info-meta{display:flex;align-items:center;gap:.75rem}.player-avatar{width:2.25rem;height:2.25rem;border-radius:50%;background:linear-gradient(135deg,#f97316,#eab308);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;color:#fff;box-shadow:0 4px 10px #f9731640}.player-list-item.offline .player-avatar{background:#374151;box-shadow:none}.player-details h5{font-size:.95rem;font-weight:600;color:#fff}.player-details span{font-size:.7rem;color:#fff6;display:block}.badge-tag{font-size:9px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;padding:.15rem .5rem;border-radius:4px}.badge-tag.host{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.badge-tag.spectator{background:#ffffff0a;color:#ffffff80;border:1px solid rgba(255,255,255,.08)}.animate-fade-in{animation:fadeIn .8s cubic-bezier(.32,.72,0,1) forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}#screen-game-table{max-width:100%}.game-arena-layout{display:flex;flex-direction:column;gap:1.5rem;width:100%}.table-top-bar{display:flex;justify-content:space-between;align-items:center;padding:0 .5rem}.game-info-badge{background:#ffffff08;border:1px solid rgba(255,255,255,.06);padding:.5rem 1.25rem;border-radius:9999px;display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.875rem}.game-info-badge i{color:var(--accent-gold)}.table-felt-outer{background:#ffffff03;border:1px solid rgba(255,255,255,.03);border-radius:2.5rem;padding:.75rem;box-shadow:0 40px 80px #0009}.table-felt{position:relative;background:var(--bg-felt);border:2px solid rgba(255,255,255,.04);border-radius:1.75rem;min-height:480px;display:flex;flex-direction:column;justify-content:space-between;padding:2.5rem;overflow:hidden}.felt-glow{position:absolute;top:50%;left:50%;width:60%;height:60%;background:radial-gradient(circle,rgba(16,185,129,.12) 0%,transparent 70%);transform:translate(-50%,-50%);pointer-events:none;z-index:1}.opponents-container{display:flex;justify-content:space-evenly;width:100%;z-index:2}.opponent-seat{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative;transition:var(--transition-fluid)}.opponent-seat.active-turn .opponent-profile{border-color:var(--accent-emerald);box-shadow:0 0 15px var(--accent-emerald-glow)}.opponent-profile{background:#00000080;border:2px solid rgba(255,255,255,.1);padding:.5rem 1rem;border-radius:9999px;display:flex;align-items:center;gap:.5rem;transition:var(--transition-fluid)}.opponent-profile.offline{opacity:.5}.opponent-avatar{width:1.5rem;height:1.5rem;border-radius:50%;background:linear-gradient(135deg,#f97316,#eab308);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.65rem}.opponent-name{font-size:.8rem;font-weight:600;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opponent-cards-visual{display:flex;margin-top:.25rem}.opponent-card-back{width:1.75rem;height:2.5rem;background:linear-gradient(135deg,#1e1b4b,#03001e);border:1.5px solid rgba(255,255,255,.2);border-radius:3px;margin-left:-1rem;box-shadow:2px 2px 5px #0006}.opponent-card-back:first-child{margin-left:0}.table-center-zone{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;flex-grow:1;z-index:2;margin:1rem 0}.piles-row{display:flex;justify-content:center;align-items:center;gap:4rem}@media (max-width: 768px){.piles-row{gap:1.5rem}}.center-pile{position:relative;width:90px;height:130px;border-radius:.75rem;border:2px dashed rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;transition:var(--transition-fluid)}.center-pile.clickable{cursor:pointer;border-color:#ffffff40}.center-pile.clickable:hover{transform:translateY(-4px);border-color:var(--accent-gold)}.pile-label{position:absolute;bottom:-1.75rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;font-weight:700;color:#ffffff59;white-space:nowrap}.pile-count{position:absolute;top:-.65rem;right:-.65rem;width:1.25rem;height:1.25rem;border-radius:50%;background:#fffffff2;color:#000;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.65rem;font-weight:700;z-index:4}.card-back-stack{position:absolute;top:0;right:0;bottom:0;left:0}.deck-card{position:absolute;width:100%;height:100%;border-radius:.65rem;background:linear-gradient(135deg,#3a1502,#0f0500);border:1.5px solid rgba(245,158,11,.25);box-shadow:0 4px 8px #00000080;transition:var(--transition-card)}.deck-card:nth-child(1){transform:translate(0)}.deck-card:nth-child(2){transform:translate(-2px,-2px)}.deck-card:nth-child(3){transform:translate(-4px,-4px)}.card-model{position:relative;width:90px;height:130px;border-radius:.65rem;background:#140c06f5;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;padding:.5rem;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 25px #00000080,inset 0 1px 1px #ffffff0d;transition:var(--transition-card);-webkit-user-select:none;user-select:none}.card-model.red{color:var(--accent-rose);border-color:#f43f5e59;box-shadow:0 10px 25px #00000080,0 0 15px #f43f5e26,inset 0 1px 1px #ffffff0d}.card-model.black{color:#f3f4f6;border-color:#ffffff1f}.card-model.mini{width:65px;height:95px;padding:.35rem;border-radius:.45rem}.card-model.mini .card-center-suit{font-size:1.5rem;margin-top:-10px}.card-model.mini .card-value{font-size:.85rem}.card-model.mini .card-coating{font-size:.6rem}.card-coating{font-size:.75rem}.card-top-left{display:flex;flex-direction:column;align-items:center;line-height:1}.card-value{font-family:var(--font-mono);font-weight:700;font-size:1.25rem;letter-spacing:-.05em}.card-suit{font-size:.85rem}.card-center-suit{font-size:2.25rem;align-self:center;line-height:1}.card-model-back{background:linear-gradient(135deg,#3a1502,#0f0500);border:1.5px solid rgba(245,158,11,.35);color:transparent;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px #0009,0 0 15px #f59e0b26,inset 0 1px 1px #ffffff0d}.card-model-back:after{content:"✦";font-size:2rem;color:#f59e0b59}.custom-center-panel{z-index:3;width:100%;display:flex;justify-content:center;pointer-events:auto}.blackjack-dealer-box{background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:1.25rem;padding:.85rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;box-shadow:0 15px 30px #00000080}.dealer-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;font-weight:700;color:#fff6}.dealer-cards{display:flex;gap:.5rem}.dealer-score-tag{background:#ffffff1a;padding:.15rem .5rem;border-radius:4px;font-family:var(--font-mono);font-size:.75rem;font-weight:700}.turn-banner{width:max-content;align-self:center;background:#0009;border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1.75rem;border-radius:9999px;font-size:.8rem;font-weight:600;z-index:3;letter-spacing:.05em;box-shadow:0 10px 25px #0000004d;text-align:center}.turn-banner.my-turn{background:#10b98126;border-color:#10b98159;color:#34d399;animation:pulse-border 2s infinite}@keyframes pulse-border{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}.turn-timer-badge{font-family:var(--font-mono);font-weight:700;background:#ffffff1a;padding:.15rem .5rem;border-radius:.35rem;font-size:.75rem;color:var(--accent-gold);transition:all .3s ease}.table-bottom-bar{display:grid;grid-template-columns:200px 1fr 280px;gap:2rem;width:100%}@media (max-width: 1024px){.table-bottom-bar{grid-template-columns:1fr;gap:1.5rem}}.custom-controls-zone{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.75rem}@media (max-width: 1024px){.custom-controls-zone{align-items:center;order:2}}.action-panel-box{width:100%;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:1.25rem;padding:1rem}.action-row{display:flex;gap:.5rem;width:100%}.chips-bet-slider{display:flex;flex-direction:column;gap:.5rem;width:100%}.chips-header{display:flex;justify-content:space-between;font-size:.75rem;font-weight:600;color:#ffffff80}.chips-val{font-family:var(--font-mono);color:#fff}.chips-bet-slider input[type=range]{-webkit-appearance:none;width:100%;height:6px;border-radius:3px;background:#ffffff1a;outline:none}.chips-bet-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 0 10px #ffffff80;transition:transform .2s}.chips-bet-slider input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.player-hand-container{display:flex;flex-direction:column;gap:.75rem}@media (max-width: 1024px){.player-hand-container{order:1}}.hand-header{display:flex;justify-content:space-between;align-items:center;padding:0 .5rem}.hand-count{font-size:.75rem;font-family:var(--font-mono);color:#fff6;font-weight:500}.player-hand-scroll-wrapper{overflow-x:auto;overflow-y:hidden;padding:1rem 2rem 2.5rem;margin:0 -2rem}.player-hand{display:flex;justify-content:center;align-items:flex-end;height:160px;position:relative;min-width:100%;width:max-content}.player-hand .card-model{cursor:pointer;position:absolute;bottom:0;transform-origin:bottom center}.player-hand .card-model:hover{transform:translateY(-24px) scale(1.18) rotate(0)!important;z-index:100!important;box-shadow:0 15px 35px var(--accent-gold-glow);border-color:#f59e0b80}.history-side-panel{box-shadow:none;padding:.35rem}.history-content{padding:1rem;display:flex;flex-direction:column;gap:.75rem;background:#0003;min-height:180px;max-height:180px}@media (max-width: 1024px){.history-content{min-height:140px;max-height:140px}.history-side-panel{order:3}}.history-header{display:flex;align-items:center;gap:.5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:#fff6;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:.5rem}.history-logs{overflow-y:auto;flex-grow:1;display:flex;flex-direction:column;gap:.4rem;font-family:var(--font-sans);font-size:.75rem;color:#ffffffa6;line-height:1.4}.log-entry{padding:.25rem .5rem;border-radius:4px;background:#ffffff03}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:100;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:var(--transition-fluid)}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-content{width:100%;max-width:440px;margin:0 1rem}.modal-content h3{font-size:1.25rem;font-weight:800;margin-bottom:.5rem}.modal-content p{font-size:.85rem;color:#ffffff73;margin-bottom:1.5rem}.suit-choices-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.suit-choice-btn{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:1rem;padding:1.25rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.5rem;font-family:var(--font-sans);font-weight:700;font-size:.95rem;color:#fff;transition:var(--transition-fluid)}.suit-symbol{font-size:2rem;line-height:1}.bust-warning-alert{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#f43f5e1a;border:1px solid rgba(244,63,94,.35);color:var(--accent-rose);font-size:.75rem;font-weight:700;padding:.55rem;border-radius:.75rem;margin-bottom:.25rem;animation:pulse-warn 2s infinite;letter-spacing:-.01em}@keyframes pulse-warn{0%{border-color:#f43f5e59;box-shadow:0 0 #f43f5e26}50%{border-color:#f43f5eb3;box-shadow:0 0 12px #f43f5e4d}to{border-color:#f43f5e59;box-shadow:0 0 #f43f5e26}}.mesh-background:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(249,115,22,.1) 1px,transparent 1px),radial-gradient(circle,rgba(234,179,8,.08) 2px,transparent 2px);background-size:80px 80px,120px 120px;background-position:0 0,40px 60px;opacity:.45;animation:oil-sizzle 20s infinite linear}@keyframes oil-sizzle{0%{background-position:0 0,40px 60px}to{background-position:0 -240px,40px -180px}}@keyframes deal-from-deck{0%{transform:translateY(-220px) scale(.3) rotate(45deg)!important;opacity:0;filter:blur(4px) brightness(2)}to{opacity:1;filter:none}}.card-model.just-drawn{animation:deal-from-deck .65s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes burn-card{0%{transform:translate(0) scale(1) rotate(0);filter:drop-shadow(0 0 0px var(--accent-rose));opacity:1}25%{transform:translateY(-25px) scale(1.1) rotate(6deg);filter:drop-shadow(0 0 20px var(--accent-rose)) brightness(1.6);background:#f50}to{transform:translate(var(--discard-x, 160px),var(--discard-y, -220px)) scale(.1) rotate(270deg);opacity:0;filter:drop-shadow(0 0 30px var(--accent-rose)) brightness(0)}}.burning-fly-away{animation:burn-card 1.1s cubic-bezier(.36,.07,.19,.97) forwards!important;pointer-events:none}@keyframes serve-card{0%{transform:translate(0) scale(1);opacity:1}30%{transform:translateY(15px) scale(1.05);filter:drop-shadow(0 0 15px var(--accent-gold))}to{transform:translate(var(--bucket-x, -320px),var(--bucket-y, 0px)) scale(.1);opacity:0}}.serving-fly-away{animation:serve-card .75s cubic-bezier(.34,1.56,.64,1) forwards!important;pointer-events:none}@keyframes shake-table{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px,-2px) rotate(-.5deg)}20%,40%,60%,80%{transform:translate(4px,2px) rotate(.5deg)}}.table-felt.shake-felt{animation:shake-table .65s cubic-bezier(.36,.07,.19,.97) both}@keyframes gold-pulse-anim{0%{box-shadow:0 0 #f59e0b99;transform:scale(1)}50%{box-shadow:0 0 20px 8px #f59e0b00;transform:scale(1.06)}to{box-shadow:0 0 #f59e0b00;transform:scale(1)}}.gold-pulse{animation:gold-pulse-anim .8s ease-out}.burn-splash-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a0800d1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease-out}.burn-splash-overlay.active{opacity:1;pointer-events:auto}.burn-splash-content{text-align:center;transform:scale(.85);transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.burn-splash-overlay.active .burn-splash-content{transform:scale(1);animation:shake-table .5s infinite}.burn-fire-icon{font-size:5.5rem;display:block;margin-bottom:1rem;filter:drop-shadow(0 0 20px rgba(239,68,68,.8))}.burn-splash-title{font-family:var(--font-sans);font-size:3.5rem;font-weight:800;color:#ef4444;letter-spacing:-.04em;text-shadow:0 0 30px rgba(239,68,68,.6);margin-bottom:.5rem;text-transform:uppercase}.burn-splash-subtitle{font-size:1.1rem;color:#ffffffd9;font-weight:500}