@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;900&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--primary-gold: #FFD700;--secondary-gold: #FFA500;--dark-green: #0a3d2e;--light-green: #156b4a;--card-shadow: 0 10px 30px rgba(0, 0, 0, .4);--glow-gold: 0 0 30px rgba(255, 215, 0, .6);--win-color: #2ecc71;--lose-color: #e74c3c;--tie-color: #f39c12;--transition-smooth: all .15s cubic-bezier(.4, 0, .2, 1);--card-border: #e0e0e0;--card-front-bg: linear-gradient(145deg, #ffffff, #f5f5f5);--card-front-text: #2c3e50;--card-red: #e74c3c;--card-black: #2c3e50;--card-back-bg: linear-gradient(135deg, #2c3e50, #34495e);--chip-10: linear-gradient(45deg, #e74c3c, #c0392b);--chip-25: linear-gradient(45deg, #3498db, #2980b9);--chip-50: linear-gradient(45deg, #2ecc71, #27ae60);--chip-100: linear-gradient(45deg, #f39c12, #d68910);--chip-500: linear-gradient(45deg, #9b59b6, #8e44ad);--btn-danger: linear-gradient(45deg, #e74c3c, #c0392b);--btn-surrender: linear-gradient(45deg, #95a5a6, #7f8c8d);--btn-surrender-hover: linear-gradient(45deg, #aab7b8, #95a5a6);--error-color: #e74c3c;--bg-primary: #0a3d2e;--bg-secondary: #1a5f3f;--bg-container: rgba(0, 0, 0, .6);--bg-container-alt: rgba(0, 0, 0, .4);--bg-overlay: rgba(0, 0, 0, .1);--bg-card-area: rgba(0, 0, 0, .4);--bg-info-box: rgba(255, 255, 255, .1);--bg-info-box-alt: rgba(255, 255, 255, .05);--bg-modal: rgba(0, 0, 0, .9);--bg-modal-alt: rgba(0, 0, 0, .7);--text-primary: white;--text-secondary: rgba(255, 255, 255, .7);--border-gold: rgba(255, 215, 0, .2);--border-gold-strong: rgba(255, 215, 0, .3);--pattern-stripe: rgba(0, 0, 0, .1)}body.theme-light{--bg-primary: #e8f5e9;--bg-secondary: #c8e6c9;--bg-container: rgba(255, 255, 255, .85);--bg-container-alt: rgba(255, 255, 255, .65);--bg-overlay: rgba(0, 100, 0, .04);--bg-card-area: rgba(0, 80, 40, .08);--bg-info-box: rgba(0, 80, 40, .08);--bg-info-box-alt: rgba(0, 80, 40, .04);--bg-modal: rgba(255, 255, 255, .95);--bg-modal-alt: rgba(240, 240, 240, .95);--text-primary: #1a3d2e;--text-secondary: rgba(26, 61, 46, .7);--primary-gold: #b8860b;--secondary-gold: #cd950c;--border-gold: rgba(184, 134, 11, .25);--border-gold-strong: rgba(184, 134, 11, .4);--glow-gold: 0 0 20px rgba(184, 134, 11, .3);--card-shadow: 0 8px 24px rgba(0, 0, 0, .15);--pattern-stripe: rgba(0, 100, 0, .03)}body{font-family:Poppins,sans-serif;background:radial-gradient(ellipse at center,var(--bg-secondary) 0%,var(--bg-primary) 100%);min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--text-primary);overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(45deg,transparent,transparent 10px,var(--pattern-stripe) 10px,var(--pattern-stripe) 20px);pointer-events:none;z-index:1}.container{width:95%;max-width:1400px;background:linear-gradient(145deg,var(--bg-container),var(--bg-container-alt));border-radius:30px;padding:30px;box-shadow:0 20px 60px #00000080,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-gold);position:relative;z-index:10}.header{text-align:center;margin-bottom:30px;position:relative}h1{font-size:clamp(2em,5vw,4em);font-weight:900;text-transform:uppercase;letter-spacing:3px;background:linear-gradient(45deg,var(--primary-gold),var(--secondary-gold),var(--primary-gold));background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:goldShine 1.5s ease-in-out infinite;text-shadow:0 0 50px rgba(255,215,0,.5);position:relative}@keyframes goldShine{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.subtitle{font-size:clamp(.8em,2vw,1.2em);color:var(--text-secondary);margin-top:-10px;letter-spacing:3px}.user-btn{position:absolute;top:10px;left:10px;background:#ffd70033;border:1px solid rgba(255,215,0,.5);color:var(--primary-gold);padding:10px;border-radius:50%;cursor:pointer;transition:var(--transition-smooth);font-size:1.2em;width:45px;height:45px;display:flex;align-items:center;justify-content:center;z-index:20}.user-btn:hover{background:#ffd7004d;transform:scale(1.1)}.game-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;margin-bottom:30px}.info-box{background:linear-gradient(145deg,var(--bg-info-box),var(--bg-info-box-alt));padding:15px;border-radius:20px;border:2px solid var(--border-gold-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-smooth);text-align:center;position:relative;overflow:hidden}.info-box:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.1) 0%,transparent 70%);transform:rotate(45deg);transition:all .25s ease;opacity:0}.info-box:hover:before{opacity:1;transform:rotate(45deg) translate(10%,10%)}.info-box:hover{transform:translateY(-5px) scale(1.02);box-shadow:var(--glow-gold);border-color:var(--primary-gold)}.info-box h3{color:var(--primary-gold);margin-bottom:8px;font-size:1em;font-weight:600;text-transform:uppercase;letter-spacing:1px}.info-box .value{font-size:1.8em;font-weight:700;background:linear-gradient(45deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.game-area{background:radial-gradient(ellipse at center,var(--bg-card-area),rgba(0,0,0,.2));border-radius:25px;padding:25px;margin-bottom:25px;min-height:400px;box-shadow:inset 0 5px 30px #0000004d;border:1px solid var(--border-gold)}.dealer-area,.player-area{margin-bottom:25px;position:relative}.area-title{font-size:1.6em;color:var(--primary-gold);margin-bottom:15px;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:linear-gradient(90deg,rgba(255,215,0,.1),transparent);border-radius:15px;border-left:4px solid var(--primary-gold)}.area-title .icon{font-size:1.3em;margin-right:10px}.score{background:linear-gradient(145deg,#ffd7004d,#ffd7001a);padding:8px 20px;border-radius:30px;font-size:1.2em;font-weight:700;box-shadow:0 5px 15px #0000004d;border:1px solid rgba(255,215,0,.5);min-width:70px;text-align:center;transition:var(--transition-smooth)}.cards{display:flex;gap:15px;margin-bottom:15px;flex-wrap:wrap;min-height:140px;align-items:center;padding:10px}.card{width:90px;height:126px;perspective:1000px;background-color:transparent;display:flex;animation:cardDeal .4s cubic-bezier(.22,.61,.36,1)}.card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d;box-shadow:var(--card-shadow);border-radius:12px}.card.flipped .card-inner{transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:12px;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid var(--card-border)}.card-front{background:var(--card-front-bg);color:var(--card-front-text);transform:rotateY(0)}.card-front:before{content:"";position:absolute;inset:8px;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);border-radius:8px;pointer-events:none}.card-front:after{content:"";position:absolute;inset:0;border-radius:12px;padding:2px;background:linear-gradient(45deg,rgba(255,215,0,.5),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .15s ease}.card:hover .card-inner{transform:translateY(-12px) rotateY(var(--rotation, 0deg)) scale(1.02)}.card.flipped:hover .card-inner{--rotation: 180deg}.card:not(.flipped):hover .card-inner{--rotation: 0deg;transform:translateY(-12px) rotateY(5deg) rotateX(2deg) scale(1.02)}.card:hover .card-front:after{opacity:1}@keyframes cardDeal{0%{opacity:0;transform:translate(-60px) translateY(-40px) rotate(-15deg) scale(.6)}50%{opacity:.8;transform:translate(5px) translateY(5px) rotate(3deg) scale(1.03)}75%{opacity:1;transform:translate(-2px) translateY(-2px) rotate(-1deg) scale(1.01)}to{opacity:1;transform:translate(0) translateY(0) rotate(0) scale(1)}}.card-front.red{color:var(--card-red)}.card-front.red .suit{text-shadow:0 0 10px rgba(231,76,60,.5)}.card-front.black{color:var(--card-black)}.card-front.black .suit{text-shadow:0 0 10px rgba(44,62,80,.3)}.card-front .suit{position:absolute;top:8px;left:8px;font-size:1.4em;line-height:1}.card-front .suit-bottom{position:absolute;bottom:8px;right:8px;font-size:1.4em;line-height:1;transform:rotate(180deg)}.card-front .value{font-size:2.5em;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.card-back{background:var(--card-back-bg);transform:rotateY(180deg);position:absolute;overflow:hidden}.card-back:before{content:"♠♥♦♣";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.3em;color:var(--primary-gold);text-shadow:0 0 20px rgba(255,215,0,.5);animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.1);opacity:1}}.controls{display:flex;justify-content:center;gap:15px;margin-bottom:25px;flex-wrap:wrap}button{background:linear-gradient(45deg,var(--primary-gold),var(--secondary-gold));color:var(--dark-green);border:none;padding:15px 35px;font-size:1.1em;font-weight:700;border-radius:50px;cursor:pointer;transition:var(--transition-smooth);box-shadow:0 10px 25px #ffd7004d,inset 0 1px #ffffff4d;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden;min-width:120px}button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .3s,height .3s}button:hover:before{width:300px;height:300px}button:hover:not(:disabled){transform:translateY(-3px) scale(1.05);box-shadow:0 15px 35px #ffd70066,0 0 20px #ffd70099}button:active:not(:disabled){transform:translateY(1px) scale(.98)}button:disabled{opacity:.4;cursor:not-allowed;transform:none;filter:grayscale(.8)}.bet-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:25px;flex-wrap:wrap}.bet-amount-container{display:flex;align-items:center;gap:10px;background:#ffffff1a;padding:5px;border-radius:50px;border:2px solid rgba(255,215,0,.3)}.bet-btn-adjust{background:#ffd70033;color:var(--primary-gold);border:none;width:40px;height:40px;border-radius:50%;font-size:1.4em;cursor:pointer;transition:var(--transition-smooth);display:flex;align-items:center;justify-content:center;min-width:auto}.bet-btn-adjust:hover{background:#ffd7004d;transform:scale(1.1)}.bet-controls input{background:transparent;border:none;color:#fff;padding:10px;font-size:1.2em;font-weight:700;width:110px;text-align:center;outline:none}.message{text-align:center;font-size:clamp(1.2em,3vw,1.8em);font-weight:700;margin:25px 0;min-height:45px;animation:messageSlide .25s cubic-bezier(.68,-.55,.265,1.55);text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;justify-content:center}@keyframes messageSlide{0%{opacity:0;transform:translateY(-30px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.message.win{color:var(--win-color);text-shadow:0 0 30px rgba(46,204,113,.8),0 0 60px rgba(46,204,113,.4)}.message.lose{color:var(--lose-color);text-shadow:0 0 30px rgba(231,76,60,.8),0 0 60px rgba(231,76,60,.4)}.message.tie{color:var(--tie-color);text-shadow:0 0 30px rgba(243,156,18,.8),0 0 60px rgba(243,156,18,.4)}.chips-container{display:flex;justify-content:center;gap:12px;margin-bottom:15px;flex-wrap:wrap}.chip{width:55px;height:55px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9em;cursor:pointer;transition:var(--transition-smooth);box-shadow:0 5px 15px #0000004d;border:3px dashed rgba(255,255,255,.5);position:relative}.chip:hover{transform:translateY(-5px) scale(1.1);box-shadow:0 10px 25px #00000080}.chip-10{background:var(--chip-10);color:#fff}.chip-25{background:var(--chip-25);color:#fff}.chip-50{background:var(--chip-50);color:#fff}.chip-100{background:var(--chip-100);color:#fff}.chip-500{background:var(--chip-500);color:#fff}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-content{background:linear-gradient(145deg,var(--bg-modal),var(--bg-modal-alt));margin:5% auto;padding:30px;border-radius:20px;width:90%;max-width:500px;border:2px solid var(--primary-gold);box-shadow:0 20px 60px #000c}.close{color:var(--primary-gold);float:right;font-size:28px;font-weight:700;cursor:pointer;transition:var(--transition-smooth)}.close:hover{transform:scale(1.2)}.setting-item{margin:20px 0;display:flex;justify-content:space-between;align-items:center}.setting-item label{color:var(--primary-gold);font-weight:600}.setting-item input[type=checkbox]{width:20px;height:20px;accent-color:var(--primary-gold)}@media(max-width:768px){.container{padding:20px;margin:10px}.card{width:70px;height:98px;font-size:1.8em}.card .value{font-size:1.4em}button{padding:12px 25px;font-size:1em;min-width:100px}.chips-container{gap:8px}.chip{width:45px;height:45px;font-size:.8em}.game-info{grid-template-columns:repeat(2,1fr);gap:10px}.bet-controls{gap:10px}}@media(max-width:480px){.controls{gap:8px}button{padding:10px 20px;font-size:.9em;min-width:80px}.card{width:60px;height:84px;font-size:1.5em}.kbd-hint{display:none}.area-title{font-size:1.2em;padding:8px 14px}.message{font-size:1.1em}}@media(max-width:360px){.container{padding:12px;margin:5px;border-radius:20px}.game-info{grid-template-columns:repeat(2,1fr);gap:6px}.info-box{padding:10px;border-radius:14px}.info-box .value{font-size:1.4em}.info-box h3{font-size:.85em}.game-area{padding:15px;border-radius:18px}.cards{gap:8px;min-height:100px;overflow-x:auto;flex-wrap:nowrap;padding:5px}.card{width:52px;height:73px;flex-shrink:0}.card-front .suit{font-size:1.1em;top:4px;left:4px}.card-front .suit-bottom{font-size:1.1em;bottom:4px;right:4px}.card-front .value{font-size:1.8em}button{padding:8px 14px;font-size:.8em;min-width:65px}.chip{width:38px;height:38px;font-size:.7em}.bet-amount-container{gap:5px}.bet-btn-adjust{width:34px;height:34px;font-size:1.1em}.bet-controls input{width:80px;font-size:1em}.score{padding:5px 12px;font-size:1em;min-width:55px}.hand-container{min-width:120px;padding:10px}}.confetti{position:fixed;top:-20px;z-index:2001;pointer-events:none;opacity:0;animation-name:confettiFall;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes confettiFall{0%{opacity:1;top:-20px;transform:translate(0) rotate(0)}to{opacity:1;top:110vh;transform:translate(var(--fall-x)) rotate(720deg)}}.loading{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001}.spinner{width:50px;height:50px;border:4px solid rgba(255,215,0,.3);border-left:4px solid var(--primary-gold);border-radius:50%;animation:spin .5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stats-container{margin-top:20px;padding:20px;background:#ffffff0d;border-radius:15px;border:1px solid rgba(255,215,0,.2)}.stats-title{color:var(--primary-gold);font-size:1.2em;font-weight:700;margin-bottom:15px;text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.stat-item{text-align:center;padding:10px;background:#ffffff0d;border-radius:10px}.stat-value{font-size:1.5em;font-weight:700;color:var(--primary-gold)}.stat-label{font-size:.8em;color:#ffffffb3;margin-top:5px}.welcome-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--bg-primary),var(--bg-secondary));display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2000;animation:screenSlideIn .6s cubic-bezier(.22,.61,.36,1)}.welcome-screen.hidden{animation:screenZoomOut .5s cubic-bezier(.55,.06,.68,.19) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes screenSlideIn{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes screenSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-40px) scale(.95);visibility:hidden}}@keyframes screenZoomOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.08);visibility:hidden}}.welcome-content{text-align:center;max-width:600px;padding:20px;animation:screenSlideIn .7s .15s cubic-bezier(.22,.61,.36,1) both}.welcome-content h1{font-size:clamp(2.5em,6vw,4.5em);margin-bottom:20px}.welcome-content p{font-size:1.3em;margin-bottom:30px;color:#ffffffe6;line-height:1.6}.start-btn{font-size:1.3em;padding:20px 40px;background:linear-gradient(45deg,var(--primary-gold),var(--secondary-gold));color:var(--dark-green);border:none;border-radius:50px;cursor:pointer;font-weight:700;text-transform:uppercase;letter-spacing:2px;transition:var(--transition-smooth);box-shadow:0 15px 35px #ffd70066}.start-btn:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 20px 40px #ffd70099}.error-notification{position:fixed;top:20px;right:20px;background:var(--btn-danger);color:#fff;padding:15px 20px;border-radius:10px;box-shadow:0 10px 30px #e74c3c4d;z-index:2000;opacity:0;transform:translate(100%);transition:all .15s ease;max-width:300px;font-size:.9em}.error-notification.show{opacity:1;transform:translate(0)}.error-notification .close-error{float:right;cursor:pointer;margin-left:10px;font-weight:700}.hand-container{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center;padding:15px;border-radius:15px;border:2px solid rgba(255,255,255,.1);background:#0003;min-width:150px;transition:all .15s ease;position:relative;margin:5px}.hand-container.active-hand{border-color:var(--primary-gold);box-shadow:0 0 20px #ffd7004d;background:#ffd7000d;transform:scale(1.05);z-index:5}.hand-info{position:absolute;top:-20px;left:50%;transform:translate(-50%);background:var(--primary-gold);color:var(--dark-green);padding:2px 10px;border-radius:10px;font-size:.8em;font-weight:700;white-space:nowrap;opacity:0;transition:opacity .15s}.hand-container:hover .hand-info,.hand-container.active-hand .hand-info{opacity:1}#dealer-cards{justify-content:center}#player-cards{justify-content:center;gap:10px;align-items:flex-start}.is-hidden,.action-control{display:none}.action-control-rebet{background:linear-gradient(45deg,#f1c40f,#f39c12);color:#000}#surrender-btn{background:var(--btn-surrender);box-shadow:0 5px 15px #7f8c8d66}#surrender-btn:hover{background:var(--btn-surrender-hover);box-shadow:0 8px 20px #7f8c8d99}#surrender-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.login-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--bg-primary),var(--bg-secondary));display:flex;flex-direction:column;align-items:center;overflow-y:auto;z-index:2001;animation:screenSlideIn .6s cubic-bezier(.22,.61,.36,1)}.login-screen.hidden{animation:screenSlideOut .5s cubic-bezier(.55,.06,.68,.19) forwards}.login-content{margin:auto;text-align:center;max-width:600px;padding:40px;background:#0006;border-radius:20px;border:1px solid rgba(255,215,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 50px #00000080;animation:screenSlideIn .7s .15s cubic-bezier(.22,.61,.36,1) both}.login-content h1{font-size:clamp(2em,5vw,3.5em);margin-bottom:20px}.login-content p{font-size:1.2em;margin-bottom:30px;color:#ffffffe6}.login-form{display:flex;flex-direction:column;gap:20px;align-items:center;width:100%}.login-form input{padding:15px 20px;font-size:1.2em;border-radius:50px;border:2px solid var(--primary-gold);background:#ffffff1a;color:#fff;width:100%;max-width:300px;text-align:center;outline:none;transition:all .3s ease}.login-form input:focus{background:#fff3;box-shadow:0 0 15px #ffd7004d}.login-form .error-msg{color:var(--error-color);min-height:24px;font-size:1em;font-weight:700;text-shadow:0 0 10px rgba(0,0,0,.5)}.register-content{max-width:450px}.form-field{width:100%;max-width:300px;display:flex;flex-direction:column;align-items:center;gap:6px}.field-hint{font-size:.75em;color:var(--text-secondary);text-align:center}.password-wrapper{position:relative;width:100%;display:flex;align-items:center}.password-wrapper input{padding-right:45px!important}.toggle-password{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1.1em;padding:4px 8px;min-width:auto;box-shadow:none;opacity:.7;transition:opacity .2s ease}.toggle-password:hover{opacity:1;box-shadow:none;transform:translateY(-50%) scale(1.1)}.toggle-password:before{display:none}.password-strength{width:100%;height:4px;background:#ffffff26;border-radius:2px;overflow:hidden}.strength-bar{height:100%;width:0%;border-radius:2px;transition:width .3s ease,background .3s ease}.strength-bar.strength-weak{background:var(--lose-color)}.strength-bar.strength-medium{background:var(--tie-color)}.strength-bar.strength-strong{background:var(--win-color)}.strength-bar.strength-very-strong{background:linear-gradient(90deg,var(--win-color),#00d4aa)}.strength-label{font-size:.75em;font-weight:600;text-align:center;min-height:18px}.strength-label.strength-weak{color:var(--lose-color)}.strength-label.strength-medium{color:var(--tie-color)}.strength-label.strength-strong{color:var(--win-color)}.strength-label.strength-very-strong{color:#00d4aa}.login-form input.error{border-color:var(--error-color)!important;animation:inputShake .4s ease}@keyframes inputShake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.auth-toggle-text{margin-top:15px!important;font-size:.9em!important;margin-bottom:0!important}.auth-toggle-text a{color:var(--primary-gold);text-decoration:none;font-weight:700;transition:color .2s}.auth-toggle-text a:hover{color:var(--secondary-gold);text-decoration:underline}.setting-item input[type=range]{-webkit-appearance:none;appearance:none;width:120px;height:6px;background:#ffd7004d;border-radius:3px;outline:none;cursor:pointer}.setting-item input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary-gold);cursor:pointer;box-shadow:0 2px 6px #0000004d}.setting-item input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--primary-gold);cursor:pointer;border:none;box-shadow:0 2px 6px #0000004d}.volume-value{color:var(--primary-gold);font-weight:600;min-width:40px;text-align:center}.theme-toggle{display:flex;gap:8px;align-items:center}.theme-toggle button{padding:8px 16px;font-size:.85em;min-width:auto;border-radius:20px;opacity:.5;transition:var(--transition-smooth)}.theme-toggle button.active{opacity:1;box-shadow:var(--glow-gold)}body.theme-light .login-form input{color:var(--text-primary);background:#00502814;border-color:var(--primary-gold)}body.theme-light .bet-controls input{color:var(--text-primary)}body.theme-light .welcome-content p,body.theme-light .login-content p,body.theme-light .stat-label{color:var(--text-secondary)}body.theme-light .stat-item{background:#0050280f}body.theme-light .stats-container{background:#0050280a;border-color:var(--border-gold)}body.theme-light .hand-container{border-color:#00502826;background:#0050280d}body.theme-light .chip{box-shadow:0 3px 10px #00000026}body.theme-light .error-notification{box-shadow:0 8px 24px #e74c3c33}.kbd-hint{display:inline-block;font-family:inherit;font-size:.65em;font-weight:600;background:#0003;color:inherit;padding:1px 6px;border-radius:4px;margin-left:6px;vertical-align:middle;opacity:.7;pointer-events:none}button.kbd-active{transform:scale(.95)!important;filter:brightness(1.2)}button:focus-visible,.chip:focus-visible,.settings-btn:focus-visible{outline:2px solid var(--primary-gold);outline-offset:3px}.chip:focus-visible{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 20px #0006}body.theme-transition,body.theme-transition *,body.theme-transition *:before,body.theme-transition *:after{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease!important}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{padding:12px 20px;border-radius:8px;color:#fff;font-size:.9em;font-weight:600;box-shadow:0 4px 12px #0000004d;pointer-events:auto;animation:toast-in .3s ease-out,toast-out .3s ease-in forwards;max-width:320px;word-wrap:break-word}.toast.info{background:var(--chip-25)}.toast.success{background:var(--chip-50)}.toast.warning{background:var(--chip-100)}.toast.error{background:var(--btn-danger)}@keyframes toast-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toast-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.shoe-indicator{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:4px 12px;background:#0003;border-radius:20px;font-size:.75em;opacity:.7;transition:opacity .3s ease}.shoe-indicator:hover{opacity:1}.shoe-bar{flex:1;height:6px;background:#ffffff26;border-radius:3px;overflow:hidden;min-width:80px;position:relative}.shoe-bar:after{content:"";position:absolute;top:0;left:0;height:100%;width:var(--shoe-pct, 100%);background:linear-gradient(90deg,var(--lose-color),var(--tie-color),var(--win-color));border-radius:3px;transition:width .5s ease}.shoe-label{color:var(--primary-gold);font-weight:600;min-width:36px;text-align:right}.shuffle-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:50;pointer-events:none;opacity:0;animation:shuffleFade 1.2s ease-in-out forwards}.shuffle-cards{display:flex;gap:4px}.shuffle-card{width:40px;height:56px;background:var(--card-back-bg);border-radius:6px;border:1px solid var(--border-gold-strong);box-shadow:0 2px 8px #0000004d}.shuffle-card:nth-child(1){animation:shuffleLeft .4s ease-in-out 0s 2 alternate}.shuffle-card:nth-child(2){animation:shuffleUp .4s ease-in-out .1s 2 alternate}.shuffle-card:nth-child(3){animation:shuffleRight .4s ease-in-out 0s 2 alternate}@keyframes shuffleLeft{0%{transform:translate(0) rotate(0)}to{transform:translate(-20px) rotate(-10deg)}}@keyframes shuffleRight{0%{transform:translate(0) rotate(0)}to{transform:translate(20px) rotate(10deg)}}@keyframes shuffleUp{0%{transform:translateY(0)}to{transform:translateY(-12px)}}@keyframes shuffleFade{0%{opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.confetti{display:none}}#rebet-btn{font-weight:700;text-shadow:none;transition:all .2s}#rebet-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #f39c1266}.chip.selected{box-shadow:0 0 0 3px var(--bg-primary),0 0 0 5px var(--primary-gold),0 0 15px var(--primary-gold);transform:translateY(-8px) scale(1.15);z-index:2;filter:brightness(1.2)}.shoe-bar.high:after{background:var(--win-color)!important}.shoe-bar.medium:after{background:var(--tie-color)!important}.shoe-bar.low:after{background:var(--lose-color)!important}@keyframes pulse-score{0%{transform:scale(1)}50%{transform:scale(1.4);color:#fff;text-shadow:0 0 10px var(--primary-gold)}to{transform:scale(1)}}.pulse{animation:pulse-score .4s cubic-bezier(.175,.885,.32,1.275);backface-visibility:hidden}.modal-tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:2px solid var(--border-gold);padding-bottom:0}.modal-tab{flex:1;padding:10px 12px;background:transparent;border:none;border-bottom:3px solid transparent;color:#ffffff80;font-size:.9em;font-weight:600;cursor:pointer;transition:all .2s ease;border-radius:6px 6px 0 0;margin-bottom:-2px;text-transform:uppercase;letter-spacing:.5px}.modal-tab:hover{color:var(--primary-gold);background:#ffd7000d}.modal-tab.active{color:var(--primary-gold);border-bottom-color:var(--primary-gold);background:#ffd70014}.tab-content{animation:tabFadeIn .2s ease}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.modal-auth-form{display:flex;flex-direction:column;gap:12px}.modal-auth-form input{padding:11px 16px;font-size:1em;border-radius:50px;border:2px solid var(--primary-gold);background:#ffffff14;color:#fff;width:100%;outline:none;transition:all .2s ease;box-sizing:border-box}.modal-auth-form input:focus{background:#ffffff26;box-shadow:0 0 10px #ffd70040}.modal-auth-form input.error{border-color:var(--error-color);box-shadow:0 0 8px #e74c3c66;animation:shake .4s ease}body.theme-light .modal-auth-form input{background:#0000000f;color:#1a1a2e}body.theme-light .modal-auth-form input:focus{background:#0000001a}.auth-toggle-text a{color:var(--primary-gold);text-decoration:none;font-weight:600}.auth-toggle-text a:hover{text-decoration:underline}.user-btn.logged-in:after{content:"●";position:absolute;top:2px;right:2px;font-size:.5em;color:#2ecc71;line-height:1}.user-btn{position:relative}@keyframes bust-shake{0%,to{transform:translate(0)}15%{transform:translate(-9px)}30%{transform:translate(9px)}45%{transform:translate(-6px)}60%{transform:translate(6px)}75%{transform:translate(-3px)}90%{transform:translate(3px)}}.bust-shake{animation:bust-shake .5s ease-in-out}.hand-info.hand-result-win{color:#2ecc71;font-weight:800}.hand-info.hand-result-lose{color:#e74c3c;font-weight:800}.hand-info.hand-result-tie{color:#f1c40f;font-weight:800}.training-feedback{text-align:center;padding:8px 16px;border-radius:8px;font-size:.9em;font-weight:600;margin:8px auto;max-width:500px;transition:var(--transition-smooth)}.training-feedback.correct{background:#2ecc7133;color:var(--win-color);border:1px solid var(--win-color)}.training-feedback.suboptimal{background:#f39c1233;color:var(--tie-color);border:1px solid var(--tie-color)}.training-feedback.wrong{background:#e74c3c33;color:var(--lose-color);border:1px solid var(--lose-color)}.history-panel{background:var(--bg-container);border:1px solid var(--border-gold);border-radius:12px;margin-top:16px;padding:12px 16px;max-width:700px;margin-left:auto;margin-right:auto}.history-header{display:flex;justify-content:space-between;align-items:center;color:var(--primary-gold)}.history-header h3{font-size:.95em;font-weight:700;margin:0}.history-toggle-btn{background:transparent;border:1px solid var(--border-gold);color:var(--primary-gold);border-radius:6px;padding:2px 10px;font-size:.85em;cursor:pointer;min-width:auto;box-shadow:none;transition:var(--transition-smooth)}.history-toggle-btn:hover{background:var(--border-gold)}.history-list{margin-top:10px}.history-item{display:flex;justify-content:space-between;align-items:center;padding:6px 4px;border-bottom:1px solid var(--border-gold);font-size:.82em;color:var(--text-secondary);gap:6px;flex-wrap:wrap}.history-item:last-child{border-bottom:none}.history-hand-num{font-size:.75em;color:var(--text-secondary);min-width:30px}.history-cards{font-family:monospace;flex:1;color:var(--text-primary)}.history-result{font-weight:700;text-transform:uppercase;font-size:.78em;min-width:45px;text-align:center}.history-net{font-weight:700;min-width:60px;text-align:right}.history-win .history-result{color:var(--win-color)}.history-lose .history-result{color:var(--lose-color)}.history-tie .history-result{color:var(--tie-color)}.history-net.positive{color:var(--win-color)}.history-net.negative{color:var(--lose-color)}.stats-modal-content{max-width:540px;width:90vw}.stats-advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}@media(max-width:400px){.stats-advanced-grid{grid-template-columns:1fr}}.stats-adv-item{background:var(--bg-info-box);border:1px solid var(--border-gold);border-radius:10px;padding:12px;text-align:center}.stats-adv-value{font-size:1.4em;font-weight:700;color:var(--primary-gold)}.stats-adv-label{font-size:.72em;color:var(--text-secondary);margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.stats-charts-container{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:12px}.stats-charts-container canvas{border-radius:8px;background:var(--bg-info-box);border:1px solid var(--border-gold)}