@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&family=Righteous&family=Oswald:wght@600;700&display=swap);:root{--navy-950:#010a15;--navy-900:#020e1e;--navy-800:#061829;--navy-700:#0a2038;--navy-600:#0f2d4f;--navy-500:#153d6a;--navy-400:#1e5189;--gold-100:#fffde7;--gold-300:#ffd54f;--gold-400:#ffca28;--gold-500:#ffc107;--gold-600:#ffb300;--gold-700:#ff8f00;--gold-glow-sm:0 0 10px #ffc10773,0 0 20px #ffc10733;--gold-glow:0 0 18px #ffc1078c,0 0 36px #ffc10747,0 0 70px #ffc1071f;--gold-glow-lg:0 0 28px #ffc107a6,0 0 56px #ffc10759,0 0 100px #ffc10726;--emerald-400:#4ade80;--emerald-500:#22c55e;--emerald-600:#16a34a;--emerald-700:#15803d;--emerald-glow-sm:0 0 10px #22c55e66,0 0 20px #22c55e2e;--emerald-glow:0 0 18px #22c55e80,0 0 36px #22c55e40;--ruby-400:#f87171;--ruby-500:#ef4444;--ruby-600:#dc2626;--ruby-glow:0 0 18px #ef444480,0 0 36px #ef444440;--sapphire-400:#60a5fa;--sapphire-500:#3b82f6;--sapphire-600:#2563eb;--sapphire-glow:0 0 18px #3b82f680,0 0 36px #3b82f640;--felt-900:#082618;--felt-800:#0d3320;--felt-700:#124028;--felt-600:#165230;--felt-500:#1b663c;--felt-400:#227a47;--felt-highlight:#ffffff0f;--surface-0:#010a15;--surface-1:#061829;--surface-2:#0a2038;--surface-3:#0f2d4f;--surface-4:#153d6a;--surface-glass:#0a2038b8;--surface-glass-light:#ffffff0f;--surface-overlay:#010a15e6;--surface-card:#0f2d4fd9;--grad-bg:linear-gradient(160deg,#010a15,#0a2038 45%,#061829);--grad-bg-radial:radial-gradient(ellipse at 30% 20%,#153d6a73 0%,#0000 55%),radial-gradient(ellipse at 75% 80%,#16a34a1f 0%,#0000 45%);--grad-gold:linear-gradient(135deg,#ffe57f,#ffc107 35%,#ff8f00 70%,#e65100);--grad-gold-subtle:linear-gradient(135deg,#ffc1072e,#ff8f000f);--grad-emerald:linear-gradient(135deg,#4ade80,#22c55e 45%,#16a34a 80%,#166534);--grad-ruby:linear-gradient(135deg,#fca5a5,#ef4444 45%,#dc2626 80%,#991b1b);--grad-sapphire:linear-gradient(135deg,#93c5fd,#3b82f6 45%,#2563eb 80%,#1e40af);--grad-violet:linear-gradient(135deg,#c4b5fd,#a78bfa 45%,#7c3aed);--grad-surface-elevated:linear-gradient(145deg,#153d6a,#0a2038 60%,#061829);--grad-card-face:linear-gradient(160deg,#fff,#f5f7fa 50%,#edf0f4);--grad-card-back:linear-gradient(145deg,#0f2d4f,#061829);--grad-felt:radial-gradient(ellipse at 45% 38%,var(--felt-500) 0%,var(--felt-700) 45%,var(--felt-800) 75%,var(--felt-900) 100%);--grad-glass:linear-gradient(145deg,#ffffff17,#ffffff05);--grad-btn-primary:linear-gradient(160deg,#4ade80,#22c55e 40%,#16a34a 75%,#15803d);--grad-btn-gold:linear-gradient(160deg,#ffe57f,#ffc107 40%,#ff8f00 80%,#e65100);--grad-btn-ruby:linear-gradient(160deg,#fca5a5,#ef4444 40%,#dc2626 80%,#991b1b);--grad-btn-sapphire:linear-gradient(160deg,#93c5fd,#3b82f6 40%,#2563eb 80%,#1d4ed8);--grad-btn-violet:linear-gradient(160deg,#c4b5fd,#a78bfa 40%,#7c3aed);--grad-hud:linear-gradient(180deg,#010a15f5,#061829eb);--shadow-xs:0 1px 3px #00000073;--shadow-sm:0 2px 8px #0000008c;--shadow-md:0 4px 16px #0000008c,0 2px 6px #00000073;--shadow-lg:0 8px 32px #000000a6,0 4px 12px #00000073;--shadow-xl:0 16px 56px #000000bf,0 8px 24px #00000080;--shadow-xxl:0 24px 80px #000000d9,0 12px 36px #0000008c;--shadow-card:0 2px 6px #00000040,0 6px 18px #00000059,inset 0 1px 0 #fffffff2,inset 0 -1px 0 #00000014;--shadow-card-hover:0 4px 12px #0000004d,0 12px 32px #00000073,inset 0 1px 0 #fffffff2;--shadow-card-selected:0 6px 20px #00000059,0 16px 40px #00000080,var(--gold-glow),inset 0 1px 0 #fffffff2;--shadow-table:inset 0 0 60px #0000008c,inset 0 0 120px #00000059,inset 0 20px 50px #00000040,0 8px 32px #000000a6;--shadow-inset-glow:inset 0 0 30px #ffc1071a,inset 0 0 60px #ffc1070d;--shadow-float:0 20px 60px #000000a6,0 8px 24px #00000073;--color-bg-primary:var(--navy-800);--color-bg-secondary:var(--navy-700);--color-bg-tertiary:var(--navy-500);--color-bg-card:#153d6acc;--color-accent-gold:var(--gold-500);--color-accent-gold-light:var(--gold-300);--color-accent-emerald:var(--emerald-500);--color-accent-ruby:var(--ruby-500);--color-accent-sapphire:var(--sapphire-500);--color-text-primary:#fff;--color-text-secondary:#a8c8e8;--color-text-muted:#5a7fa0;--gradient-bg:var(--grad-bg);--gradient-gold:var(--grad-gold);--gradient-button:var(--grad-btn-primary);--gradient-button-secondary:var(--grad-btn-sapphire);--gradient-card:var(--grad-surface-elevated);--shadow-glow-gold:var(--gold-glow);--shadow-glow-emerald:var(--emerald-glow);--font-primary:"Poppins","Segoe UI",system-ui,sans-serif;--font-display:"Righteous","Oswald","Poppins",sans-serif;--font-numeric:"Oswald","Poppins",system-ui,sans-serif;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--spacing-3xl:64px;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:18px;--radius-xl:26px;--radius-2xl:36px;--radius-pill:100px;--radius-full:50%;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-base:250ms ease;--transition-slow:400ms ease;--transition-spring:300ms cubic-bezier(0.34,1.56,0.64,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--transition-bounce:500ms cubic-bezier(0.68,-0.55,0.265,1.55);--card-width:72px;--card-height:104px;--card-width-md:60px;--card-height-md:86px;--card-radius:10px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(160deg,#010a15,#0a2038 45%,#061829);background:var(--grad-bg);color:#fff;font-family:Poppins,Segoe UI,system-ui,sans-serif;font-family:var(--font-primary);min-height:100vh;overflow-x:hidden}body:before{background:radial-gradient(ellipse at 18% 22%,#153d6a8c 0,#0000 50%),radial-gradient(ellipse at 78% 72%,#16a34a24 0,#0000 48%),radial-gradient(ellipse at 50% 50%,#010a1566 0,#0000 70%)}body:after,body:before{content:"";inset:0;pointer-events:none;position:fixed;z-index:-1}body:after{background:radial-gradient(ellipse at 50% 50%,#0000 40%,#010a15b3 100%)}#root{display:flex;flex-direction:column;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Righteous,Oswald,Poppins,sans-serif;font-family:var(--font-display);font-weight:700;letter-spacing:.3px;line-height:1.15}h1{font-size:clamp(1.8rem,3vw,2.8rem)}h2{font-size:clamp(1.4rem,2.4vw,2.1rem)}h3{font-size:clamp(1.15rem,2vw,1.6rem)}h4{font-size:clamp(1rem,1.6vw,1.3rem)}.text-numeric{color:#ffc107;color:var(--gold-500);font-family:Oswald,Poppins,system-ui,sans-serif;font-family:var(--font-numeric);font-weight:700;letter-spacing:1px;text-shadow:0 0 12px #ffc10773}.glass-surface{backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);background:#0a2038b8;background:var(--surface-glass);border:1px solid #ffffff14}.btn{-webkit-tap-highlight-color:transparent;border-radius:18px;font-family:Poppins,Segoe UI,system-ui,sans-serif;font-size:1rem;gap:8px;gap:var(--spacing-sm);letter-spacing:.8px;padding:16px 32px;padding:var(--spacing-md) var(--spacing-xl);text-transform:uppercase;transition:transform .15s ease,box-shadow .25s ease,filter .15s ease;transition:transform var(--transition-fast),box-shadow var(--transition-normal),filter var(--transition-fast)}.btn:after{background:linear-gradient(90deg,#0000,#ffffff38,#0000);height:100%;left:-120%;pointer-events:none;top:0;transform:skewX(-20deg);transition:left .55s ease;width:80%}.btn:hover:after{left:140%}.btn:active{filter:brightness(.92);transform:scale(.95) translateY(1px)!important}.btn-primary{background:linear-gradient(160deg,#4ade80,#22c55e 40%,#16a34a 75%,#15803d);box-shadow:0 4px 0 #15803d,0 4px 16px #0000008c,0 2px 6px #00000073,0 0 10px #22c55e66,0 0 20px #22c55e2e;box-shadow:0 4px 0 var(--emerald-700),var(--shadow-md),var(--emerald-glow-sm)}.btn-primary:hover{box-shadow:0 7px 0 #15803d,0 8px 32px #000000a6,0 4px 12px #00000073,0 0 18px #22c55e80,0 0 36px #22c55e40;box-shadow:0 7px 0 var(--emerald-700),var(--shadow-lg),var(--emerald-glow);transform:translateY(-3px)}.btn-secondary{background:linear-gradient(160deg,#93c5fd,#3b82f6 40%,#2563eb 80%,#1d4ed8);background:var(--grad-btn-sapphire);box-shadow:0 4px 0 #1e40af,0 4px 16px #0000008c,0 2px 6px #00000073,0 0 18px #3b82f680,0 0 36px #3b82f640;box-shadow:0 4px 0 #1e40af,var(--shadow-md),var(--sapphire-glow);color:#fff}.btn-secondary:hover{box-shadow:0 7px 0 #1e40af,0 8px 32px #000000a6,0 4px 12px #00000073,0 0 18px #3b82f680,0 0 36px #3b82f640;box-shadow:0 7px 0 #1e40af,var(--shadow-lg),var(--sapphire-glow);transform:translateY(-3px)}.btn-gold{background:linear-gradient(160deg,#ffe57f,#ffc107 40%,#ff8f00 80%,#e65100);background:var(--grad-btn-gold);box-shadow:0 4px 0 #ff8f00,0 4px 16px #0000008c,0 2px 6px #00000073,0 0 10px #ffc10773,0 0 20px #ffc10733;box-shadow:0 4px 0 var(--gold-700),var(--shadow-md),var(--gold-glow-sm);color:#1a0a00}.btn-gold:hover{box-shadow:0 7px 0 #ff8f00,0 8px 32px #000000a6,0 4px 12px #00000073,0 0 18px #ffc1078c,0 0 36px #ffc10747,0 0 70px #ffc1071f;box-shadow:0 7px 0 var(--gold-700),var(--shadow-lg),var(--gold-glow);transform:translateY(-3px)}.btn-danger{background:linear-gradient(160deg,#fca5a5,#ef4444 40%,#dc2626 80%,#991b1b);background:var(--grad-btn-ruby);box-shadow:0 4px 0 #dc2626,0 4px 16px #0000008c,0 2px 6px #00000073,0 0 18px #ef444480,0 0 36px #ef444440;box-shadow:0 4px 0 var(--ruby-600),var(--shadow-md),var(--ruby-glow)}.btn-danger:hover{box-shadow:0 7px 0 #dc2626,0 8px 32px #000000a6,0 4px 12px #00000073,0 0 18px #ef444480,0 0 36px #ef444440;box-shadow:0 7px 0 var(--ruby-600),var(--shadow-lg),var(--ruby-glow);transform:translateY(-3px)}.btn-outline{border:2px solid #ffc1078c;color:#ffca28;color:var(--gold-400)}.btn-outline:hover{background:#ffc1071f;border-color:#ffca28;border-color:var(--gold-400);box-shadow:0 0 10px #ffc10773,0 0 20px #ffc10733;box-shadow:var(--gold-glow-sm)}.btn-ghost{background:#ffffff0f;border:1px solid #ffffff1a;color:#a8c8e8;color:var(--color-text-secondary)}.btn-ghost:hover{background:#ffffff1f;color:#fff}.btn-lg{border-radius:26px;border-radius:var(--radius-xl);font-size:1.2rem;padding:24px 48px;padding:var(--spacing-lg) var(--spacing-xxl)}.btn-sm{font-size:.82rem;padding:4px 16px;padding:var(--spacing-xs) var(--spacing-md)}.btn-icon,.btn-sm{border-radius:10px}.btn-icon{border-radius:var(--radius-md);height:40px;min-width:40px;padding:var(--spacing-sm)}.btn:disabled{filter:none!important;transform:none!important}.btn:disabled:after{display:none}.card-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(145deg,#153d6a,#0a2038 60%,#061829);background:var(--grad-surface-elevated);border:1px solid #ffffff17;border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 8px 32px #000000a6,0 4px 12px #00000073;box-shadow:var(--shadow-lg)}.input{background:#ffffff12;border:2px solid #ffffff1f;border-radius:10px;border-radius:var(--radius-md);color:#fff;font-family:Poppins,Segoe UI,system-ui,sans-serif;font-family:var(--font-primary);font-size:1rem;font-weight:500;outline:none;padding:16px;padding:var(--spacing-md);transition:all .25s ease;transition:all var(--transition-normal);width:100%}.input:focus{background:#ffffff1a;border-color:#ffc107;border-color:var(--gold-500);box-shadow:0 0 0 3px #ffc1072e,0 0 10px #ffc10773,0 0 20px #ffc10733;box-shadow:0 0 0 3px #ffc1072e,var(--gold-glow-sm)}.input::placeholder{color:#5a7fa0;color:var(--color-text-muted)}@keyframes slideUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes bouncePop{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.12)}80%{transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.06)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px #ffc10773,0 0 20px #ffc10733;box-shadow:var(--gold-glow-sm)}50%{box-shadow:0 0 18px #ffc1078c,0 0 36px #ffc10747,0 0 70px #ffc1071f;box-shadow:var(--gold-glow)}}@keyframes glowPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.18) drop-shadow(0 0 8px currentColor)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes shimmer{0%{background-position:-300% 0}to{background-position:300% 0}}@keyframes coinFloat{0%{opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(-80px) rotate(2turn)}}@keyframes numberPop{0%{opacity:0;transform:scale(.6) translateY(4px)}60%{transform:scale(1.15) translateY(-3px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes cardDeal{0%{opacity:0;transform:translateY(-120px) translateX(-40px) rotateY(180deg) scale(.45)}to{opacity:1;transform:translateY(0) translateX(0) rotateY(0deg) scale(1)}}@keyframes cardPlay{0%{transform:scale(1) translateY(0)}45%{transform:scale(1.15) translateY(-24px)}to{transform:scale(.95) translateY(0)}}@keyframes turnRing{0%,to{box-shadow:0 0 0 3px #22c55e99,0 0 10px #22c55e66,0 0 20px #22c55e2e;box-shadow:0 0 0 3px #22c55e99,var(--emerald-glow-sm)}50%{box-shadow:0 0 0 6px #22c55ecc,0 0 18px #22c55e80,0 0 36px #22c55e40;box-shadow:0 0 0 6px #22c55ecc,var(--emerald-glow)}}@keyframes burstOut{0%{opacity:1;transform:rotate(var(--angle)) translateX(0)}to{opacity:0;transform:rotate(var(--angle)) translateX(120px)}}@keyframes coinFall{0%{opacity:1;transform:translateY(-60px) rotate(0deg)}to{opacity:.4;transform:translateY(calc(100vh + 60px)) rotate(2turn)}}@keyframes popupBounce{0%{opacity:0;transform:scale(.4)}65%{transform:scale(1.08)}85%{transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes trophyGlow{0%,to{filter:drop-shadow(0 0 8px rgba(255,193,7,.5));transform:scale(1)}50%{filter:drop-shadow(0 0 28px rgba(255,193,7,.9));transform:scale(1.1)}}@keyframes rollIn{0%{opacity:0;transform:translateY(-100%)}60%{transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn ease .25s ease both;animation:fadeIn var(--transition-normal) ease both}.animate-slide-up{animation:slideUp ease .4s ease both;animation:slideUp var(--transition-slow) ease both}.animate-scale-in{animation:scaleIn ease .25s ease both;animation:scaleIn var(--transition-normal) ease both}.animate-bounce-pop{animation:bouncePop .5s cubic-bezier(.68,-.55,.265,1.55) .5s both;animation:bouncePop .5s var(--transition-bounce) both}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-breathe{animation:breathe 3s ease-in-out infinite}.animate-shimmer{animation:shimmer 2.5s linear infinite;background:linear-gradient(90deg,#0000,#ffffff14 45%,#ffffff2e 50%,#ffffff14 55%,#0000);background-size:300% 100%}.stagger-animation>*{animation:slideUp ease .4s ease both;animation:slideUp var(--transition-slow) ease both;opacity:0}.stagger-animation>:first-child{animation-delay:.05s}.stagger-animation>:nth-child(2){animation-delay:.1s}.stagger-animation>:nth-child(3){animation-delay:.15s}.stagger-animation>:nth-child(4){animation-delay:.2s}.stagger-animation>:nth-child(5){animation-delay:.25s}.stagger-animation>:nth-child(6){animation-delay:.3s}.stagger-animation>:nth-child(7){animation-delay:.35s}.stagger-animation>:nth-child(8){animation-delay:.4s}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:8px;gap:var(--spacing-sm)}.gap-md{gap:16px;gap:var(--spacing-md)}.gap-lg{gap:24px;gap:var(--spacing-lg)}.text-center{text-align:center}.text-gold{color:#ffc107;color:var(--gold-500)}.text-emerald{color:#22c55e;color:var(--emerald-500)}.text-ruby{color:#ef4444;color:var(--ruby-500)}.text-muted{color:#5a7fa0;color:var(--color-text-muted)}.text-secondary{color:#a8c8e8;color:var(--color-text-secondary)}.glow-gold{text-shadow:0 0 12px #ffc10799}.glow-emerald{text-shadow:0 0 12px #22c55e99}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width:768px){:root{--card-width:52px;--card-height:75px;--card-width-md:44px;--card-height-md:64px}h1{font-size:1.7rem}h2{font-size:1.4rem}.btn{padding:8px 24px;padding:var(--spacing-sm) var(--spacing-lg)}.btn-lg{font-size:1rem;padding:16px 32px;padding:var(--spacing-md) var(--spacing-xl)}}.app{background:var(--grad-bg);color:#fff;font-family:var(--font-primary)}.app,.loading-container{display:flex;flex-direction:column;min-height:100vh}.loading-container{align-items:center;gap:var(--spacing-4);justify-content:center}.loading-spinner{animation:spin .8s linear infinite;border:4px solid #ffc1071f;border-radius:50%;border-top:4px solid var(--gold-500);height:48px;width:48px}.toast-container{display:flex;flex-direction:column;gap:var(--spacing-2);pointer-events:none;position:fixed;right:var(--spacing-4);top:var(--spacing-4);z-index:9500}.toast{animation:slideIn .3s ease both;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--surface-glass);border:1px solid #ffffff14;border-left:3px solid var(--gold-500);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:#ffffffd9;font-size:.88rem;font-weight:500;max-width:300px;padding:10px 16px;pointer-events:all}.toast.success{border-left-color:var(--emerald-500)}.toast.error{border-left-color:#ef4444}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-4)}.nav-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#060a16e6;border-bottom:1px solid #ffffff14;display:flex;gap:var(--spacing-3);justify-content:center;padding:var(--spacing-3)}.nav-tab{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--radius-lg);color:#ffffff80;cursor:pointer;font-family:var(--font-primary);font-size:.9rem;font-weight:600;padding:9px 24px;transition:var(--transition-spring)}.nav-tab:hover{background:#ffffff1a;color:#fff;transform:translateY(-2px)}.nav-tab.active{background:var(--grad-btn-primary);border-color:#0000;box-shadow:var(--shadow-md),var(--sapphire-glow);color:#fff}.home-screen{align-items:center;background:var(--grad-bg);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative;width:100%}.bg-rays{animation:breathe 12s ease-in-out infinite;background:radial-gradient(ellipse 70% 55% at 50% 45%,#ffc10712 0,#0000 70%),conic-gradient(from 200deg at 50% 50%,#0000 0deg,#ffc1070a 30deg,#0000 60deg,#63cab70a 120deg,#0000 150deg,#ffc1070a 220deg,#0000 250deg);inset:0;pointer-events:none;position:absolute}.game-title-corner{align-items:flex-end;display:flex;flex-direction:column;line-height:1;position:absolute;right:24px;top:16px;z-index:10}.title-29{-webkit-text-fill-color:#0000;background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 12px rgba(255,193,7,.55));font-family:var(--font-display);font-size:3rem;letter-spacing:-.02em}.title-card-game{color:var(--gold-400);font-family:var(--font-primary);font-size:.65rem;font-weight:600;letter-spacing:.22em;opacity:.8;text-transform:uppercase}.game-container-3d{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:140px 1fr 120px;padding:24px 12px;position:relative;width:min(980px,98vw);z-index:5}.container-left{display:flex;flex-direction:column;gap:var(--spacing-3)}.player-profile-mini{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--surface-glass);border:1px solid #ffc10738;border-radius:var(--radius-xl);box-shadow:var(--shadow-md),inset 0 1px 0 #ffffff0f;cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-2);padding:14px 12px;transition:var(--transition-spring)}.player-profile-mini:hover{border-color:#ffc1078c;box-shadow:var(--shadow-lg),var(--gold-glow-sm);transform:translateY(-2px)}.avatar-mini{align-items:center;background:var(--grad-gold);border-radius:50%;box-shadow:0 0 0 3px #ffc10759,var(--shadow-md);display:flex;height:56px;justify-content:center;position:relative;width:56px}.level-badge-mini{background:var(--grad-gold);border:1.5px solid var(--navy-950);border-radius:var(--radius-pill);color:#111;font-family:var(--font-numeric);font-size:.6rem;font-weight:700;left:-4px;line-height:1.4;min-width:18px;padding:1px 5px;position:absolute;text-align:center;top:-4px}.avatar-emoji{filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));font-size:1.75rem;line-height:1}.profile-details-mini{align-items:center;display:flex;flex-direction:column;gap:4px;width:100%}.username-display-mini{color:#fff;font-family:var(--font-primary);font-size:.82rem;font-weight:600;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coins-row-mini{align-items:center;background:#0000004d;border:1px solid #ffc1072e;border-radius:var(--radius-pill);display:flex;font-size:.78rem;gap:4px;padding:3px 8px}.coin-value-mini{color:var(--gold-400);font-family:var(--font-numeric);font-weight:600;letter-spacing:.03em}.coin-add-mini{align-items:center;background:var(--grad-gold);border:none;border-radius:50%;color:#111;cursor:pointer;display:flex;flex-shrink:0;font-size:.85rem;font-weight:800;height:18px;justify-content:center;line-height:1;transition:var(--transition-fast);width:18px}.coin-add-mini:hover{box-shadow:var(--gold-glow-sm);transform:scale(1.2)}.reward-item-mini{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--surface-glass);border:1px solid #ffffff14;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;gap:var(--spacing-2);padding:10px;transition:var(--transition-spring)}.reward-item-mini:hover{border-color:#ffffff38;box-shadow:var(--shadow-md);transform:translateX(3px)}.reward-item-mini.daily:hover{border-color:#a78bfa80;box-shadow:var(--shadow-md),0 0 10px #a78bfa4d}.reward-item-mini.coins:hover{border-color:#fb923c80;box-shadow:var(--shadow-md),0 0 10px #fb923c4d}.reward-item-mini.refer:hover{border-color:#f472b680;box-shadow:var(--shadow-md),0 0 10px #f472b64d}.reward-icon-mini{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:32px;justify-content:center;width:32px}.reward-icon-mini.purple{background:linear-gradient(135deg,#7c3aed,#a855f7);box-shadow:0 0 10px #a78bfa66}.reward-icon-mini.orange{background:linear-gradient(135deg,#ea580c,#f97316);box-shadow:0 0 10px #fb923c66}.reward-icon-mini.pink{background:linear-gradient(135deg,#be185d,#ec4899);box-shadow:0 0 10px #f472b666}.reward-text-mini{display:flex;flex-direction:column;gap:1px;min-width:0}.reward-name-mini{color:#ffffffd9;font-size:.72rem;font-weight:600;letter-spacing:.03em}.reward-val-mini{color:#ffffff80;font-family:var(--font-numeric);font-size:.7rem}.reward-val-mini.green{animation:pulseGlow 2s ease-in-out infinite;color:var(--emerald-400);font-weight:700}.container-center{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-4)}.cards-display{align-items:flex-end;display:flex;gap:0;height:120px;max-width:200px;padding:0 24px;position:relative;width:100%}.cards-display .playing-card{background:linear-gradient(160deg,#fefefe,#e8e0d4);border:1px solid #0000001f;border-radius:var(--card-radius);box-shadow:var(--shadow-card);display:flex;flex-direction:column;height:105px;justify-content:space-between;overflow:hidden;padding:5px 6px;position:absolute;transform-origin:bottom center;transition:var(--transition-spring);width:70px}.cards-display .playing-card:before{background:linear-gradient(160deg,#fff9,#0000 55%);border-radius:var(--card-radius);content:"";inset:0;pointer-events:none;position:absolute}.cards-display .left-card{left:0;transform:rotate(-12deg) translateY(-8px);z-index:1}.cards-display .right-card{right:0;transform:rotate(12deg) translateY(-8px);z-index:1}.cards-display .playing-card:hover{box-shadow:var(--shadow-card-hover);transform:rotate(0) translateY(-20px) scale(1.06);z-index:10}.cards-display .card-corner{align-items:center;display:flex;flex-direction:column;line-height:1}.cards-display .card-rank{color:#1a1a2e;font-family:var(--font-numeric);font-size:.85rem;font-weight:800}.cards-display .card-suit{color:#1a1a2e;font-size:.7rem}.cards-display .card-corner.red .card-rank,.cards-display .card-corner.red .card-suit,.cards-display .card-face.red .face-letter,.cards-display .card-face.red .face-suit-large{color:#dc2626}.cards-display .card-corner.br{align-self:flex-end;transform:rotate(180deg)}.cards-display .card-face{align-items:center;display:flex;flex:1 1;justify-content:center}.face-decoration{align-items:center;display:flex;flex-direction:column;gap:2px}.face-letter{color:#1a1a2e;font-family:var(--font-display);font-size:1.6rem;line-height:1;text-shadow:1px 1px 0 #0000001a}.face-suit-large{color:#1a1a2e;font-size:1.1rem;line-height:1}.menu-table{background:var(--grad-felt);border-radius:120px/50px;box-shadow:var(--shadow-table),inset 0 3px 10px #00000080,0 0 0 4px var(--felt-800),0 0 0 6px #ffc10740,0 0 40px #22c55e1f;max-width:380px;overflow:hidden;padding:5px;position:relative;width:100%}.menu-table:before{background:radial-gradient(ellipse at 50% 0,#ffffff0f 0,#0000 65%);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.table-surface{align-items:center;border:2px solid #ffc1072e;border-radius:110px/42px;display:flex;justify-content:center;padding:18px 0 14px}.table-title{-webkit-text-fill-color:#0000;animation:trophyGlow 3s ease-in-out infinite;background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 16px rgba(255,193,7,.65)) drop-shadow(0 2px 4px rgba(0,0,0,.6));font-family:var(--font-display);font-size:2.8rem;letter-spacing:.06em;margin:0}.main-buttons{display:flex;gap:var(--spacing-3);max-width:380px;width:100%}.play-btn{align-items:center;border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:var(--font-primary);font-size:.72rem;font-weight:800;gap:1px;justify-content:center;letter-spacing:.04em;outline:none;overflow:hidden;padding:14px 6px;position:relative;text-transform:uppercase;transition:var(--transition-spring)}.play-btn:before{background:linear-gradient(180deg,#ffffff2e,#0000 50%);inset:0}.play-btn:after,.play-btn:before{content:"";pointer-events:none;position:absolute}.play-btn:after{background:linear-gradient(105deg,#0000,#ffffff38 50%,#0000);height:200%;left:-30%;top:-60%;transform:skewX(-15deg) translateX(-100%);transition:.5s;width:50%}.play-btn:hover:after{transform:skewX(-15deg) translateX(350%)}.play-btn:hover{box-shadow:var(--shadow-xl);transform:translateY(-3px)}.play-btn:active{transform:translateY(0) scale(.96)}.play-btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.play-btn>span:first-child{font-size:.65rem;opacity:.85}.play-btn>span:last-child{font-size:.82rem}.green-btn{background:linear-gradient(145deg,#16a34a,#15803d 60%,#14532d);box-shadow:var(--shadow-md),0 4px 0 #14532d,var(--emerald-glow-sm);color:#fff;text-shadow:0 1px 3px #00000080}.green-btn:hover{box-shadow:var(--shadow-xl),0 4px 0 #14532d,var(--emerald-glow)}.orange-btn{background:linear-gradient(145deg,#ea580c,#c2410c 60%,#9a3412);box-shadow:var(--shadow-md),0 4px 0 #9a3412,0 0 12px #ea580c59;color:#fff;text-shadow:0 1px 3px #00000080}.orange-btn:hover{box-shadow:var(--shadow-xl),0 4px 0 #9a3412,0 0 20px #ea580c80}.blue-btn{background:linear-gradient(145deg,#2563eb,#1d4ed8 60%,#1e3a8a);box-shadow:var(--shadow-md),0 4px 0 #1e3a8a,var(--sapphire-glow);color:#fff;text-shadow:0 1px 3px #00000080}.blue-btn:hover{box-shadow:var(--shadow-xl),0 4px 0 #1e3a8a,0 0 20px #2563eb80}.bottom-row-inner{display:flex;gap:var(--spacing-3);max-width:380px;width:100%}.bottom-item{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--surface-glass);border:1px solid #ffffff1a;border-radius:var(--radius-lg);color:#fffc;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.72rem;font-weight:600;gap:4px;padding:10px 6px;transition:var(--transition-spring)}.bottom-item:hover{background:#ffffff14;border-color:#ffffff47;box-shadow:var(--shadow-md);color:#fff;transform:translateY(-2px)}.friends-btn .friends-emoji{font-size:1.3rem}.friends-btn .friends-text{font-size:.7rem;font-weight:700}.container-right{gap:var(--spacing-3)}.action-item-mini,.container-right{align-items:center;display:flex;flex-direction:column}.action-item-mini{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--surface-glass);border:1px solid #ffffff1a;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);cursor:pointer;gap:5px;height:88px;justify-content:center;padding:0;transition:var(--transition-spring);width:88px}.action-item-mini:hover{background:#ffc1070f;border-color:#ffc10766;box-shadow:var(--shadow-md),var(--gold-glow-sm);transform:translateY(-3px) scale(1.04)}.action-item-mini:active{transform:scale(.96)}.action-emoji-mini{filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));font-size:1.55rem;line-height:1}.action-name-mini{color:#ffffffbf;font-family:var(--font-primary);font-size:.6rem;font-weight:600;letter-spacing:.02em;line-height:1.3;max-width:80px;padding:0 4px;text-align:center}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#060a16d9;display:flex;flex-direction:column;gap:var(--spacing-4);inset:0;justify-content:center;position:fixed;z-index:9999}.loading-overlay p{animation:breathe 1.5s ease-in-out infinite;color:var(--gold-400);font-family:var(--font-primary);font-size:1.1rem;font-weight:600;letter-spacing:.08em}.error-msg{animation:popupBounce .35s var(--ease-spring) both;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#dc262626;border:1px solid #dc262673;border-radius:var(--radius-pill);box-shadow:var(--shadow-md);color:#fca5a5;font-size:.88rem;font-weight:500;left:50%;padding:10px 20px;position:fixed;top:16px;transform:translateX(-50%);z-index:999}.modal-overlay{align-items:center;animation:fadeIn .2s ease both;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04070fb8;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:popupBounce .35s var(--ease-spring) both;background:linear-gradient(160deg,var(--navy-800) 0,var(--navy-900) 100%);border:1px solid #ffc10733;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xxl),inset 0 1px 0 #ffffff12,0 0 40px #0009;max-width:380px;padding:28px 24px 24px;position:relative;width:100%}.modal-content.large{max-width:520px}.modal-content.success{border-color:#22c55e66;box-shadow:var(--shadow-xxl),var(--emerald-glow);text-align:center}.modal-content h2{color:#fff;font-family:var(--font-display);font-size:1.4rem;letter-spacing:.04em;margin:0 0 16px;text-align:center}.modal-body{display:flex;flex-direction:column;gap:var(--spacing-3)}.modal-body.rules h3{color:var(--gold-400);font-size:1rem;font-weight:700;margin:10px 0 4px}.modal-body.rules li,.modal-body.rules p{color:#ffffffc7;font-size:.88rem;line-height:1.55}.modal-body.rules ol,.modal-body.rules ul{padding-left:18px}.modal-close{align-items:center;background:#ffffff0f;border:1px solid #ffffff26;border-radius:50%;color:#fff9;cursor:pointer;display:flex;font-size:.85rem;height:30px;justify-content:center;line-height:1;position:absolute;right:14px;top:12px;transition:var(--transition-fast);width:30px}.modal-close:hover{background:#dc262640;border-color:#dc262680;color:#fca5a5;transform:scale(1.1)}.modal-input{background:#00000059;border:1px solid #ffffff1f;border-radius:var(--radius-lg);box-sizing:border-box;color:#fff;font-family:var(--font-primary);font-size:.9rem;outline:none;padding:11px 14px;transition:var(--transition-base);width:100%}.modal-input::placeholder{color:#ffffff4d}.modal-input:focus{background:#00000080;border-color:#ffc10780;box-shadow:0 0 0 3px #ffc1071a}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{color:#ffffff8c;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.modal-btn{border:none;border-radius:var(--radius-lg);box-sizing:border-box;cursor:pointer;font-family:var(--font-primary);font-size:.92rem;font-weight:700;letter-spacing:.04em;overflow:hidden;padding:13px 16px;position:relative;transition:var(--transition-spring);width:100%}.modal-btn:after{background:linear-gradient(105deg,#0000,#fff3 50%,#0000);content:"";height:200%;left:-30%;position:absolute;top:-60%;transform:skewX(-15deg) translateX(-100%);transition:.45s;width:40%}.modal-btn:hover:after{transform:skewX(-15deg) translateX(400%)}.modal-btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.modal-btn:active{transform:scale(.97)}.modal-btn.primary{background:var(--grad-btn-primary);box-shadow:var(--shadow-md),0 3px 0 #0006;color:#fff;text-shadow:0 1px 2px #0006}.modal-btn.secondary{background:var(--surface-2);border:1px solid #ffffff26;color:#ffffffd9}.modal-btn.secondary:hover{border-color:#ffffff59}.modal-btn.gold{background:var(--grad-gold);box-shadow:var(--shadow-md),var(--gold-glow-sm);color:#111;font-weight:800}.modal-btn.gold:hover{box-shadow:var(--shadow-xl),var(--gold-glow)}.modal-btn.danger{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;text-shadow:0 1px 2px #0006}.modal-btn.facebook{background:linear-gradient(135deg,#1877f2,#145fd6);color:#fff;font-weight:700}.auth-error{background:#dc26261f;border:1px solid #dc262659;border-radius:var(--radius-md);color:#fca5a5;font-size:.83rem;padding:8px 12px;text-align:center}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-3)}.auth-switch{color:#ffffff80;font-size:.8rem;text-align:center}.link-btn{background:none;border:none;color:var(--gold-400);cursor:pointer;font-size:inherit;font-weight:700;padding:0;text-decoration:underline;text-underline-offset:2px;transition:var(--transition-fast)}.link-btn:hover{color:var(--gold-300)}.auth-info{background:#ffc1070f;border:1px solid #ffc10726;border-radius:var(--radius-md);color:#fff9;font-size:.78rem;line-height:1.7;padding:10px 12px;text-align:center}.auth-info strong{color:var(--gold-400)}.large-avatar,.profile-preview{display:flex;justify-content:center}.large-avatar{align-items:center;background:var(--grad-gold);border-radius:50%;box-shadow:0 0 0 4px #ffc1074d,var(--shadow-lg);height:72px;position:relative;width:72px}.level-badge-large{background:var(--grad-gold);border:2px solid var(--navy-950);border-radius:var(--radius-pill);color:#111;font-family:var(--font-numeric);font-size:.68rem;font-weight:800;left:-5px;min-width:20px;padding:2px 6px;position:absolute;text-align:center;top:-5px}.avatar-large{font-size:2.5rem;line-height:1}.profile-name-section{display:flex;flex-direction:column;gap:6px}.profile-name-section label{color:#ffffff8c;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.avatar-selection-section{display:flex;flex-direction:column;gap:8px}.avatar-selection-section label{color:#ffffff8c;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.avatar-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));max-height:140px;overflow-y:auto;padding:4px;scrollbar-color:#ffc1074d #0000;scrollbar-width:thin}.avatar-option{align-items:center;aspect-ratio:1;background:#ffffff0d;border:2px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:1.4rem;justify-content:center;padding:0;transition:var(--transition-fast)}.avatar-option:hover{background:#ffffff1a;border-color:#ffffff40;transform:scale(1.1)}.avatar-option.selected{background:#ffc1071f;border-color:var(--gold-500);box-shadow:var(--gold-glow-sm);transform:scale(1.08)}.profile-stats{grid-gap:var(--spacing-2);display:grid;gap:var(--spacing-2);grid-template-columns:repeat(4,1fr)}.stat-item{align-items:center;background:#0000004d;border:1px solid #ffffff0f;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:3px;padding:8px 4px}.stat-label{color:#ffffff73;font-size:.62rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.stat-value{color:#fff;font-family:var(--font-numeric);font-size:.88rem;font-weight:700}.modal-hint{color:#fff6;font-size:.78rem;margin:0;text-align:center}.modal-divider{color:#ffffff4d;font-size:.72rem;font-weight:700;letter-spacing:.12em;position:relative;text-align:center}.modal-divider:after,.modal-divider:before{background:#ffffff1f;content:"";height:1px;position:absolute;top:50%;width:36%}.modal-divider:before{left:0}.modal-divider:after{right:0}.room-code-display{animation:glowPulse 2s ease-in-out infinite;background:#ffc10714;border:2px dashed #ffc1074d;font-weight:700;letter-spacing:.25em;padding:14px}.bonus-amount,.room-code-display{color:var(--gold-400);font-family:var(--font-numeric);font-size:2rem;text-align:center}.bonus-amount{animation:numberPop .5s var(--ease-spring) both;font-weight:800;text-shadow:var(--gold-glow-sm)}.share-link{background:#0006;border:1px solid #ffffff1f;border-radius:var(--radius-md);color:#ffffff8c;font-family:var(--font-numeric);font-size:.72rem;line-height:1.4;padding:10px 12px;word-break:break-all}.star-rating{display:flex;gap:6px;justify-content:center}.star-rating .star{cursor:pointer;font-size:2rem;transition:var(--transition-fast)}.star-rating .star:hover{transform:scale(1.25)}.coin-package{align-items:center;background:#ffc1070f;border:1px solid #ffc10733;border-radius:var(--radius-lg);color:#fff;display:flex;font-size:.92rem;font-weight:600;justify-content:space-between;padding:12px 16px}.coin-package .price{color:var(--emerald-400)}.coin-package .price,.friend-code{font-family:var(--font-numeric);font-weight:800}.friend-code{background:#ffc10712;border:1px solid #ffc10740;border-radius:var(--radius-lg);color:var(--gold-400);font-size:1.4rem;letter-spacing:.18em;padding:12px;text-align:center}.friends-empty{color:#fff6;font-size:.88rem;line-height:1.6;padding:16px;text-align:center}@media (max-width:768px){.game-container-3d{grid-template-columns:1fr;max-width:420px}.container-left{flex-direction:row;flex-wrap:wrap;justify-content:center}.player-profile-mini{flex-direction:row;gap:var(--spacing-3);width:100%}.container-right{flex-direction:row;flex-wrap:wrap;justify-content:center}.action-item-mini{height:72px;width:72px}.table-title{font-size:2rem}.game-title-corner{right:12px;top:8px}.title-29{font-size:2rem}.cards-display{height:90px}.cards-display .playing-card{height:82px;width:55px}}@media (max-width:480px){.main-buttons{flex-direction:column}.play-btn{flex-direction:row;gap:6px;padding:12px}.play-btn>span:first-child,.play-btn>span:last-child{font-size:.82rem}.profile-stats{grid-template-columns:repeat(2,1fr)}}.spinner{animation:spin .75s linear infinite;border:4px solid #ffc10726;border-radius:50%;border-top:4px solid var(--gold-500);height:44px;width:44px}@keyframes spin{to{transform:rotate(1turn)}}.game-table{background:var(--grad-bg);color:#fff;display:flex;flex-direction:column;font-family:var(--font-primary);min-height:100vh;overflow:hidden;position:relative;width:100%}.game-table>div:first-child:not(.game-hud),.waiting-screen{align-items:center;display:flex;flex:1 1;justify-content:center}.waiting-screen{padding:32px 16px}.waiting-room{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--surface-glass);border:1px solid #ffc10733;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xxl),inset 0 1px 0 #ffffff12;display:flex;flex-direction:column;gap:var(--spacing-5);max-width:420px;padding:36px 28px;text-align:center;width:100%}.waiting-room h2{-webkit-text-fill-color:#0000;background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;font-family:var(--font-display);font-size:1.6rem;letter-spacing:.05em;margin:0}.timer-circle{height:80px;position:relative;width:80px}.timer-circle svg{filter:drop-shadow(0 0 8px rgba(34,197,94,.4));inset:0;position:absolute}.timer-value{align-items:center;color:#fff;display:flex;font-family:var(--font-numeric);font-size:1.6rem;font-weight:700;inset:0;justify-content:center;position:absolute}.timer-text{color:#fff9;font-size:.82rem;letter-spacing:.05em;margin:0}.room-code-display{background:#00000059;border:1px solid #ffffff1f;border-radius:var(--radius-lg);color:#fff9;font-size:.88rem;padding:10px 18px}.room-code-display .code{color:var(--gold-400);font-family:var(--font-numeric);font-weight:800;letter-spacing:.15em;margin-left:6px}.player-slots{grid-gap:var(--spacing-2);display:grid;gap:var(--spacing-2);grid-template-columns:1fr 1fr;width:100%}.player-slot{align-items:center;background:#00000040;border:1px solid #ffffff1a;border-radius:var(--radius-lg);display:flex;font-size:.82rem;gap:var(--spacing-2);padding:10px 12px;transition:var(--transition-base)}.player-slot.filled{background:#22c55e0f;border-color:#22c55e4d}.player-avatar{align-items:center;background:#ffffff1a;border-radius:50%;display:flex;flex-shrink:0;font-size:.9rem;height:28px;justify-content:center;width:28px}.player-avatar.empty{color:#ffffff4d}.bot-badge{font-size:.75rem;margin-left:auto}.waiting-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-3);justify-content:center}.player-count-info{color:#fff6;font-size:.8rem;margin:0}.btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-size:.85rem;font-weight:700;gap:5px;justify-content:center;letter-spacing:.04em;outline:none;overflow:hidden;padding:9px 18px;position:relative;transition:var(--transition-spring);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:after{background:#ffffff0f;content:"";inset:0;opacity:0;position:absolute;transition:opacity .15s}.btn:hover:after{opacity:1}.btn:active{transform:scale(.94)}.btn:disabled{cursor:not-allowed;opacity:.45;pointer-events:none;transform:none}.btn-sm{border-radius:var(--radius-md);font-size:.78rem;padding:6px 12px}.btn-primary{background:var(--grad-btn-primary);box-shadow:var(--shadow-md),0 3px 0 #00000059;color:#fff;text-shadow:0 1px 2px #00000059}.btn-primary:hover{box-shadow:var(--shadow-lg),0 3px 0 #00000059;transform:translateY(-2px)}.btn-secondary{background:var(--surface-3);border:1px solid #ffffff1f;color:#ffffffd9}.btn-secondary:hover{border-color:#ffffff4d;transform:translateY(-2px)}.btn-outline{background:#0000;border:1px solid #ffffff38;color:#ffffffbf}.btn-outline:hover{background:#ffffff0d;border-color:#ffffff80;color:#fff}.btn-danger{background:linear-gradient(145deg,#dc2626,#b91c1c);box-shadow:var(--shadow-md),0 3px 0 #7f1d1d,var(--ruby-glow);color:#fff;text-shadow:0 1px 2px #0006}.btn-danger:hover{box-shadow:var(--shadow-xl),0 3px 0 #7f1d1d,0 0 20px #dc262680;transform:translateY(-2px)}.btn-gold{background:var(--grad-gold);box-shadow:var(--shadow-md),0 3px 0 #92400e,var(--gold-glow-sm);color:#111;font-weight:800}.btn-gold:hover{box-shadow:var(--shadow-xl),0 3px 0 #92400e,var(--gold-glow);transform:translateY(-2px)}.btn-icon{font-size:1rem;height:34px;padding:8px;width:34px}.game-hud.top-hud{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#060a16e0;border-bottom:1px solid #ffc1071f;box-shadow:0 4px 20px #0006;display:flex;gap:var(--spacing-3);justify-content:space-between;min-height:52px;padding:6px 12px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.hud-left,.hud-right{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-2)}.room-code-badge{background:#0006;border:1px solid #ffffff1f;border-radius:var(--radius-pill);color:#ffffff80;font-family:var(--font-numeric);font-size:.72rem;letter-spacing:.08em;padding:3px 10px}.sound-toggle{background:#ffffff12;border:1px solid #ffffff1a;border-radius:var(--radius-md);font-size:1rem}.sound-toggle.muted{opacity:.45}.hud-scores-center{align-items:center;display:flex;flex:1 1;gap:var(--spacing-3);justify-content:center;overflow-x:auto;scrollbar-width:none}.hud-scores-center::-webkit-scrollbar{display:none}.hud-trump-panel{align-items:center;background:#0006;border:1px solid #ffffff26;border-radius:var(--radius-md);display:flex;flex-direction:column;min-width:44px;padding:3px 10px}.hud-trump-panel.no-trump-mode{background:#9333ea1a;border-color:#9333ea66}.hud-trump-label{color:#fff6;font-size:.55rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.hud-trump-value{font-size:1.3rem;line-height:1.2}.hud-trump-value.secret{filter:grayscale(1);opacity:.5}.hud-trump-value.no-trump-icon{font-size:1rem}.score-section{align-items:center;display:flex;flex-direction:column;gap:1px}.score-label{color:#fff6;font-size:.55rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.score-values{align-items:center;display:flex;gap:4px}.score-separator{color:#ffffff4d;font-size:.7rem;font-weight:700}.team-score{align-items:center;color:#fff9;display:flex;font-family:var(--font-numeric);font-size:.9rem;gap:3px}.team-score.my-team{color:var(--gold-400);font-weight:700}.team-abbr{font-size:.58rem;font-weight:700;letter-spacing:.05em;opacity:.6;text-transform:uppercase}.game-wins,.score-value{font-family:var(--font-numeric);font-size:1rem;font-weight:700}.game-wins{color:#fff9}.game-wins.my-team-win{color:var(--gold-400);text-shadow:var(--gold-glow-sm)}.phase-badge-container{align-items:center;display:flex;flex-direction:column;gap:2px}.phase-badge{background:#ffffff0f;border:1px solid #ffffff1a;color:#ffffff80;font-family:var(--font-primary);font-size:.6rem;font-weight:700;letter-spacing:.1em;padding:2px 8px}.multiplier-badge,.phase-badge{border-radius:var(--radius-pill)}.multiplier-badge{font-family:var(--font-numeric);font-size:.72rem;font-weight:800;padding:1px 7px}.multiplier-badge.doubled{background:#ea580c33;border:1px solid #ea580c66;color:#fb923c}.multiplier-badge.redoubled{animation:glowPulse 1.5s ease-in-out infinite;background:#dc262633;border:1px solid #dc262666;color:#f87171}.hud-target-panel{align-items:center;background:#ffc10714;border:1px solid #ffc10740;border-radius:var(--radius-md);display:flex;flex-direction:column;min-width:50px;padding:3px 10px}.hud-target-label{color:#ffc10799;font-size:.55rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.hud-target-value{color:var(--gold-400);font-family:var(--font-numeric);font-size:1.1rem;font-weight:800;text-shadow:var(--gold-glow-sm)}.hud-target-bidder{color:#ffc10780;font-size:.6rem;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-container{grid-gap:0;display:grid;flex:1 1;gap:0;grid-template-areas:". top ." "left center right" ". bottom .";grid-template-columns:minmax(80px,15%) 1fr minmax(80px,15%);grid-template-rows:minmax(100px,18%) 1fr minmax(130px,22%);overflow:hidden;position:relative;width:100%}.player-position.top{align-items:center;display:flex;flex-direction:column;grid-area:top;justify-content:flex-end;padding-bottom:8px}.player-position.left{grid-area:left}.player-position.left,.player-position.right{align-items:center;display:flex;flex-direction:column;justify-content:center}.player-position.right{grid-area:right}.player-position.bottom{align-items:center;display:flex;flex-direction:column;grid-area:bottom;justify-content:flex-start;padding-top:8px}.play-area{align-items:center;background:radial-gradient(ellipse 90% 80% at 50% 50%,var(--felt-700) 0,var(--felt-900) 75%,#0000 100%);border-radius:50%;box-shadow:inset 0 0 60px #00000080,inset 0 0 20px #0000004d,0 0 0 4px var(--felt-800),0 0 0 7px #ffc10726,0 0 80px #22c55e14;grid-area:center;margin:8px;position:relative}.opponent-cards,.play-area{display:flex;justify-content:center}.opponent-cards{padding:4px}.opponent-cards.horizontal{flex-direction:column;gap:2px;padding:4px 2px}.current-trick{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.trick-card{filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));position:absolute;transition:all .35s var(--ease-spring)}.trick-card.position-bottom{transform:translateY(28px)}.trick-card.position-top{transform:translateY(-28px)}.trick-card.position-left{transform:translateX(-28px)}.trick-card.position-right{transform:translateX(28px)}.my-cards{display:flex;flex-wrap:nowrap;justify-content:center;overflow:visible}.my-cards .playing-card{cursor:pointer;margin:0 -10px}.player-info{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface-glass);border:1px solid #ffffff1a;border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);color:#fffc;display:flex;font-size:.72rem;font-weight:600;gap:5px;max-width:130px;padding:4px 10px;transition:var(--transition-base);white-space:nowrap}.player-info.empty{border-style:dashed;color:#ffffff4d}.player-info.current-turn{animation:turnRing 1.5s linear infinite;background:#22c55e1f;border-color:var(--emerald-500);box-shadow:var(--shadow-sm),var(--emerald-glow-sm),0 0 0 2px #22c55e59;color:#fff}.player-info.partner{background:#ffc10712;border-color:#ffc1074d}.player-avatar-small{font-size:.9rem;line-height:1}.player-name{max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.partner-badge{background:#ffc10726;border:1px solid #ffc1074d;border-radius:var(--radius-pill);color:var(--gold-400);font-size:.58rem;font-weight:700;letter-spacing:.04em;padding:1px 5px}.my-player-info{flex-wrap:wrap;gap:var(--spacing-2);padding:6px 12px}.my-player-info,.turn-timer-ring{align-items:center;display:flex;justify-content:center}.turn-timer-ring{animation:turnRing 1s linear infinite;background:#22c55e26;border:3px solid var(--emerald-500);border-radius:50%;box-shadow:var(--emerald-glow-sm);color:var(--emerald-400);font-family:var(--font-numeric);font-size:.85rem;font-weight:800;height:36px;width:36px}.turn-timer-ring.urgent{animation:turnRing .5s linear infinite;background:#ef444426;border-color:#ef4444;box-shadow:0 0 12px #ef444480;color:#ef4444}.turn-indicator{animation:breathe 1s ease-in-out infinite;color:var(--emerald-400);font-size:.75rem;font-weight:700;letter-spacing:.05em}.my-avatar{font-size:1.1rem}.my-name{color:#fff;font-size:.8rem;font-weight:700;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#060a16d1;border-top:1px solid #ffffff14;box-shadow:0 -4px 20px #0000004d;min-height:64px;padding:10px 16px}.action-panel,.bidding-controls{align-items:center;display:flex;justify-content:center}.bidding-controls{flex-wrap:wrap;gap:var(--spacing-3)}.bid-selector{align-items:center;background:#0006;border:1px solid #ffffff26;border-radius:var(--radius-lg);display:flex;gap:var(--spacing-2);padding:4px 8px}.bid-value{color:var(--gold-400);font-family:var(--font-numeric);font-size:1.5rem;font-weight:800;min-width:32px;text-align:center;text-shadow:var(--gold-glow-sm)}.double-challenge{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-2);width:100%}.challenge-msg{color:#ffffffbf;font-size:.88rem;margin:0;text-align:center}.challenge-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-2);justify-content:center}.trump-selection{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-2);width:100%}.trump-selection>p{color:#ffffffb3;font-size:.85rem;margin:0;text-align:center}.suit-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-2);justify-content:center}.suit-btn{align-items:center;background:color-mix(in srgb,#ffffff1a 12%,#0000);background:color-mix(in srgb,var(--suit-color,#ffffff1a) 12%,#0000);border:2px solid #fff3;border:2px solid var(--suit-color,#fff3);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm),0 0 10px color-mix(in srgb,#0000 20%,#0000);box-shadow:var(--shadow-sm),0 0 10px color-mix(in srgb,var(--suit-color,#0000) 20%,#0000);color:#ffffffd9;color:var(--suit-color,#ffffffd9);cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-primary);gap:2px;overflow:hidden;padding:10px 14px;position:relative;transition:var(--transition-spring)}.suit-btn:hover{background:color-mix(in srgb,#ffffff1a 25%,#0000);background:color-mix(in srgb,var(--suit-color,#ffffff1a) 25%,#0000);box-shadow:var(--shadow-lg),0 0 20px color-mix(in srgb,#0000 35%,#0000);box-shadow:var(--shadow-lg),0 0 20px color-mix(in srgb,var(--suit-color,#0000) 35%,#0000);transform:translateY(-3px) scale(1.05)}.suit-btn.no-trump{background:#9333ea1a;border-color:#9333ea80;color:#c084fc}.suit-symbol{font-size:1.4rem;line-height:1}.suit-name{font-size:.62rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.no-trump-bonus{color:var(--gold-400);font-size:.58rem;font-weight:700}.reveal-trump-options{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-3);justify-content:center}.reveal-trump-message{color:#ffffffa6;font-size:.82rem}.reveal-trump-buttons{display:flex;gap:var(--spacing-2)}.last-trick-panel{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--surface-glass);border:1px solid #ffffff1a;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:6px;max-width:90px;padding:10px 8px;position:fixed;right:12px;top:50%;transform:translateY(-50%);z-index:50}.last-trick-label{color:#fff6;font-size:.58rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.last-trick-cards{grid-gap:3px;display:grid;gap:3px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:64px;width:64px}.last-trick-card{align-items:center;background:linear-gradient(135deg,#fefefe,#e8e0d4);border:1px solid #0000001f;border-radius:4px;cursor:default;display:flex;flex-direction:column;gap:1px;justify-content:center;transition:var(--transition-fast)}.last-trick-card.winner{background:linear-gradient(135deg,#fff9e6,#fff0b3);border-color:var(--gold-500);box-shadow:0 0 6px #ffc10780}.last-trick-card.pos-north{grid-column:1;grid-row:1}.last-trick-card.pos-west{grid-column:2;grid-row:1}.last-trick-card.pos-east{grid-column:1;grid-row:2}.last-trick-card.pos-south{grid-column:2;grid-row:2}.mini-suit{font-size:.75rem;line-height:1}.mini-rank{color:#111;font-family:var(--font-numeric);font-size:.62rem;font-weight:800}.last-trick-winner{color:#fff6;font-size:.6rem;max-width:80px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.notice-board{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--surface-glass);border:1px solid #ffffff1a;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);left:12px;overflow:hidden;position:fixed;top:60px;width:220px;z-index:200}.notice-board-header{align-items:center;background:#00000040;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:8px 12px}.notice-board-title{color:#ffffffb3;font-size:.72rem;font-weight:700}.notice-board-close{background:none;border:none;border-radius:var(--radius-sm);color:#fff6;cursor:pointer;font-size:.8rem;padding:2px 4px;transition:var(--transition-fast)}.notice-board-close:hover{background:#ffffff1a;color:#fff}.notice-board-content{max-height:140px;overflow-y:auto;padding:4px 0;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin}.notification{border-bottom:1px solid #ffffff0d;color:#ffffffbf;cursor:pointer;font-size:.78rem;line-height:1.4;padding:6px 12px;transition:var(--transition-fast)}.notification:hover{background:#ffffff0f}.notification.success{color:var(--emerald-400)}.notification.error{color:#f87171}.notification.warning{color:#fbbf24}.notification.info{color:#60a5fa}.marriage-celebration{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:fixed;z-index:3000}.marriage-popup{animation:popupBounce .4s var(--ease-spring) both;background:linear-gradient(135deg,#141428f2,#0a0a19eb);border:2px solid #ffc10759;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xxl),var(--gold-glow);padding:28px 32px;text-align:center}.marriage-icon{font-size:2.5rem;margin-bottom:6px}.marriage-title{color:var(--gold-400);font-family:var(--font-display);font-size:1.8rem;letter-spacing:.1em;margin-bottom:4px;text-shadow:var(--gold-glow)}.marriage-player{color:#fff;font-size:1rem;font-weight:700}.marriage-details{color:#ffffffa6;font-size:.82rem;margin:4px 0}.marriage-points{color:var(--emerald-400);font-family:var(--font-numeric);font-size:1.4rem;font-weight:800;text-shadow:var(--emerald-glow-sm)}.target-achieved-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04070fbf;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:5000}.target-achieved-popup{animation:popupBounce .45s var(--ease-spring) both;background:linear-gradient(160deg,var(--navy-800),var(--navy-950));border:1px solid #ffc10740;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xxl),var(--gold-glow);max-width:400px;overflow:hidden;padding:32px 28px;position:relative;text-align:center;width:100%}.celebration-burst{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute}.burst-particle{--offset:60px;animation:burstOut .7s var(--ease-spring) both;font-size:1.2rem;position:absolute;transform:rotate(var(--angle)) translateY(calc(var(--offset)*-1));transform-origin:center}.target-icon{font-size:3rem;margin-bottom:8px}.target-title{color:#fff;font-family:var(--font-display);font-size:1.5rem;letter-spacing:.05em;margin-bottom:8px}.target-result{margin-bottom:12px}.round-win-text{color:var(--emerald-400);font-size:1rem;font-weight:700}.round-lose-text{color:#f87171;font-size:1rem;font-weight:700}.target-score-display{background:#00000059;border-radius:var(--radius-lg);color:#ffffffa6;font-size:.88rem;line-height:1.7;margin:10px 0;padding:12px}.bid-info{color:var(--gold-400);font-weight:700}.achieved-info{font-weight:600}.capot-bonus{background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--radius-lg);margin:8px 0;padding:10px}.capot-icon{font-size:1.5rem}.capot-text{color:#f87171;font-size:1rem;font-weight:800;letter-spacing:.05em}.capot-detail{color:#ffffff80;font-size:.78rem}.early-win-badge{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-pill);color:var(--gold-400);display:inline-block;font-size:.78rem;font-weight:700;margin:8px 0;padding:6px 14px}.game-score-update{border-top:1px solid #ffffff14;font-size:.85rem;margin-top:12px;padding-top:12px}.game-score-update .score-values{font-family:var(--font-numeric);font-size:1rem;gap:8px;justify-content:center;margin-top:4px}.my-score{color:var(--gold-400);font-weight:800;text-shadow:var(--gold-glow-sm)}.vs{color:#ffffff59;font-size:.75rem}.game-winner-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#04070fd9;display:flex;inset:0;justify-content:center;overflow:hidden;padding:16px;position:fixed;z-index:6000}.coin-celebration{inset:0;overflow:hidden;pointer-events:none;position:absolute}.floating-coin{animation:coinFall 3s linear 0s infinite;animation:coinFall var(--dur,3s) var(--delay,0s) linear infinite;font-size:1.5rem;position:absolute;top:-40px}.game-winner-popup{align-items:center;animation:popupBounce .5s var(--ease-spring) both;background:linear-gradient(160deg,var(--navy-800),var(--navy-950));border:1px solid #ffc1074d;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xxl),var(--gold-glow);box-shadow:var(--shadow-xxl),var(--gold-glow-lg,var(--gold-glow));display:flex;flex-direction:column;gap:12px;max-width:420px;padding:36px 28px 28px;position:relative;text-align:center;width:100%}.winner-confetti{font-size:2rem;left:14px;position:absolute;top:10px}.winner-confetti.right{left:auto;right:14px}.winner-icon{animation:trophyGlow 2s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,193,7,.7));font-size:4.5rem}.winner-title{-webkit-text-fill-color:#0000;background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 12px rgba(255,193,7,.5));font-family:var(--font-display);font-size:2.2rem;letter-spacing:.08em;text-shadow:none}.winner-team{color:#ffffffbf;font-size:1rem}.you-won{animation:breathe 1.2s ease-in-out infinite;color:var(--emerald-400);font-size:1.2rem;font-weight:800}.prize-celebration{background:#ffc10714;border:1px solid #ffc10740;border-radius:var(--radius-xl);box-shadow:var(--gold-glow-sm);padding:14px 20px}.prize-coins-icon{font-size:1.8rem;margin-bottom:4px}.prize-amount{color:var(--gold-400);font-family:var(--font-numeric);font-size:1.6rem;font-weight:800;text-shadow:var(--gold-glow)}.prize-from{color:#fff6;font-size:.72rem;margin-top:2px}.winner-scores{width:100%}.final-score{flex-direction:column;gap:6px}.final-score,.score-display{align-items:center;display:flex}.score-display{color:#ffffff8c;font-family:var(--font-numeric);font-size:1.8rem;font-weight:800;gap:10px}.winning-score{color:var(--gold-400);text-shadow:var(--gold-glow)}.winner-btn{margin-top:4px;width:100%}.timeout-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#04070fcc;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:7000}.timeout-popup{align-items:center;animation:popupBounce .4s var(--ease-spring) both;background:linear-gradient(160deg,var(--navy-800),var(--navy-950));border:1px solid #ef44444d;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xxl),0 0 30px #ef444440;display:flex;flex-direction:column;gap:12px;max-width:360px;padding:36px 28px;text-align:center;width:100%}.timeout-icon{animation:pulseGlow 1s ease-in-out infinite;font-size:3rem}.timeout-title{color:#f87171;font-family:var(--font-display);font-size:1.6rem;letter-spacing:.05em}.timeout-message{color:#fff9;font-size:.88rem;line-height:1.5;margin:0}.timeout-auto-exit{color:#fff6;font-size:.8rem;margin:0}.timeout-btn{width:100%}@media (max-width:768px){.table-container{grid-template-columns:minmax(60px,12%) 1fr minmax(60px,12%);grid-template-rows:minmax(80px,15%) 1fr minmax(110px,20%)}.game-hud.top-hud{min-height:44px;padding:4px 8px}.hud-scores-center{gap:var(--spacing-2)}.game-wins,.score-value{font-size:.85rem}.notice-board{width:180px}.last-trick-panel{max-width:72px}.last-trick-cards{height:52px;width:52px}}@media (max-width:480px){.table-container{grid-template-columns:minmax(50px,10%) 1fr minmax(50px,10%)}.action-panel{padding:8px}.suit-buttons{gap:4px}.suit-btn{padding:7px 9px}.suit-symbol{font-size:1.1rem}.game-winner-popup,.target-achieved-popup{padding:24px 16px}}.playing-card{animation:cardDeal .42s cubic-bezier(.22,1,.36,1) both;border-radius:var(--card-radius);cursor:default;flex-shrink:0;position:relative;transform-style:preserve-3d;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease,filter .15s ease}.card-size-normal,.playing-card{height:var(--card-height);width:var(--card-width)}.card-size-small{height:var(--card-height-md);width:var(--card-width-md)}.card-size-mini{border-radius:7px;height:60px;width:42px}.card-size-mini .card-rank{font-size:.72rem}.card-size-mini .card-suit{font-size:.65rem}.card-size-mini .card-center-suit{font-size:1.3rem}.card-face{background:var(--grad-card-face);border:1px solid #0000001f;border-radius:var(--card-radius);box-shadow:var(--shadow-card);height:100%;overflow:hidden;position:relative;width:100%}.card-face:before{background:linear-gradient(160deg,#ffffff8c,#0000 40%),repeating-linear-gradient(45deg,#0000,#0000 6px,rgba(0,0,0,.012) 0,rgba(0,0,0,.012) 12px);border-radius:inherit;inset:0}.card-face:after,.card-face:before{content:"";pointer-events:none;position:absolute}.card-face:after{background:linear-gradient(180deg,#ffffff73,#0000);border-radius:0 0 50% 50%;height:32%;left:8%;opacity:.7;top:0;width:84%}.card-corner{align-items:center;color:#111;color:var(--suit-color,#111);display:flex;flex-direction:column;line-height:1;position:absolute;z-index:1}.top-left{left:5px;top:4px}.bottom-right{bottom:4px;right:5px;transform:rotate(180deg)}.card-rank{font-family:Georgia,Times New Roman,serif;font-size:.9rem;font-weight:800;line-height:1}.card-suit{font-size:.75rem;line-height:1.1}.card-center{color:#111;color:var(--suit-color,#111);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.card-center-suit{display:block;font-size:2.1rem;line-height:1}.face-card-art{align-items:center;display:flex;flex-direction:column;gap:1px}.face-card-letter{font-family:Georgia,serif;font-size:1.65rem;font-weight:900}.face-card-letter,.face-card-suit{color:#111;color:var(--suit-color,#111);line-height:1}.face-card-suit{font-size:1.2rem}.face-card .card-face{background:linear-gradient(160deg,#fffef8,#f5f4ec 50%,#ede9de)}.card-back{align-items:center;background:linear-gradient(145deg,#0f2d4f,#061829);border:2px solid #153d6ae6;border-radius:var(--card-radius);box-shadow:0 2px 6px #0000004d,0 6px 18px #0006,inset 0 1px 0 #ffffff1f;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.card-back:before{background:linear-gradient(180deg,#ffffff14,#0000);border-radius:0 0 50% 50%;content:"";height:30%;left:10%;position:absolute;top:0;width:80%}.card-back-pattern{align-items:center;background:repeating-linear-gradient(45deg,#0000,#0000 5px,#ffc1070a 0,#ffc1070a 10px),repeating-linear-gradient(-45deg,#0000,#0000 5px,#153d6a0f 0,#153d6a0f 10px);border:1.5px solid #ffc10759;border-radius:calc(var(--card-radius) - 3px);display:flex;height:calc(100% - 10px);justify-content:center;position:relative;width:calc(100% - 10px)}.card-back-pattern span{color:var(--gold-500);font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:2px;text-shadow:0 0 12px #ffc10799,0 0 24px #ffc1074d}.playing-card.playable{cursor:pointer}.playing-card.playable .card-face{border-color:#22c55e73;box-shadow:var(--shadow-card),0 0 0 2px #22c55e4d,0 0 14px #22c55e33}.playing-card.playable:hover{transform:translateY(-14px) scale(1.06);z-index:20}.playing-card.playable:hover .card-face{box-shadow:var(--shadow-card-hover),0 0 0 2.5px #22c55e8c,0 0 20px #22c55e59}.playing-card.selected{transform:translateY(-20px) scale(1.09);z-index:25}.playing-card.selected .card-face{border-color:#ffc107cc;box-shadow:var(--shadow-card-selected)}.playing-card.selected:before{animation:pulseGlow 1.5s ease-in-out infinite;background:#0000;border:2.5px solid var(--gold-400);border-radius:calc(var(--card-radius) + 4px);box-shadow:var(--gold-glow-sm);content:"";inset:-4px;pointer-events:none;position:absolute;z-index:30}.playing-card.played{animation:cardPlay .25s ease both}.playing-card.face-down .card-back{border-color:#153d6ab3}@media (max-width:768px){.card-rank{font-size:.78rem}.card-suit{font-size:.68rem}.card-center-suit{font-size:1.6rem}.face-card-letter{font-size:1.35rem}}.profile-panel{font-family:var(--font-primary);margin:0 auto;max-width:420px;padding:20px 16px}.toast-notification{animation:slideDown .3s ease both,fadeOut .3s ease 2.7s forwards;border-radius:var(--radius-pill);box-shadow:var(--shadow-lg);font-size:.88rem;font-weight:600;left:50%;padding:10px 24px;position:fixed;top:20px;transform:translateX(-50%);white-space:nowrap;z-index:9800}.toast-notification.success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:var(--shadow-lg),var(--emerald-glow-sm);color:#fff}.toast-notification.error{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:var(--shadow-lg),var(--ruby-glow);color:#fff}.toast-notification.info{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:var(--shadow-lg),var(--sapphire-glow);color:#fff}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-100%)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes fadeOut{to{opacity:0;transform:translateX(-50%) translateY(-20px)}}.player-card{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--surface-glass);border:1px solid #ffc10738;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl),inset 0 1px 0 #ffffff12;display:flex;flex-direction:column;gap:var(--spacing-3);margin-bottom:var(--spacing-4);padding:24px 20px 20px;position:relative}.level-badge{background:var(--grad-gold);border:2px solid var(--navy-950);border-radius:var(--radius-pill);box-shadow:var(--gold-glow-sm);color:#111;font-family:var(--font-numeric);font-size:.72rem;font-weight:800;left:50%;letter-spacing:.04em;padding:3px 12px;position:absolute;top:-10px;transform:translateX(-50%)}.avatar-container{position:relative}.avatar{border:2px solid #ffffff26;border-radius:50%;box-shadow:0 0 0 4px #ffc10740,var(--shadow-lg);font-size:2.4rem;height:80px;width:80px}.avatar,.avatar-edit{align-items:center;display:flex;justify-content:center}.avatar-edit{background:var(--surface-3);border:1px solid #ffffff26;border-radius:50%;bottom:0;cursor:pointer;font-size:.7rem;height:24px;position:absolute;right:0;transition:var(--transition-fast);width:24px}.avatar-edit:hover{transform:scale(1.15)}.player-info{text-align:center}.player-name{color:#fff;font-family:var(--font-primary);font-size:1.1rem;font-weight:700;margin-bottom:6px}.player-coins{align-items:center;background:#00000059;border:1px solid #ffc10733;border-radius:var(--radius-pill);display:inline-flex;font-size:.9rem;gap:5px;padding:4px 12px}.coin-icon{font-size:1rem}.coin-amount{color:var(--gold-400);font-family:var(--font-numeric);font-weight:700;letter-spacing:.03em}.add-coins-btn{align-items:center;background:var(--grad-gold);border:none;border-radius:50%;color:#111;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;font-weight:800;height:20px;justify-content:center;line-height:1;transition:var(--transition-fast);width:20px}.add-coins-btn:hover{box-shadow:var(--gold-glow-sm);transform:scale(1.2)}.reward-buttons{flex-direction:column;margin-bottom:var(--spacing-4)}.reward-btn,.reward-buttons{display:flex;gap:var(--spacing-3)}.reward-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface-glass);border:1px solid #ffffff14;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);cursor:pointer;overflow:hidden;padding:14px 16px;position:relative;text-align:left;transition:var(--transition-spring)}.reward-btn:before{background:linear-gradient(90deg,#ffffff0a,#0000);content:"";inset:0;pointer-events:none;position:absolute}.reward-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.reward-btn:active{transform:scale(.97)}.reward-btn.disabled{cursor:not-allowed;opacity:.45;transform:none}.reward-btn.daily-bonus:hover{border-color:#a78bfa66;box-shadow:var(--shadow-md),0 0 12px #a78bfa33}.reward-btn.free-coins:hover{border-color:#fb923c66;box-shadow:var(--shadow-md),0 0 12px #fb923c33}.reward-btn.refer-friends:hover{border-color:#f472b666;box-shadow:var(--shadow-md),0 0 12px #f472b633}.reward-icon{align-items:center;border-radius:var(--radius-lg);display:flex;flex-shrink:0;font-size:1.4rem;height:44px;justify-content:center;width:44px}.reward-icon.daily{background:linear-gradient(135deg,#7c3aed,#a855f7);box-shadow:0 0 12px #a78bfa59}.reward-icon.play{background:linear-gradient(135deg,#ea580c,#f97316);box-shadow:0 0 12px #fb923c59}.reward-icon.refer{background:linear-gradient(135deg,#be185d,#ec4899);box-shadow:0 0 12px #f472b659}.reward-info{display:flex;flex:1 1;flex-direction:column;gap:3px}.reward-label{color:#ffffffe6;font-size:.88rem;font-weight:700}.reward-action.claim{animation:pulseGlow 2s ease-in-out infinite;color:var(--emerald-400);font-size:.8rem;font-weight:700}.reward-cooldown{color:#fff6;font-size:.75rem}.reward-amount{align-items:center;color:var(--gold-400);display:flex;font-family:var(--font-numeric);font-size:.82rem;font-weight:700;gap:3px}.coin-icon-sm{font-size:.85rem}.claims-remaining,.referral-count,.streak-badge{border-radius:var(--radius-pill);font-size:.62rem;font-weight:700;letter-spacing:.03em;padding:2px 7px;white-space:nowrap}.streak-badge{background:#a78bfa33;border:1px solid #a78bfa4d;color:#c4b5fd}.claims-remaining{background:#fb923c26;border:1px solid #fb923c4d;color:#fb923c}.referral-count{background:#f472b626;border:1px solid #f472b64d;color:#f472b6}.dialog-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04070fb8;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9000}.referral-dialog{animation:popupBounce .35s var(--ease-spring) both;background:linear-gradient(160deg,var(--navy-800),var(--navy-900));border:1px solid #ffc10733;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xxl),var(--gold-glow-sm);display:flex;flex-direction:column;gap:var(--spacing-3);max-width:360px;padding:28px 24px;position:relative;width:100%}.referral-dialog h2{color:#fff;font-family:var(--font-display);font-size:1.3rem;margin:0;text-align:center}.referral-dialog p{color:#fff9;font-size:.82rem;line-height:1.5;margin:0;text-align:center}.close-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;color:#ffffff80;cursor:pointer;display:flex;font-size:.82rem;height:28px;justify-content:center;position:absolute;right:14px;top:12px;transition:var(--transition-fast);width:28px}.close-btn:hover{background:#dc262633;color:#fca5a5}.referral-code-box{align-items:center;background:#0006;border:1px solid #ffc10733;border-radius:var(--radius-lg);display:flex;gap:var(--spacing-2);padding:10px 14px}.referral-code-box .code{color:var(--gold-400);flex:1 1;font-family:var(--font-numeric);font-size:1.3rem;font-weight:800;letter-spacing:.15em}.copy-btn{background:#ffc1071f;border:1px solid #ffc1074d;border-radius:var(--radius-md);color:var(--gold-400);cursor:pointer;font-size:.78rem;font-weight:700;padding:5px 10px;transition:var(--transition-fast);white-space:nowrap}.copy-btn:hover{background:#ffc10733}.share-buttons{display:flex;gap:var(--spacing-2)}.share-btn{border:none;border-radius:var(--radius-lg);cursor:pointer;flex:1 1;font-family:var(--font-primary);font-size:.82rem;font-weight:700;padding:10px;transition:var(--transition-spring)}.share-btn.whatsapp{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.share-btn.sms{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.share-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.referral-stats{grid-gap:var(--spacing-2);border-top:1px solid #ffffff14;display:grid;gap:var(--spacing-2);grid-template-columns:1fr 1fr;padding-top:var(--spacing-3)}.referral-stats .stat{align-items:center;background:#00000040;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:3px;padding:10px}.referral-stats .stat-value{color:var(--gold-400);font-family:var(--font-numeric);font-size:1.2rem;font-weight:800}.referral-stats .stat-label{color:#fff6;font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
/*# sourceMappingURL=main.1053d70c.css.map*/