*{margin:0;padding:0;box-sizing:border-box}:root,[data-theme=green]{--bg-primary: #0a1a0f;--bg-gradient: linear-gradient(160deg, #0a1a0f 0%, #0d3318 30%, #1a5c2e 60%, #0d3318 100%);--bg-gradient-login: linear-gradient(160deg, #0a1a0f 0%, #0d3318 30%, #1a5c2e 60%, #0d3318 100%);--bg-card: linear-gradient(170deg, rgba(20,50,30,.85) 0%, rgba(10,30,18,.9) 100%);--bg-card-solid: rgba(20,50,30,.85);--bg-modal: linear-gradient(170deg, rgba(20,50,30,.96), rgba(10,30,18,.98));--bg-overlay: rgba(20,50,30,.9);--border-gold: rgba(255,215,0,.12);--border-gold-hover: rgba(255,215,0,.25);--accent: #ffd700;--accent-gradient: linear-gradient(135deg, #ffd700 0%, #ffab00 40%, #ff8c00 70%, #ffd700 100%);--accent-secondary: #4caf50;--accent-secondary-bg: linear-gradient(135deg, rgba(76,175,80,.12), rgba(76,175,80,.06));--accent-secondary-border: rgba(76,175,80,.2);--accent-secondary-text: #81c784;--text-gold: #ffd700;--text-online: #81c784;--online-dot: #4caf50;--table-bg: linear-gradient(135deg, #0d3318 0%, #1a5c2e 50%, #0d3318 100%);--table-felt: #1a5c2e;--player-card-bg: linear-gradient(170deg, rgba(20,50,30,.9), rgba(10,30,18,.85));--btn-primary-bg: linear-gradient(135deg, #ffd700 0%, #ffab00 50%, #ff8c00 100%);--btn-primary-color: #1a1a1a;--btn-danger-bg: linear-gradient(135deg, #ef5350 0%, #e53935 50%, #c62828 100%);--input-focus: rgba(255,215,0,.6);--input-focus-shadow: rgba(255,215,0,.1);--glow-color: rgba(255,215,0,.3);--suit-spade: #ffd700;--suit-heart: #ef5350;--panel-bg: linear-gradient(170deg, rgba(20,50,30,.9), rgba(10,30,18,.85));--panel-bg-light: linear-gradient(170deg, rgba(20,50,30,.7), rgba(10,30,18,.6));--panel-bg-heavy: linear-gradient(170deg, rgba(20,50,30,.96), rgba(10,30,18,.98));--panel-bg-ultra: linear-gradient(170deg, rgba(20,50,30,.97), rgba(10,30,18,.95));--panel-bg-medium: linear-gradient(170deg, rgba(20,50,30,.85), rgba(10,30,18,.9));--panel-bg-semi: linear-gradient(170deg, rgba(20,50,30,.94), rgba(10,30,18,.96));--panel-bg-card: linear-gradient(170deg, rgba(20,50,30,.92), rgba(10,30,18,.88));--panel-bg-faint: linear-gradient(170deg, rgba(20,50,30,.5), rgba(10,30,18,.4));--panel-bg-alt: linear-gradient(170deg, rgba(20,50,30,.85), rgba(10,30,18,.75));--page-title: #ffffff;--page-text: rgba(255,255,255,.5);--page-accent: #ffd700}[data-theme=blue]{--bg-primary: #1b6b3a;--bg-gradient: linear-gradient(160deg, #145a2e 0%, #1b6b3a 20%, #228b4a 40%, #2da55a 55%, #228b4a 75%, #145a2e 100%);--bg-gradient-login: linear-gradient(160deg, #0e4a25 0%, #1b6b3a 25%, #228b4a 50%, #1b6b3a 75%, #0e4a25 100%);--bg-card: linear-gradient(170deg, rgba(255,255,255,.15) 0%, rgba(255,255,255,.08) 100%);--bg-card-solid: rgba(0,60,30,.6);--bg-modal: linear-gradient(170deg, rgba(0,50,25,.95), rgba(0,40,20,.98));--bg-overlay: rgba(0,40,20,.92);--border-gold: rgba(255,200,0,.3);--border-gold-hover: rgba(255,200,0,.5);--accent: #ffc107;--accent-gradient: linear-gradient(135deg, #ffe066 0%, #ffc107 40%, #ff9800 70%, #ffe066 100%);--accent-secondary: #4caf50;--accent-secondary-bg: linear-gradient(135deg, rgba(76,175,80,.15), rgba(76,175,80,.06));--accent-secondary-border: rgba(76,175,80,.3);--accent-secondary-text: #81c784;--text-gold: #ffd54f;--text-online: #ff9800;--online-dot: #ff9800;--table-bg: linear-gradient(135deg, #145a2e 0%, #1b6b3a 30%, #2da55a 50%, #1b6b3a 70%, #145a2e 100%);--table-felt: #1b6b3a;--player-card-bg: linear-gradient(170deg, rgba(255,255,255,.12), rgba(255,255,255,.05));--btn-primary-bg: linear-gradient(135deg, #ffe066 0%, #ffc107 40%, #ff9800 70%, #ffc107 100%);--btn-primary-color: #5d3000;--btn-danger-bg: linear-gradient(135deg, #ff5252 0%, #e53935 50%, #c62828 100%);--input-focus: rgba(255,193,7,.6);--input-focus-shadow: rgba(255,193,7,.15);--glow-color: rgba(255,193,7,.35);--suit-spade: #e0e0e0;--suit-heart: #ff5252;--panel-bg: linear-gradient(170deg, rgba(0,50,25,.85), rgba(0,40,20,.9));--panel-bg-light: linear-gradient(170deg, rgba(0,50,25,.6), rgba(0,40,20,.65));--panel-bg-heavy: linear-gradient(170deg, rgba(0,50,25,.9), rgba(0,40,20,.95));--panel-bg-ultra: linear-gradient(170deg, rgba(0,50,25,.92), rgba(0,40,20,.97));--panel-bg-medium: linear-gradient(170deg, rgba(0,50,25,.8), rgba(0,40,20,.85));--panel-bg-semi: linear-gradient(170deg, rgba(0,50,25,.88), rgba(0,40,20,.92));--panel-bg-card: linear-gradient(170deg, rgba(255,255,255,.12), rgba(255,255,255,.05));--panel-bg-faint: linear-gradient(170deg, rgba(0,50,25,.5), rgba(0,40,20,.4));--panel-bg-alt: linear-gradient(170deg, rgba(0,50,25,.8), rgba(0,40,20,.75));--page-title: #ffffff;--page-text: rgba(255,255,255,.5);--page-accent: #ffd54f}[data-theme=candy]{--bg-primary: #F0FAFD;--bg-gradient: linear-gradient(160deg, #F0FAFD 0%, #E0F7FA 35%, #E1F5FE 70%, #F0FAFD 100%);--bg-gradient-login: linear-gradient(160deg, #F0FAFD 0%, #E0F7FA 35%, #E1F5FE 70%, #F0FAFD 100%);--bg-card: linear-gradient(170deg, rgba(0,151,167,.92) 0%, rgba(0,120,135,.95) 100%);--bg-card-solid: rgba(0,138,154,.94);--bg-modal: linear-gradient(170deg, rgba(0,151,167,.97), rgba(0,120,135,.98));--bg-overlay: rgba(0,96,110,.9);--border-gold: rgba(255,255,255,.28);--border-gold-hover: rgba(255,255,255,.5);--accent: #FFE082;--accent-gradient: linear-gradient(135deg, #4DD0E1 0%, #26C6DA 45%, #00838F 100%);--accent-secondary: #26C6DA;--accent-secondary-bg: linear-gradient(135deg, rgba(255,255,255,.78), rgba(255,255,255,.5));--accent-secondary-border: rgba(0,131,143,.35);--accent-secondary-text: #00796B;--text-gold: #FFE082;--text-online: #00838F;--online-dot: #26C6DA;--table-bg: linear-gradient(135deg, #00695C 0%, #00897B 50%, #00695C 100%);--table-felt: #00695C;--player-card-bg: linear-gradient(170deg, rgba(255,255,255,.2), rgba(255,255,255,.08));--btn-primary-bg: linear-gradient(135deg, #26C6DA 0%, #0097A7 100%);--btn-primary-color: #ffffff;--btn-danger-bg: linear-gradient(135deg, #FF5252 0%, #E53935 50%, #C62828 100%);--input-focus: rgba(38,198,218,.7);--input-focus-shadow: rgba(38,198,218,.15);--glow-color: rgba(38,198,218,.35);--suit-spade: #FFE082;--suit-heart: #FFD1DC;--panel-bg: linear-gradient(170deg, rgba(0,151,167,.9), rgba(0,120,135,.93));--panel-bg-light: linear-gradient(170deg, rgba(0,151,167,.72), rgba(0,120,135,.66));--panel-bg-heavy: linear-gradient(170deg, rgba(0,143,160,.96), rgba(0,113,128,.98));--panel-bg-ultra: linear-gradient(170deg, rgba(0,143,160,.97), rgba(0,113,128,.96));--panel-bg-medium: linear-gradient(170deg, rgba(0,151,167,.86), rgba(0,120,135,.92));--panel-bg-semi: linear-gradient(170deg, rgba(0,151,167,.94), rgba(0,120,135,.96));--panel-bg-card: linear-gradient(170deg, rgba(255,255,255,.18), rgba(255,255,255,.08));--panel-bg-faint: linear-gradient(170deg, rgba(0,151,167,.5), rgba(0,120,135,.42));--panel-bg-alt: linear-gradient(170deg, rgba(0,151,167,.8), rgba(0,120,135,.72));--page-title: #00838F;--page-text: rgba(0,77,92,.65);--page-accent: #00838F}[data-theme=blue] .btn-primary{background:linear-gradient(135deg,#ffe066,#ffc107,#ffb300 60%,#ffe066);box-shadow:0 4px 16px #ffc10780,0 2px 4px #0003;text-shadow:0 1px 0 rgba(255,255,255,.3);border:2px solid rgba(255,200,0,.6);color:#5d3000;font-weight:800;border-radius:25px}[data-theme=blue] .btn-primary:hover{box-shadow:0 6px 24px #ffc107a6,0 2px 8px #00000040;transform:translateY(-1px)}[data-theme=blue] .btn-secondary{background:linear-gradient(135deg,#ffffff1f,#ffffff0d);border:1px solid rgba(255,200,0,.3);color:#ffd54f;border-radius:25px}[data-theme=blue] .btn-secondary:hover{background:linear-gradient(135deg,#fff3,#ffffff1a);border-color:#ffc80080}[data-theme=blue] input{background:#00281499;border:1.5px solid rgba(255,200,0,.25);color:#fff}[data-theme=blue] input::placeholder{color:#ffffff59}[data-theme=blue] input:focus{border-color:#ffc10799;box-shadow:0 0 0 3px #ffc1071f,0 0 20px #ffc10714}[data-theme=candy] .btn-primary{color:#fff!important;border-radius:18px;box-shadow:0 4px #00838f73,0 8px 22px #26c6da59;text-shadow:0 1px 2px rgba(0,64,72,.3)}[data-theme=candy] .btn-primary:hover{box-shadow:0 6px #00838f73,0 12px 28px #26c6da80;transform:translateY(-1px)}[data-theme=candy] .btn-secondary{background:#ffffffc7!important;border:1.5px solid rgba(0,131,143,.3)!important;color:#00796b!important;border-radius:18px;box-shadow:0 2px 10px #00838f1f}[data-theme=candy] .btn-secondary:hover{background:#fff!important;border-color:#00838f80!important}[data-theme=candy] input{background:#ffffffd9;border:1.5px solid rgba(0,131,143,.25);color:#004d5c}[data-theme=candy] input::placeholder{color:#004d5c66}[data-theme=candy] input:focus{border-color:#26c6dacc;background:#fff;box-shadow:0 0 0 3px #26c6da26,0 0 16px #26c6da1a}.blue-luxury-card{position:relative;border:1px solid rgba(255,200,0,.25)!important;box-shadow:0 8px 32px #0000004d,0 0 20px #ffc1070f!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.blue-corner-decor{position:relative}.blue-corner-decor:before,.blue-corner-decor:after{content:"";position:absolute;width:20px;height:20px;border-color:#ffc80080;border-style:solid;pointer-events:none;z-index:2}.blue-corner-decor:before{top:-1px;left:-1px;border-width:2px 0 0 2px;border-radius:4px 0 0}.blue-corner-decor:after{top:-1px;right:-1px;border-width:2px 2px 0 0;border-radius:0 4px 0 0}.blue-corner-decor .corner-bl,.blue-corner-decor .corner-br{position:absolute;width:20px;height:20px;border-color:#ffc80080;border-style:solid;pointer-events:none;z-index:2}.blue-corner-decor .corner-bl{bottom:-1px;left:-1px;border-width:0 0 2px 2px;border-radius:0 0 0 4px}.blue-corner-decor .corner-br{bottom:-1px;right:-1px;border-width:0 2px 2px 0;border-radius:0 0 4px}.blue-logo-glow{text-shadow:0 0 40px rgba(255,193,7,.7),0 0 80px rgba(255,152,0,.3);filter:drop-shadow(0 0 20px rgba(255,193,7,.5))}.blue-gold-divider{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,193,7,.4) 30%,rgba(255,193,7,.7) 50%,rgba(255,193,7,.4) 70%,transparent 100%);position:relative}.blue-gold-divider:after{content:"◆";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#ffc10799;font-size:10px;background:#003219e6;padding:0 8px}.blue-luxury-btn{position:relative;overflow:hidden;background:linear-gradient(135deg,#ffe066,#ffc107 15%,#ffb300 35%,#ff9800 65%,#ffc107)!important;border:2px solid rgba(255,200,0,.6)!important;box-shadow:0 4px 20px #ffc10780,0 0 12px #ffc10733,inset 0 1px #fff6,inset 0 -1px #0000001a!important;color:#5d3000!important;text-shadow:0 1px 0 rgba(255,255,255,.3);border-radius:25px!important}.blue-luxury-btn:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.blue-luxury-btn:hover:before{left:120%}.blue-particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.blue-particle{position:absolute;width:2px;height:2px;background:#ffffff80;border-radius:50%;animation:blueFloat 8s infinite ease-in-out}@keyframes blueFloat{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-10vh) scale(1);opacity:0}}.blue-glow-orb{position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(80px)}.blue-vip-badge{background:linear-gradient(135deg,#ffe066,#ffc107)!important;color:#5d3000!important;font-weight:800!important;box-shadow:0 2px 8px #ffc10766!important;border:none!important}.blue-info-panel{background:var(--bg-card)!important;border:1px solid rgba(255,200,0,.2)!important;box-shadow:0 8px 32px #0003,0 0 30px #ffc1070a!important}.blue-table-felt{background:radial-gradient(ellipse at center,#2da55a,#1b6b3a 40%,#145a2e,#0e4a25)!important;border:2px solid rgba(255,200,0,.2)!important;box-shadow:inset 0 0 80px #0050004d,0 0 40px #ffc10714!important}.blue-online-pill{background:linear-gradient(135deg,#ffc1071f,#ffc1070a)!important;border:1px solid rgba(255,200,0,.25)!important;box-shadow:0 0 16px #ffc1070f!important}.blue-tab-active{background:linear-gradient(135deg,#ffc10726,#ffc1070d)!important;border-bottom:3px solid #ffc107!important;color:#ffc107!important}.blue-avatar-frame{box-shadow:0 0 0 2px #ffc10780,0 0 12px #ffc10733!important}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,PingFang SC,sans-serif;background:var(--bg-primary);color:#fff;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%}#root{width:100vw;min-height:100vh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.card{width:62px;height:88px;border-radius:8px;background:linear-gradient(160deg,#fff,#f5f5f5 40%,#e8e8e8);border:1.5px solid #c8c8c8;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,border-color .2s;position:relative;-webkit-user-select:none;user-select:none;font-weight:700;margin:0 -14px;box-shadow:0 2px 6px #00000040,0 1px 2px #00000026,inset 0 1px #fff9;flex-shrink:0}.card:hover{transform:translateY(-14px);box-shadow:0 10px 24px #00000059,0 4px 8px #0003,inset 0 1px #fff9}.card.selected{transform:translateY(-26px);border-color:gold;box-shadow:0 10px 28px #ffd70073,0 0 12px #ffd70040,0 0 0 2px #ffd70033,inset 0 1px #fff9}.card.red{color:#c62828}.card.black{color:#1a1a1a}.card.joker-small{background:linear-gradient(160deg,#1a237e,#283593 40%,#3949ab);color:#e8eaf6;border-color:#5c6bc0;box-shadow:0 2px 6px #1a237e66,inset 0 1px #ffffff26}.card.joker-big{background:linear-gradient(160deg,#b71c1c,#c62828 40%,#d32f2f);color:#ffebee;border-color:#ef5350;box-shadow:0 2px 6px #b71c1c66,inset 0 1px #ffffff26}.card-rank{font-size:16px;line-height:1}.card-suit{font-size:22px;line-height:1}.card-small{width:48px;height:68px;margin:0 -10px}.card-small .card-rank{font-size:13px}.card-small .card-suit{font-size:17px}@media (max-width: 768px){.card{width:50px;height:72px;margin:0 -10px;border-radius:6px}.card-small{width:38px;height:54px;margin:0 -8px}.my-hand .card{width:66px;height:94px;margin:0 -14px}}@media (max-width: 400px){.card{width:46px;height:66px;margin:0 -8px;border-radius:5px}.card-small{width:35px;height:50px;margin:0 -6px}.my-hand .card{width:62px;height:88px;margin:0 -12px}}.btn{padding:10px 28px;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);letter-spacing:.5px;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,transparent 100%);pointer-events:none;border-radius:10px 10px 0 0}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-color);box-shadow:0 4px 14px #ff980066,0 1px 3px #0003;text-shadow:0 1px 0 rgba(255,255,255,.2)}.btn-primary:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #ff980080,0 2px 6px #0003}.btn-primary:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px #ff98004d}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-secondary:after{background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 100%)}.btn-secondary:hover{background:#ffffff2e;transform:translateY(-2px);border-color:#ffffff4d}.btn-danger{background:var(--btn-danger-bg);color:#fff;box-shadow:0 4px 14px #ef535066;text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-danger:hover{transform:translateY(-2px) scale(1.05)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}input{padding:12px 18px;border:1.5px solid rgba(255,255,255,.15);border-radius:10px;background:#ffffff0f;color:#fff;font-size:16px;outline:none;transition:all .25s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}input:focus{border-color:var(--input-focus);background:#ffffff1a;box-shadow:0 0 0 3px var(--input-focus-shadow),0 0 16px var(--input-focus-shadow)}input::placeholder{color:#ffffff59}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}70%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.95)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@keyframes glow{0%,to{box-shadow:0 0 20px #ffd7004d}50%{box-shadow:0 0 40px #ffd70099}}@keyframes tickPulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes floatUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes cardDeal{0%{opacity:0;transform:translateY(-40px) scale(.8)}60%{transform:translateY(4px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes resultReveal{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}60%{transform:translate(-50%,-50%) scale(1.05)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.animate-fade-in{animation:fadeIn .4s ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-float-up{animation:floatUp .5s ease-out}