.player-info{position:absolute;top:20px;left:20px;display:flex;flex-direction:column;align-items:flex-start;z-index:10;margin:0;padding:0}.player-level{font-size:1.5rem;font-weight:700;color:var(--button-bg);background:var(--mat-bg);border-radius:8px;padding:4px 18px;margin-top:.2rem;margin-bottom:.5rem;box-shadow:0 2px 8px #0001;letter-spacing:.5px}.user-modal{background:var(--table-bg);color:var(--text-main);border-radius:16px;box-shadow:0 4px 32px #0003;padding:2rem 2rem 1.5rem;min-width:320px;max-width:95vw;display:flex;flex-direction:column;align-items:center}.user-modal h2{font-size:2rem;font-family:Lexend Deca,Inter,Arial,sans-serif;font-weight:700;color:var(--button-bg);margin-bottom:1.2rem;letter-spacing:1px}.user-modal label{font-size:1.2rem;font-weight:600;color:var(--text-main);margin-bottom:.5rem;letter-spacing:.5px}.user-modal-input{font-size:1.2rem;padding:.6rem 1rem;border-radius:10px;border:2px solid var(--button-bg);background:#fff;color:var(--text-main);margin-bottom:.8rem;width:80%;box-sizing:border-box;font-family:Lexend Deca,Inter,Arial,sans-serif;font-weight:500;letter-spacing:.5px;outline:none;transition:border .2s;margin:0 auto;display:block}.user-modal-input:focus{border:2px solid var(--button-hover)}.user-modal button{font-size:1.2rem;padding:.7rem 2rem;border-radius:12px;border:none;background:var(--button-bg);color:#fff;transition:background .2s,box-shadow .2s;box-shadow:0 2px 8px #0001;font-family:inherit;font-weight:500;outline:none;margin-top:.5rem}.user-modal button:disabled{background:#bbb;color:#eee;cursor:not-allowed;border:2px solid #bbb}.user-modal button:hover:not(:disabled){background:var(--button-hover);color:#222;border:2px solid var(--button-bg)}.user-modal .modal-close{background:none;color:var(--button-bg);font-size:2rem;border:none;cursor:pointer;font-weight:700;opacity:.7;margin-top:1.2rem;transition:opacity .2s}.user-modal .modal-close:hover{opacity:1}:root{--main-bg: #222;--table-bg: #333;--mat-bg: #555;--button-bg: #747474ff;--button-hover: #acacacff;--text-main: #dddad5ff;--text-soft: #ccc0b6ff}.bet-input::-webkit-outer-spin-button,.bet-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bet-input[type=number]{-moz-appearance:textfield}body{font-family:Inter,Lexend Deca,Montserrat,Arial,sans-serif;background:var(--main-bg);color:var(--text-main);margin:0;min-height:100vh;height:100dvh;overflow:hidden}body,html{height:100%;min-height:100vh;width:100vw;overflow-y:auto;overflow-x:hidden}.page{min-height:100vh;height:100dvh;width:100vw;background:var(--main-bg);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:hidden;position:relative}.home{position:fixed;bottom:20px;right:20px;z-index:10}.blackjack-wrapper{min-height:100vh;height:100dvh;width:100vw;background:var(--main-bg);display:flex;align-items:center;justify-content:center;font-family:inherit;overflow:hidden;box-sizing:border-box;padding:0}.blackjack-table{width:90vw;max-width:700px;min-width:320px;max-height:90vh;background:var(--table-bg);border-radius:24px;box-shadow:0 8px 32px #00000014;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:2rem 1.5rem 1.5rem;transition:width .3s,min-height .3s;margin:0;overflow:auto;position:relative}.blackjack-table.expanded{max-width:1200px;width:98vw}.multi-hands-table{width:100%;max-width:1200px;display:flex;gap:2rem;justify-content:center;transition:max-width .3s}.dealer-section,.player-section{width:100%;display:flex;flex-direction:column;align-items:center}.dealer-section{margin-top:.5rem;margin-bottom:1.5rem}.player-section{margin-bottom:.5rem;margin-top:auto}.card-mat{background:var(--mat-bg);border-radius:32px;padding:1.2rem 2.5rem;margin:.5rem 0;min-width:220px;min-height:60px;box-shadow:0 2px 12px #00000014;display:flex;justify-content:center;align-items:center}.blackjack-table span{font-size:2.2rem;margin:0 8px;text-shadow:0 2px 6px #0001;font-family:Lexend Deca,Inter,Arial,sans-serif}.blackjack-table h3{font-size:1.5rem;color:var(--text-soft);margin:.5rem 0;font-family:Lexend Deca,Inter,Arial,sans-serif;font-weight:600;letter-spacing:.5px}.controls{margin:1.5rem 0 0;width:100%;display:flex;justify-content:center}.button-stack{display:flex;flex-direction:column;align-items:center;gap:1rem}.blackjack-table button,.blackjack-table input[type=number]{font-size:1.3rem;padding:.7rem 2rem;border-radius:12px;border:none;margin:.3rem;background:var(--button-bg);color:#fff;transition:background .2s,box-shadow .2s;box-shadow:0 2px 8px #0001;font-family:inherit;font-weight:500;outline:none}.blackjack-table button{background:var(--button-bg);border:2px solid var(--button-hover);box-shadow:0 2px 8px #0001;letter-spacing:.5px}.blackjack-table button:disabled{background:#bbb;color:#eee;cursor:not-allowed;border:2px solid #bbb}.blackjack-table button:hover:not(:disabled){background:var(--button-hover);color:#222;border:2px solid var(--button-bg)}.bet-input{background:#fff;color:var(--text-main);border:2px solid var(--sage);width:110px;max-width:110px;text-align:center;font-size:1.3rem;border-radius:12px;font-family:inherit;font-weight:500;padding:.6rem .2rem;box-sizing:border-box;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-message{font-size:1.3rem;color:var(--gold);margin-top:1.2rem;font-family:Lexend Deca,Inter,Arial,sans-serif;letter-spacing:.5px;font-weight:600;text-shadow:0 1px 2px #0001}.dealer-character{margin-bottom:.2rem;min-height:70px;display:flex;align-items:flex-end;justify-content:center}@media (max-width: 900px){.blackjack-table{max-width:98vw;min-width:0;padding:1rem .5rem}.card-mat{min-width:120px;padding:.7rem 1rem}}@media (max-width: 600px){.blackjack-table{width:99vw;min-height:60vh;padding:.5rem .2rem}.balance-display{top:8px;right:8px;font-size:1.2rem;padding:8px 12px}.card-mat{min-width:60px;padding:.4rem .5rem}.blackjack-table span{font-size:1.3rem;margin:0 3px}}.blackjack-title{position:static;top:10px;left:20px;font-size:3.5rem;font-family:Lexend Deca,Inter,Arial,sans-serif;font-weight:900;color:var(--bluegray);margin:0;letter-spacing:1px;z-index:10;color:var(--button-bg)}.centered{position:relative;min-height:100vh;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column}.button{font-size:2rem;width:240px;max-width:90vw;padding:1.1rem 0;border-radius:16px;border:none;background:var(--button-bg);color:#fff;font-family:Lexend Deca,Inter,Arial,sans-serif;font-weight:600;letter-spacing:1px;box-shadow:0 2px 8px #0001;transition:background .2s,color .2s,transform .1s;cursor:pointer;margin:.5rem 0}.button:hover{background:var(--button-hover);color:var(--text-main);transform:translateY(-2px) scale(1.03)}.balance-display{position:absolute;top:115px;left:8px;background:none;border:none;color:var(--button-bg);font-size:1.5rem;font-family:Lexend Deca,Inter,Arial,sans-serif;font-weight:100;letter-spacing:1px;cursor:pointer;transition:color .2s,transform .1s;box-shadow:none;padding:.3rem .7rem;outline:none;text-align:right}@media (max-width: 600px){.button,.home button{font-size:1.1rem;padding:.7rem 1.2rem;border-radius:10px}.balance-display{font-size:1.1rem;padding:8px 12px;top:8px;right:8px}}.settings-btn{position:absolute;top:0;right:10px;font-size:2.5rem;background:none;border:none;cursor:pointer;color:var(--button-bg);transition:color .2s;z-index:20;font-weight:900}.settings-btn:hover{color:var(--button-hover)}.stats-btn{position:absolute;top:60px;right:10px;font-size:2.5rem;background:none;border:none;cursor:pointer;color:var(--button-bg);transition:color .2s;z-index:20;font-weight:100}.stats-btn:hover{color:var(--button-hover)}.reset-btn{position:absolute;top:100px;right:10px;font-size:1rem;background:none;border:none;cursor:pointer;color:var(--button-bg);transition:color .2s;z-index:20;font-weight:900}.reset-btn:hover{color:var(--button-hover)}.user-btn{position:absolute;top:140px;right:2px;font-size:2.9rem;background:none;border:none;cursor:pointer;color:var(--button-bg);transition:color .2s;z-index:20;font-weight:900}.user-btn:hover{color:var(--button-hover)}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--table-bg);color:var(--text-main);border-radius:16px;box-shadow:0 4px 32px #0003;padding:2rem;min-width:320px;max-width:95vw;display:flex;flex-direction:column;align-items:center;overflow:auto}.modal-title{font-size:2.2rem;font-family:Lexend Deca,Inter,Arial,sans-serif;font-weight:700;color:var(--button-bg);letter-spacing:1px;margin-bottom:1.5rem;text-align:center}.modal-section{margin-bottom:1.5rem;display:flex;flex-direction:column;align-items:flex-start}.modal-label{font-size:1.3rem;font-weight:700;color:var(--text-main);margin-bottom:.5rem;letter-spacing:.5px}.modal-slider{width:100%;accent-color:var(--button-bg);margin-bottom:.5rem}.modal-dropdown{width:100%;padding:.7rem 1rem;border-radius:10px;font-size:1.2rem;font-weight:700;background:var(--mat-bg);color:var(--text-main);border:2px solid var(--button-bg);margin-bottom:.5rem;font-family:Lexend Deca,Inter,Arial,sans-serif;letter-spacing:.5px}.blackjack-bg-title{position:absolute;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;white-space:nowrap;font-size:28vw;font-family:Lexend Deca,Inter,Arial,sans-serif;font-weight:900;color:var(--button-bg);opacity:.13;z-index:1;pointer-events:none;text-align:center;letter-spacing:.015em;line-height:.8}.bg-title-black,.bg-title-b{position:relative;display:inline-block}.simply-blackjack-cutout{position:absolute;left:21.5%;top:50%;transform:translate(-50%,-50%) rotate(-90deg) scaleY(1.3);font-size:6vw;font-weight:900;color:var(--main-bg);opacity:1;letter-spacing:0em;white-space:nowrap;pointer-events:none;font-stretch:expanded;font-family:Lexend Deca,Inter,Arial,sans-serif}.bg-title-jack{margin-top:-1vw;display:block}.blackjack-bg-suits{position:absolute;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0}.bg-club{position:absolute;left:5vw;top:50%;transform:translateY(-50%);font-size:30vw;color:var(--button-bg);opacity:.1;font-family:Lexend Deca,Inter,Arial,sans-serif;font-weight:900;-webkit-user-select:none;user-select:none}.bg-spade{position:absolute;right:6.4vw;top:50%;transform:translateY(-50%);font-size:30vw;color:var(--button-bg);opacity:.1;font-family:Lexend Deca,Inter,Arial,sans-serif;font-weight:900;-webkit-user-select:none;user-select:none}.winner-alert-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:1001;pointer-events:auto}.winner-alert{pointer-events:auto;background:var(--mat-bg);opacity:.2;color:var(--button-bg);font-size:2rem;font-family:Lexend Deca,Inter,Arial,sans-serif;font-weight:600;padding:2.5rem 2.2rem;border-radius:1.2rem;min-width:220px;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 40px 8px var(--button-bg),0 8px 32px #0000002e;animation:winnerPulse 2s cubic-bezier(.4,0,.4,1) 0}@keyframes winnerPulse{0%{transform:scale(.7)}50%{transform:scale(1.12)}70%{transform:scale(.98)}90%{transform:scale(1.01)}to{transform:scale(1)}}.winner-alert-close{position:absolute;top:.5rem;right:1.2rem;background:none;border:none;font-size:2rem;color:var(--button-bg);cursor:pointer;font-weight:700;opacity:.7;z-index:1;transition:opacity .2s}.winner-alert-close:hover{opacity:1}.coin-rain{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.coin{position:absolute;width:64px;height:64px;animation:coinDrop 1.2s linear forwards;visibility:hidden}@keyframes coinDrop{0%{top:-64px;opacity:0;visibility:hidden}10%{opacity:1;visibility:visible}to{top:100%;opacity:0;visibility:hidden}}.winner-amount{margin-top:1rem;font-size:1.3rem;font-weight:700;color:var(--button-bg);opacity:.85}.shuffling-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000002e;display:flex;align-items:center;justify-content:center;z-index:2000}.shuffling-popup{background:var(--mat-bg);border-radius:18px;box-shadow:0 4px 32px #0003;padding:2.5rem 2.5rem 1.5rem;display:flex;flex-direction:column;align-items:center;min-width:220px;min-height:120px;position:relative}.shuffling-cards{display:flex;gap:.5rem;margin-bottom:1.2rem}.shuffling-card{font-size:2.5rem;filter:drop-shadow(0 2px 6px #0002)}.shuffling-text{font-size:1.3rem;font-weight:700;color:var(--button-bg);letter-spacing:1px}.level-progress-container{display:flex;align-items:center;width:100%;margin-top:0rem;margin-bottom:.7rem}.level-label{font-size:1.2rem;font-family:Lexend Deca,Inter,Arial,sans-serif;font-weight:900;color:var(--button-bg);margin-right:12px;min-width:54px;text-align:left;letter-spacing:.5px}.level-progress-bar{flex:1;height:12px;background:var(--mat-bg);border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0001;position:relative;min-width:200px}.level-progress-fill{height:100%;background:linear-gradient(90deg,var(--button-bg) 60%,var(--button-hover) 100%);border-radius:10px 0 0 10px;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0002}.user-modal-progress{margin-top:1.2rem;margin-bottom:.5rem;width:100%;display:flex;align-items:center;justify-content:flex-start}.user-modal-label{font-size:1.2rem;font-weight:600;color:var(--text-main);margin-bottom:.5rem;letter-spacing:.5px;font-family:Lexend Deca,Inter,Arial,sans-serif;text-align:center;width:100%}.user-modal-btn-row{display:flex;flex-direction:row;gap:1rem;justify-content:center;margin-top:1.2rem}.user-modal-btn{font-size:1.1rem;padding:.6rem 1.5rem;border-radius:10px;background:var(--button-bg);color:#fff;font-family:Lexend Deca,Inter,Arial,sans-serif;font-weight:500;border:2px solid var(--button-hover);box-shadow:0 2px 8px #0001;transition:background .2s,color .2s,transform .1s;letter-spacing:.5px;outline:none;cursor:pointer}.user-modal-btn:disabled{background:#bbb;color:#eee;cursor:not-allowed;border:2px solid #bbb}.user-modal-btn:hover:not(:disabled){background:var(--button-hover);color:#222;border:2px solid var(--button-bg)}.user-modal-wide{min-width:520px;max-width:700px;display:flex;flex-direction:column;align-items:center}.user-modal-row{display:flex;flex-direction:row;gap:2.5rem;justify-content:center;align-items:center;width:100%;margin-bottom:1.2rem}.avatar-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;justify-items:center;align-items:center}.avatar-btn{width:64px;height:64px;border-radius:50%;border:2.5px solid transparent;background:none;padding:0;cursor:pointer;transition:border .2s,box-shadow .2s;box-shadow:0 2px 8px #0001;outline:none;display:flex;align-items:center;justify-content:center}.avatar-btn.selected{border:2.5px solid var(--button-bg);box-shadow:0 0 0 3px var(--button-hover)}.avatar-btn-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-preview{display:flex;align-items:center;justify-content:center;min-width:128px;min-height:128px;margin-left:1rem}.shop-tabs{display:flex;gap:1rem;margin-bottom:1.5rem;justify-content:center;width:100%}.shop-tab{font-size:1.1rem;padding:.6rem 1.5rem;border-radius:10px 10px 0 0;background:var(--mat-bg);color:var(--text-main);border:2px solid var(--button-bg);border-bottom:none;font-family:Lexend Deca,Inter,Arial,sans-serif;font-weight:600;cursor:pointer;transition:background .2s,color .2s}.shop-tab.active{background:var(--button-bg);color:#fff;border-bottom:2px solid var(--table-bg)}.shop-tab-content{width:100%;min-height:180px;background:var(--table-bg);border-radius:0 0 12px 12px;padding:1.5rem;box-sizing:border-box;margin-bottom:1.2rem}.shuffle-btn{font-size:1.1rem;font-family:Lexend Deca,Inter,Arial,sans-serif;font-weight:500;padding:.5rem 1.2rem;border-radius:10px;background:var(--button-bg);color:#fff;border:2px solid var(--button-hover);box-shadow:0 2px 8px #0001;cursor:pointer;transition:background .2s,color .2s}.shuffle-btn:hover{background:var(--button-hover);color:#222}.bottom-left-controls{position:fixed;bottom:18px;left:18px;z-index:30;display:flex;flex-direction:row;align-items:center;gap:.7rem}.deck-mode-select{font-size:1.1rem;padding:.5rem 1.2rem;border-radius:10px;background:var(--button-bg);color:#fff;border:2px solid var(--button-hover);box-shadow:0 2px 8px #0001;font-family:Lexend Deca,Inter,Arial,sans-serif;font-weight:500;outline:none;cursor:pointer;transition:background .2s,color .2s}.deck-mode-select:hover,.deck-mode-select:focus{background:var(--button-hover);color:#222;border:2px solid var(--button-bg)}.advice-notification{position:fixed;top:0;left:50%;transform:translate(-50%);background:var(--button-bg);color:#fff;font-size:1.2rem;padding:1.1rem 2.5rem;border-radius:0 0 18px 18px;box-shadow:0 4px 24px #0002;z-index:3000;font-family:Lexend Deca,Inter,Arial,sans-serif;font-weight:600;letter-spacing:.5px;min-width:320px;max-width:90vw;text-align:center}.count-popup-modal{position:fixed;top:calc(18vh + 340px);right:0;min-width:260px;max-width:320px;min-height:230px;background:var(--mat-bg);color:var(--text-main);border-radius:18px 0 0 18px;box-shadow:0 4px 32px #0003;padding:2rem 1.5rem 1.5rem;z-index:3001;display:flex;flex-direction:column;align-items:center;pointer-events:auto;overflow:hidden;border-left:none;border-right:8px solid var(--button-bg)}.count-timer-bar{width:100%;height:8px;background:#ddd;border-radius:4px;margin-top:1.2rem;overflow:hidden}.count-timer-fill{height:100%;background:linear-gradient(90deg,var(--button-bg) 60%,var(--button-hover) 100%);border-radius:4px}.count-popup-text{font-family:Lexend Deca,Inter,Arial,sans-serif;font-weight:600;font-size:1.3rem;color:var(--button-bg);letter-spacing:.5px;margin-bottom:1.2rem;text-align:center}.blackjack-table button,.blackjack-table input[type=number],.bet-input,.balance-display,.controls,.button-stack,.blackjack-table h3,.blackjack-table span{font-family:Lexend Deca,Inter,Arial,sans-serif!important;letter-spacing:.5px}.count-popup-side{position:fixed;top:18vh;left:5vw;z-index:2001;display:flex;align-items:flex-start;justify-content:flex-start;pointer-events:none}.count-popup-side>*{pointer-events:auto}@media (max-width: 900px){.count-popup-side{left:2vw;top:10vh}}.count-popup-input{font-size:1.2rem;padding:.6rem 1rem;border-radius:10px;border:2px solid var(--button-bg);background:#fff;color:var(--text-main);margin-bottom:1rem;width:80%;box-sizing:border-box;font-family:Lexend Deca,Inter,Arial,sans-serif;font-weight:500;letter-spacing:.5px;outline:none;transition:border .2s;margin:0 auto;display:block}.count-popup-input:focus{border:2px solid var(--button-hover)}.count-popup-btn{font-size:1.1rem;padding:.6rem 1.5rem;border-radius:10px;background:var(--button-bg);color:#fff;font-family:Lexend Deca,Inter,Arial,sans-serif;font-weight:500;border:2px solid var(--button-hover);box-shadow:0 2px 8px #0001;transition:background .2s,color .2s,transform .1s;letter-spacing:.5px;outline:none;cursor:pointer;margin-bottom:1rem}.count-popup-btn:hover:not(:disabled){background:var(--button-hover);color:#222;border:2px solid var(--button-bg)}.home-action-btns{position:absolute;top:24px;right:20px;display:flex;flex-direction:column;gap:.2rem;z-index:20}.home-action-btn{background:none;border:none;color:var(--button-bg);font-size:2.2rem;font-family:Lexend Deca,Inter,Arial,sans-serif;font-weight:500;letter-spacing:1px;cursor:pointer;transition:color .2s,transform .1s;box-shadow:none;padding:.3rem .7rem;outline:none;text-align:right}.home-action-btn:hover,.home-action-btn:focus{color:var(--button-hover);transform:translateY(-2px) scale(1.03)}.profile-avatar-container{display:flex;align-items:center;justify-content:flex-start;margin-bottom:.5rem}.profile-avatar{width:64px;height:64px;border-radius:50%;border:4px solid var(--button-bg);box-shadow:0 2px 8px #0002;object-fit:cover;background:#fff3}.avatar-and-name-row{display:flex;flex-direction:row;align-items:center;gap:.7rem;width:100%}.ai-chat-panel{position:fixed;top:16vh;right:0;width:320px;max-width:90vw;background:var(--mat-bg);color:var(--text-main);border-radius:18px 0 0 18px;box-shadow:0 4px 32px #0003;padding:1.5rem 1.2rem;z-index:3002;font-family:Lexend Deca,Inter,Arial,sans-serif;font-size:1.1rem;display:flex;flex-direction:column;align-items:flex-start;transition:opacity .3s;pointer-events:auto}.ai-chat-panel span{word-break:break-word;max-width:100%}.ai-chat-panel button{margin-top:1.2rem;align-self:flex-end;background:none;border:none;color:var(--button-bg);font-size:1.3rem;cursor:pointer;font-weight:700}