*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:linear-gradient(135deg,#1a472a 0%,#0d2818 100%);height:100vh;min-height:100vh;padding:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.container{max-width:500px;margin:0 auto}header{text-align:center;margin-bottom:12px;position:relative}.stats{color:#afd9a0;justify-content:center;align-items:center;gap:16px;font-size:.9rem;display:flex;position:relative}.menu-btn{cursor:pointer;z-index:100;background:0 0;border:none;flex-direction:column;gap:4px;padding:8px;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.menu-icon{background:#afd9a0;border-radius:1px;width:22px;height:2px;transition:all .3s;display:block}.menu-btn:hover .menu-icon{background:#fff}.menu-dropdown{z-index:200;background:#000000e6;border-radius:12px;min-width:160px;display:none;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 20px #00000080}.menu-dropdown.visible{display:block}.menu-dropdown button{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:14px 20px;font-size:.95rem;transition:background .2s;display:block}.menu-dropdown button:hover{background:#ffffff1a}.menu-dropdown button:not(:last-child),.menu-dropdown .share-section:not(:last-child){border-bottom:1px solid #ffffff1a}.share-section{padding:10px 20px}.share-label{color:#fff9;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.75rem}.share-buttons{gap:8px;display:flex}.share-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .2s,opacity .2s;display:flex}.share-btn:hover{transform:scale(1.1)}.share-btn svg{width:18px;height:18px}.share-btn.twitter{background:#000}.share-btn.facebook{background:#1877f2}.share-btn.linkedin{background:#0a66c2}.share-btn.copy-link{background:#fff3}.share-btn.copy-link.copied{background:#22c55e}.stat{flex-direction:column;align-items:center;display:flex}.stat-value{color:#fff;font-size:1.4rem;font-weight:700;position:relative}.stat-value.hot{color:#f39c12}.stat-value{transition:color .8s}.stat-value.flash-green{color:#2ecc71!important}.stat-value.flash-red{color:#e74c3c!important}.stat-toast{pointer-events:none;z-index:100;font-size:.9rem;font-weight:700;animation:.8s ease-out forwards statFloat;position:absolute;left:50%;transform:translate(-50%)}.stat-toast.positive{color:#2ecc71;text-shadow:0 0 8px #2ecc71cc,0 2px 4px #00000080}.stat-toast.negative{color:#e74c3c;text-shadow:0 0 8px #e74c3ccc,0 2px 4px #00000080}@keyframes statFloat{0%{opacity:1;top:0;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.2)}to{opacity:0;top:-30px;transform:translate(-50%)scale(1)}}.game-area{background:#0000004d;border-radius:16px;margin-bottom:16px;padding:20px}.player-gesture-zone.gesture-mode{-webkit-user-select:none;user-select:none;touch-action:none!important}body.gesture-mode-active{touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}body.gesture-mode-active .player-gesture-zone{touch-action:none!important}.player-gesture-zone{border-radius:12px;margin:0;padding:0}.hand-label{color:#afd9a0;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:.85rem}.cards{justify-content:center;gap:12px;min-height:175px;margin-bottom:16px;display:flex}.player-cards-wrapper{margin-bottom:16px;position:relative}.player-cards-wrapper .cards{margin-bottom:0}.card{background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:120px;height:175px;font-size:2.5rem;font-weight:700;transition:transform .15s;display:flex;position:relative;box-shadow:0 6px 16px #0006}.cards.pressed .card{transform:scale(.95)}.cards.splitting .card:first-child{animation:.4s forwards splitLeft}.cards.splitting .card:last-child{animation:.4s forwards splitRight}@keyframes splitLeft{0%{transform:translate(0)}50%{transform:translate(-30px)}to{transform:translate(-20px)}}@keyframes splitRight{0%{transform:translate(0)}50%{transform:translate(30px)}to{transform:translate(20px)}}.card.red{color:#c41e3a}.card.black{color:#1a1a1a}.card-rank{font-size:2.4rem;line-height:1}.card-suit{margin-top:6px;font-size:2rem}.hand-value{text-align:center;color:#fff;margin-bottom:8px;font-size:1.1rem}.hand-value span{background:#ffffff26;border-radius:12px;padding:4px 12px}.divider{background:#fff3;height:1px;margin:16px 0}.actions{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px;display:grid}.action-btn{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:12px;padding:16px 12px;font-size:1.1rem;font-weight:600;transition:all .15s}.action-btn:active{transform:scale(.96)}.action-btn.hit{color:#fff;background:#3498db}.action-btn.stand{color:#fff;background:#e74c3c}.action-btn.double{color:#fff;background:#f39c12}.action-btn.split{color:#fff;background:#9b59b6}.action-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:auto}.feedback{text-align:center;font-size:.9rem;display:none}.feedback.incorrect{text-align:center;color:#e74c3c;padding:8px 12px;display:block}.feedback.incorrect+.divider{display:none}.desktop-continue-overlay{cursor:pointer;z-index:10;background:0 0;display:none;position:absolute;inset:0}.desktop-continue-overlay.visible{display:block}.feedback-title{margin-bottom:2px;font-size:1rem;font-weight:600}.chart-modal{z-index:1000;background:#000000d9;padding:20px;display:none;position:fixed;inset:0;overflow-y:auto}.chart-modal.visible{display:block}.chart-modal-content{background:linear-gradient(135deg,#1a472a 0%,#0d2818 100%);border-radius:16px;max-width:500px;margin:0 auto;padding:24px}.chart-modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.chart-modal-header h2{margin:0;font-size:1.5rem}.close-chart{color:#fff;cursor:pointer;background:0 0;border:none;padding:0;font-size:2rem;line-height:1}.chart-section h3{color:#afd9a0;margin-bottom:12px;font-size:1rem}.chart-table{border-collapse:collapse;width:100%;min-width:320px;font-size:.65rem}.chart-table th,.chart-table td{text-align:center;border:1px solid #fff3;padding:4px 2px}.chart-table th{background:#ffffff1a}.chart-table .row-header{background:#ffffff1a;font-weight:700}.chart-table .hit{background:#3498db}.chart-table .stand{background:#e74c3c}.chart-table .double{background:#f39c12}.chart-table .split{background:#9b59b6}.legend{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:12px;display:flex}.legend-item{align-items:center;gap:4px;font-size:.75rem;display:flex}.legend-color{border-radius:3px;width:16px;height:16px}.info-toggle{text-align:center;justify-content:center;gap:12px;margin-top:20px;display:flex}.info-toggle button{color:#afd9a0;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:8px;padding:10px 20px;font-size:.9rem}.settings-modal{z-index:1000;background:#000000d9;padding:20px;display:none;position:fixed;inset:0;overflow-y:auto}.settings-modal.visible{display:block}.settings-modal-content{background:linear-gradient(135deg,#1a472a 0%,#0d2818 100%);border-radius:16px;max-width:500px;margin:0 auto;padding:24px}.settings-modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.settings-modal-header h2{margin:0;font-size:1.5rem}.close-settings{color:#fff;cursor:pointer;background:0 0;border:none;padding:0;font-size:2rem;line-height:1}.settings-section{margin-bottom:24px}.settings-section h3{color:#afd9a0;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:1rem}.settings-section p{color:#fffc;margin-bottom:8px;font-size:.9rem;line-height:1.5}.gesture-list{margin:0;padding:0;list-style:none}.gesture-list li{background:#0000004d;border-radius:8px;align-items:center;gap:12px;margin-bottom:8px;padding:12px;display:flex}.gesture-icon{text-align:center;width:40px;font-size:1.5rem}.gesture-info{flex:1}.gesture-name{margin-bottom:2px;font-weight:600}.gesture-desc{color:#fff9;font-size:.8rem}.install-instructions{flex-direction:column;gap:16px;margin-top:12px;display:flex}.install-platform{background:#0000004d;border-radius:12px;padding:16px}.platform-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.platform-icon{font-size:1.4rem}.install-steps{color:#ffffffd9;margin:0;padding-left:20px;font-size:.9rem}.install-steps li{margin-bottom:8px;line-height:1.4}.install-steps li:last-child{margin-bottom:0}.install-steps strong{color:#fff}.inline-settings{background:#0000004d;border-radius:12px;margin-top:16px;padding:16px}.setting-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.setting-row:last-child{margin-bottom:0}.setting-row.nested{border-left:2px solid #fff3;margin-left:24px;padding-left:12px}.setting-row.nested .setting-label{color:#fffc;font-size:.85rem}.setting-row.nested.disabled{opacity:.4;pointer-events:none}.setting-label{font-size:.9rem}.actions.hidden{display:none}.toggle{cursor:pointer;background:#fff3;border-radius:14px;width:50px;height:28px;transition:background .2s;position:relative}.toggle.active{background:#2ecc71}.toggle:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle.active:after{transform:translate(22px)}@keyframes pulse{0%{opacity:.7}to{opacity:1}}.selectable-chart-section{margin-bottom:20px}.chart-header-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.chart-header-row input[type=checkbox]{cursor:pointer;accent-color:#2ecc71;width:18px;height:18px}.chart-header-row label{color:#afd9a0;cursor:pointer;font-size:1rem}.chart-table.selectable td,.chart-table.selectable th{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}@media (hover:hover){.chart-table.selectable td:hover,.chart-table.selectable th:hover{filter:brightness(1.3)}}.chart-table.selectable td:active,.chart-table.selectable th:active{filter:brightness(.8)}.chart-table.selectable td.disabled{opacity:.25}.chart-table.selectable th.disabled{opacity:.4}.progress-modal{z-index:1000;background:#000;padding:20px;display:none;position:fixed;inset:0;overflow-y:auto}.progress-modal.visible{display:block}.progress-modal-content{background:linear-gradient(135deg,#1a472a 0%,#0d2818 100%);border-radius:16px;max-width:500px;margin:0 auto;padding:24px}.progress-modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.progress-modal-header h2{margin:0;font-size:1.5rem}.close-progress{color:#fff;cursor:pointer;background:0 0;border:none;padding:0;font-size:2rem;line-height:1}.progress-stats-summary{text-align:center;background:#0000004d;border-radius:12px;justify-content:space-around;margin-bottom:20px;padding:16px;display:flex}.progress-stat{flex-direction:column;display:flex}.progress-stat-value{font-size:1.4rem;font-weight:700}.progress-stat-label{color:#afd9a0;font-size:.8rem}.progress-section{margin-bottom:20px}.progress-section h3{color:#afd9a0;margin-bottom:12px;font-size:1rem}.progress-chart{border-collapse:collapse;table-layout:fixed;width:100%;font-size:.65rem}.progress-chart th,.progress-chart td{text-align:center;cursor:pointer;border:1px solid #fff3;width:28px;min-width:28px;max-width:28px;padding:4px 2px}.progress-chart .row-header,.progress-chart th:first-child{width:36px;min-width:36px;max-width:36px}.progress-chart th{background:#ffffff1a}.progress-chart .row-header{background:#ffffff1a;font-weight:700}.progress-chart td.progress-none{background:#555}.progress-chart td.progress-bad{background:#c0392b}.progress-chart td.progress-poor{background:#d35400}.progress-chart td.progress-fair{background:#e67e22}.progress-chart td.progress-good{color:#000;background:#7dcea0}.progress-chart td.progress-excellent{background:#27ae60}.progress-chart td.progress-perfect{background:#1a7a3e}.progress-legend{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.progress-legend-item{align-items:center;gap:4px;font-size:.7rem;display:flex}.progress-legend-color{border-radius:3px;width:14px;height:14px}.clear-history-btn{color:#fff;cursor:pointer;background:#c0392b;border:none;border-radius:8px;width:100%;margin-top:20px;padding:12px;font-size:.9rem}.detail-popup-overlay{z-index:2000;background:#000000b3;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.detail-popup-overlay.visible{display:flex}.detail-popup{text-align:center;background:linear-gradient(135deg,#1a472a 0%,#0d2818 100%);border-radius:16px;width:90%;max-width:320px;padding:24px}.detail-popup h3{color:#afd9a0;margin:0 0 16px}.detail-popup-stats{margin-bottom:16px}.detail-popup-stats p{margin:8px 0;font-size:1rem}.detail-popup-correct{background:#27ae604d;border-radius:8px;margin-top:12px;padding:8px 12px}.detail-popup-correct span{color:#27ae60;font-weight:700}.close-detail-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:8px;margin-top:16px;padding:10px 24px;font-size:.9rem}.achievements-section{border-top:1px solid #fff3;margin-top:24px;padding-top:20px}.achievements-section h3{color:#afd9a0;align-items:center;gap:8px;margin-bottom:16px;font-size:1rem;display:flex}.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.achievement{text-align:center;background:#0000004d;border-radius:12px;padding:12px;transition:transform .2s,box-shadow .2s}.achievement.locked{opacity:.4}.achievement.unlocked{background:#27ae6033;border:1px solid #27ae6066}.achievement-icon{margin-bottom:8px;font-size:2rem;display:block}.achievement.locked .achievement-icon{filter:grayscale()}.achievement-name{color:#fff;margin-bottom:4px;font-size:.85rem;font-weight:600}.achievement-desc{color:#ffffffb3;font-size:.7rem;line-height:1.3}.achievement.locked .achievement-desc{color:#ffffff80}.achievement-progress{background:#ffffff1a;border-radius:4px;height:6px;margin-top:8px;overflow:hidden}.achievement-progress-bar{background:#27ae60;height:100%;transition:width .3s}.achievement.locked .achievement-progress-bar{background:#7f8c8d}.achievement-notification{z-index:3000;opacity:0;background:linear-gradient(135deg,#27ae60 0%,#1e8449 100%);border-radius:16px;align-items:center;gap:12px;padding:16px 24px;transition:transform .4s,opacity .4s;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)translateY(-100px);box-shadow:0 8px 32px #0006}.achievement-notification.visible{opacity:1;transform:translate(-50%)translateY(0)}.achievement-notification .achievement-icon{margin:0;font-size:2.5rem}.achievement-notification-content{text-align:left}.achievement-notification-title{color:#fffc;text-transform:uppercase;letter-spacing:1px;font-size:.8rem}.achievement-notification-name{color:#fff;font-size:1.1rem;font-weight:700}.achievements-stats{color:#fffc;justify-content:center;gap:16px;margin-bottom:16px;font-size:.85rem;display:flex}.achievements-stats span{color:#27ae60;font-weight:700}.bet-area{justify-content:center;align-items:center;height:60px;margin-bottom:4px;display:none;position:relative}.bet-area.visible{display:flex}.chip-gesture-area{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:40px;margin-top:2px;padding:0;display:none;position:relative}.chip-gesture-area.visible{display:flex}.chip{box-sizing:border-box;border-radius:50%;position:relative}.chip:before{content:"";border:2px dashed #fff9;border-radius:50%;position:absolute;inset:3px}.chip:after{content:"";background:inherit;filter:brightness(.9);border-radius:50%;position:absolute;inset:8px}.bet-chip{background:radial-gradient(circle at 30% 30%,#e74c3c 0%,#c0392b 50%,#a93226 100%);border:4px solid #fff;width:50px;height:50px;box-shadow:0 4px 12px #00000080,inset 0 2px 4px #fff6,inset 0 -2px 4px #0003,0 1px #ffffff4d}.draggable-chip{cursor:grab;z-index:1000;touch-action:none;pointer-events:auto;background:radial-gradient(circle at 30% 30%,#e74c3c 0%,#c0392b 50%,#a93226 100%);border:3px solid #fff;flex-shrink:0;width:50px;height:50px;box-shadow:0 4px 16px #00000080,inset 0 3px 6px #ffffff80,inset 0 -3px 6px #0003,0 2px #fff6}.draggable-chip.dragging{cursor:grabbing;transition:none;position:fixed;transform:scale(1.1);box-shadow:0 12px 30px #0009,inset 0 3px 6px #ffffff80,inset 0 -3px 6px #0003}.double-zone{opacity:0;border:3px dashed #f39c1299;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;transition:opacity .2s,border-color .2s,background .2s;display:flex;position:absolute;top:50%;left:calc(50% - 79px);transform:translateY(-50%)}.double-zone.active{opacity:1}.double-zone.highlight{background:#f39c124d;border-color:#f39c12;box-shadow:0 0 20px #f39c1280}.split-zone{opacity:0;border:3px dashed #9b59b699;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;transition:opacity .2s,border-color .2s,background .2s;display:flex;position:absolute;top:50%;left:calc(50% - 139px);transform:translateY(-50%)}.split-zone.active{opacity:1}.split-zone.highlight{background:#9b59b64d;border-color:#9b59b6;box-shadow:0 0 20px #9b59b680}.zone-label{color:#ffffffe6;text-transform:uppercase;text-align:center;pointer-events:none;font-size:.6rem;font-weight:700}.double-zone .zone-label{color:#f39c12}.split-zone .zone-label{color:#9b59b6}.desktop-controls{display:none}@media (min-width:768px){body{justify-content:center;align-items:safe center;height:100vh;padding:32px 16px 16px;display:flex;overflow:hidden}.container{flex-wrap:wrap;gap:12px;width:100%;max-width:800px;max-height:100vh;display:flex}header{flex-shrink:0;width:100%;margin-bottom:8px}.desktop-layout-wrapper{align-items:flex-start;gap:16px;width:100%;display:flex}.game-area{flex:1;margin-bottom:0;padding:16px;display:block}.game-area>.divider{margin:10px 0;display:block}.game-area>.actions,.game-area>.feedback{display:none!important}.game-area>.feedback.incorrect+.divider{display:block!important}.game-area>.bet-area,.chip-gesture-area{display:none}.desktop-controls{background:#0000004d;border-radius:12px;flex-direction:column;flex-shrink:0;gap:12px;width:220px;padding:16px;position:relative;display:flex!important}.desktop-controls .desktop-feedback{text-align:center;min-height:60px}.desktop-controls .desktop-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.desktop-controls .action-btn{padding:12px 10px;font-size:.9rem}.hand-label{margin-bottom:6px;font-size:.75rem}.cards{min-height:140px;margin-bottom:10px}.card{width:90px;height:130px}.card-rank{font-size:1.6rem}.card-suit{margin-top:4px;font-size:1.3rem}.hand-value{margin-bottom:6px;font-size:.95rem}.stat-value{font-size:1.2rem}.stats{gap:12px;font-size:.8rem}}@media (min-width:1024px){.container{gap:32px;max-width:900px}.game-area{padding:32px}.desktop-controls{width:280px;padding:28px}.desktop-controls .action-btn{padding:18px 16px;font-size:1.1rem}.card{width:120px;height:175px}.card-rank{font-size:2.2rem}.card-suit{font-size:1.8rem}}.auth-slot{z-index:100;align-items:center;display:flex;position:absolute;top:50%;right:44px;transform:translateY(-50%)}.auth-btn{color:#afd9a0;cursor:pointer;background:0 0;border:1px solid #afd9a0;border-radius:6px;padding:6px 14px;font-family:inherit;font-size:.85rem;transition:background .2s,color .2s}.auth-btn:hover{color:#0a0a0a;background:#afd9a0}@media (max-width:640px){.stats{justify-content:space-between;gap:8px;padding-left:12px;padding-right:126px}}@media (max-width:480px){.auth-slot{right:38px}.auth-btn{padding:4px 10px;font-size:.8rem}.stats{padding-right:112px}}body.premium-locked [data-premium-feature]{position:relative}body.premium-locked [data-premium-feature]>:not(.premium-overlay){filter:blur(2px);pointer-events:none;-webkit-user-select:none;user-select:none}.premium-overlay{z-index:10;color:#fff;text-align:center;background:#0d2818d1;border:1px solid #afd9a066;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:16px;text-decoration:none;transition:background .2s;display:flex;position:absolute;inset:0}.premium-overlay:hover{background:#0d2818eb}.premium-overlay-lock{font-size:1.8rem;line-height:1}.premium-overlay-title{color:#afd9a0;font-size:1.05rem;font-weight:700}.premium-overlay-cta{color:#cfcfcf;font-size:.9rem}.menu-dropdown .menu-upgrade{color:#afd9a0;border-bottom:1px solid #ffffff14;padding:14px 20px;font-weight:600;text-decoration:none;transition:background .2s;display:block}.menu-dropdown .menu-upgrade:hover{background:#afd9a01f}.upgrade-modal-backdrop{z-index:9999;background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.upgrade-modal{color:#fff;text-align:center;background:linear-gradient(135deg,#1a472a 0%,#0d2818 100%);border:1px solid #afd9a066;border-radius:12px;width:100%;max-width:420px;padding:28px;box-shadow:0 20px 60px #00000080}.upgrade-modal h2{color:#afd9a0;margin:0 0 8px;font-size:1.3rem}.upgrade-modal p{color:#cfcfcf;margin:0 0 20px;line-height:1.5}.upgrade-modal .upgrade-actions{flex-direction:column;gap:12px;display:flex}.upgrade-modal .upgrade-primary{color:#0a0a0a;cursor:pointer;background:#afd9a0;border:none;border-radius:8px;padding:12px;font-family:inherit;font-size:.95rem;font-weight:700;text-decoration:none}.upgrade-modal .upgrade-secondary{color:#cfcfcf;cursor:pointer;background:0 0;border:none;padding:10px;font-family:inherit;font-size:.9rem}.upgrade-modal .upgrade-secondary:hover{color:#fff}