@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{--bg-dark:#04050e;--bg-gradient:linear-gradient(-45deg, #04050e, #101230, #080c25, #030407);--card-bg:#0e1026a6;--card-border:#6366f133;--card-border-active:#06b6d480;--primary:#6366f1;--primary-glow:#6366f166;--secondary:#06b6d4;--secondary-glow:#06b6d466;--accent:#f59e0b;--accent-glow:#f59e0b80;--accent-gradient:linear-gradient(135deg, #fbbf24 0%, #d97706 100%);--text:#f8fafc;--text-muted:#94a3b8;--text-dark:#070913;--error:#ef4444;--error-glow:#ef444499;--success:#10b981;--success-glow:#10b98166;--font-main:"Inter", sans-serif;--font-display:"Outfit", sans-serif;--cell-size:55px;--border-radius-lg:24px;--border-radius-md:16px;--border-radius-sm:8px;--shadow-glow:0 0 25px var(--primary-glow);--shadow-secondary-glow:0 0 25px var(--secondary-glow);--shadow-accent-glow:0 0 30px var(--accent-glow);--shadow-error-glow:0 0 25px var(--error-glow);--transition:all .25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--card-border-active);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--secondary)}body{font-family:var(--font-main);background-color:var(--bg-dark);background-image:var(--bg-gradient);color:var(--text);background-size:240% 240%;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding-bottom:3rem;animation:22s infinite theme-gradient-anim;display:flex;overflow-x:hidden}header{border:1px solid var(--card-border);border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(16px);background:#0a0c1e73;justify-content:space-between;align-items:center;width:auto;margin:1.5rem auto 2rem;padding:.75rem 1.5rem;display:flex;position:relative;box-shadow:0 10px 30px #0000004d}.brand{text-align:left;align-items:center;gap:.75rem;display:flex}header h1.brand-title{font-family:var(--font-display);letter-spacing:-1px;background:linear-gradient(135deg, var(--secondary) 0%, var(--primary) 100%);-webkit-text-fill-color:transparent;text-shadow:none;-webkit-background-clip:text;margin:0;font-size:1.8rem;font-weight:900}.brand-badge{text-transform:uppercase;letter-spacing:1px;color:var(--primary);white-space:nowrap;background:#6366f11a;border:1px solid #6366f140;border-radius:4px;padding:.2rem .5rem;font-size:.65rem;font-weight:700}h1{margin-bottom:0;font-size:2.8rem}header .subtitle{letter-spacing:1px;font-size:.9rem}h1{font-family:var(--font-display);letter-spacing:-1px;text-transform:uppercase;background:linear-gradient(90deg,#fff 20%,#818cf8 60%,#00f2ff 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 15px #6366f166);-webkit-background-clip:text;margin-bottom:.25rem;font-size:3.8rem;font-weight:900}.subtitle{font-family:var(--font-main);color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 10px #6366f14d;font-size:1.15rem;font-weight:600}main{grid-template-columns:1.25fr 1fr;align-items:start;gap:2.5rem;width:auto;max-width:1200px;display:grid}@media (width<=968px){main{grid-template-columns:1fr;gap:2rem;max-width:600px}}.panel{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(20px)saturate(180%);transition:var(--transition);padding:1.75rem;box-shadow:0 15px 35px #00000080,inset 0 1px 1px #ffffff0d}.panel:hover{border-color:#6366f159;box-shadow:0 20px 45px #0009,0 0 15px #6366f11a}.board-container{flex-direction:column;align-items:center;display:flex}.sudoku-grid{grid-template-columns:repeat(9, var(--cell-size));grid-template-rows:repeat(9, var(--cell-size));border:4px solid var(--primary);transition:var(--transition);background:#04050cf2;border-radius:16px;padding:4px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 35px #6366f166,inset 0 0 30px #000000e6}.cell{color:var(--text-muted);font-family:var(--font-display);cursor:pointer;-webkit-user-select:none;user-select:none;aspect-ratio:1;background:#0e112799;border:1px solid #ffffff0a;outline:none;justify-content:center;align-items:center;font-size:1.55rem;font-weight:600;transition:all .22s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.cell:not(.given):not(.marked):hover{color:var(--text);z-index:2;border-color:var(--secondary);background:#06b6d433;transform:scale(1.08);box-shadow:0 0 15px #06b6d480}.cell[data-row="2"],.cell[data-row="5"]{border-bottom:3px solid var(--primary)!important}.cell[data-col="2"],.cell[data-col="5"]{border-right:3px solid var(--primary)!important}.cell.given{color:#a5b4fc;cursor:not-allowed;text-shadow:0 0 5px #a5b4fc4d;background:#161936b3;border-color:#ffffff05;font-weight:700}.cell.marked{border-color:var(--secondary);color:var(--secondary);text-shadow:0 0 12px #06b6d499;background:linear-gradient(135deg,#06b6d440 0%,#6366f140 100%);font-weight:800;animation:.45s cubic-bezier(.175,.885,.32,1.275) forwards cell-pop}.cell.bingo-winning{z-index:5;animation:1.2s ease-in-out infinite alternate bingo-pulse;transform:scale(1.04);background:var(--accent-gradient)!important;color:var(--text-dark)!important;border-color:var(--accent)!important;text-shadow:none!important;box-shadow:var(--shadow-accent-glow)!important}.cell.error-flash{animation:.35s ease-in-out cell-shake;border-color:var(--error)!important;color:var(--text)!important;box-shadow:var(--shadow-error-glow)!important;background:#ef444473!important}.control-panel{flex-direction:column;gap:1.5rem;display:flex}.caller-section{flex-direction:column;justify-content:center;align-items:center;padding:1.75rem;display:flex;position:relative}.caller-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:2px;color:var(--secondary);text-shadow:0 0 10px #06b6d44d;margin-bottom:1.25rem;font-size:1.05rem;font-weight:700}.caller-drum{align-items:center;gap:2.5rem;margin-bottom:1.5rem;display:flex}.active-ball-container{position:relative}.ball{width:105px;height:105px;font-family:var(--font-display);-webkit-user-select:none;user-select:none;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:3.8rem;font-weight:800;display:flex}.ball.active{color:var(--text-dark);border:4px solid var(--secondary);box-shadow:var(--shadow-secondary-glow), inset 0 -8px 16px #00000080;background:radial-gradient(circle at 35% 35%,#fff 0%,#f1f5f9 15%,#06b6d4 70%,#0891b2 100%);animation:.55s cubic-bezier(.175,.885,.32,1.275) ball-draw}.ball.empty-ball{color:#ffffff1a;background:#16183066;border:3px dashed #6366f159;font-size:2.2rem;box-shadow:inset 0 0 10px #00000080}.history-container{flex-direction:column;align-items:flex-start;gap:.6rem;display:flex}.history-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:1px;font-size:.75rem;font-weight:600}.history-balls{gap:.6rem;min-height:48px;display:flex}.history-ball{border:2px solid var(--primary);width:46px;height:46px;color:var(--text);font-family:var(--font-display);background:radial-gradient(circle at 30% 30%,#fff 0%,#e2e8f0 18%,#4f46e5 80%,#3730a3 100%);border-radius:50%;justify-content:center;align-items:center;font-size:1.45rem;font-weight:700;animation:.4s ease-out ball-history-fade;display:flex;box-shadow:0 4px 12px #0006}.timer-bar-container{background:#ffffff0d;border-radius:10px;width:100%;height:8px;margin-bottom:1.5rem;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #00000080}.timer-bar{background:linear-gradient(90deg, var(--primary), var(--secondary));width:0%;height:100%;box-shadow:0 0 10px var(--secondary-glow);border-radius:10px;transition:width .1s linear}.controls{gap:1rem;width:100%;margin-bottom:.5rem;display:flex}.btn{font-family:var(--font-display);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition);border:1px solid #ffffff0d;outline:none;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, #4338ca 100%);color:var(--text);border:1px solid #ffffff1a;box-shadow:0 4px 15px #6366f159}.btn-primary:hover:not(:disabled){border-color:#fff3;transform:translateY(-2px);box-shadow:0 6px 22px #6366f18c,0 0 10px #6366f14d}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{color:var(--text);border:1px solid var(--card-border);background:#161a3699}.btn-secondary:hover:not(:disabled){border-color:var(--card-border-active);background:#1e2958b3;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d,0 0 8px #06b6d433}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none!important;transform:none!important}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.stat-card{border:1px solid var(--card-border);border-radius:var(--border-radius-md);text-align:center;transition:var(--transition);background:#0a0b1c99;padding:1.1rem}.stat-card:hover{background:#0e1026cc;border-color:#6366f14d}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:.4rem;font-size:.78rem;font-weight:600}.stat-value{font-family:var(--font-display);color:var(--text);font-size:1.5rem;font-weight:800}.mistakes-container{justify-content:center;gap:.5rem;margin-top:.35rem;display:flex}.mistake-indicator{color:#ffffff14;transition:var(--transition);font-size:1.3rem;font-weight:900}.mistake-indicator.active{color:var(--error);text-shadow:0 0 10px var(--error-glow);transform:scale(1.25)}.joker-section{transition:var(--transition)}.legend-panel{flex-direction:column;gap:.8rem;display:flex}.legend-title{font-family:var(--font-display);color:var(--text);border-bottom:1px solid #ffffff14;padding-bottom:.6rem;font-size:1.15rem;font-weight:700}.legend-list{color:var(--text-muted);flex-direction:column;gap:.65rem;font-size:.88rem;list-style:none;display:flex}.legend-list li{align-items:center;gap:.8rem;display:flex}.legend-dot{border-radius:4px;flex-shrink:0;width:14px;height:14px}.legend-dot.given-dot{background:#161936e6;border:1px solid #a5b4fc66}.legend-dot.marked-dot{border:1px solid var(--secondary);background:linear-gradient(135deg,#06b6d466 0%,#6366f166 100%)}.legend-dot.bingo-dot{background:var(--accent-gradient);border:1px solid var(--accent);box-shadow:0 0 6px var(--accent-glow)}.difficulty-select{border-radius:var(--border-radius-sm);width:100%;font-family:var(--font-main);cursor:pointer;appearance:none;transition:var(--transition);outline:none;padding:.8rem 1.1rem;font-size:.92rem;border:1px solid var(--card-border)!important;color:var(--text)!important;background:#0a0b1ce6 url("data:image/svg+xml;utf8,<svg fill='%2306b6d4' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") right 12px center/20px no-repeat!important;padding-right:38px!important}.difficulty-select:focus,.difficulty-select:hover{border-color:var(--secondary)!important;box-shadow:0 0 12px #06b6d459!important}#btn-save-game:hover{border-color:var(--success);color:var(--success);box-shadow:0 0 10px var(--success-glow);background:#10b9811a}#btn-load-game:hover{border-color:var(--secondary);color:var(--secondary);box-shadow:0 0 10px var(--secondary-glow);background:#06b6d41a}#btn-show-highscores{border-color:var(--accent);color:var(--accent);letter-spacing:.5px;background:#f59e0b0d;font-weight:700}#btn-show-highscores:hover{box-shadow:0 0 12px var(--accent-glow);background:#f59e0b26;border-color:#fbbf24;transform:translateY(-1px)}.modal-overlay{-webkit-backdrop-filter:blur(15px);opacity:0;pointer-events:none;z-index:100;background:#03040ad1;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .4s;display:flex;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1;pointer-events:all}.victory-modal{border:2px solid var(--accent);border-radius:var(--border-radius-lg);box-shadow:0 20px 55px #000000b3, 0 0 35px var(--accent-glow);text-align:center;background:radial-gradient(circle at 50% 0,#1e224e 0%,#070814 100%);width:90%;max-width:480px;padding:3rem;transition:transform .45s cubic-bezier(.175,.885,.32,1.275);transform:scale(.8)}.modal-overlay.active .victory-modal{transform:scale(1)}.victory-icon{margin-bottom:1rem;font-size:4.8rem;animation:1s ease-in-out infinite alternate victory-bounce;display:inline-block}.victory-title{font-family:var(--font-display);text-transform:uppercase;background:var(--accent-gradient);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 12px #f59e0b73);-webkit-background-clip:text;margin-bottom:.5rem;font-size:3.2rem;font-weight:900}.victory-desc{color:var(--text-muted);margin-bottom:2rem;font-size:1.12rem;line-height:1.5}.victory-stats{border-radius:var(--border-radius-md);background:#00000059;border:1px solid #ffffff0d;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem;padding:1.35rem;display:grid}.v-stat{flex-direction:column;align-items:center;display:flex}.v-label{color:var(--text-muted);text-transform:uppercase;margin-bottom:.3rem;font-size:.78rem;font-weight:600}.v-val{font-family:var(--font-display);color:var(--text);font-size:1.4rem;font-weight:800}.victory-confetti-canvas{pointer-events:none;z-index:99;width:100%;height:100%;position:fixed;top:0;left:0}.highscores-modal{border:2px solid var(--secondary);border-radius:var(--border-radius-lg);box-shadow:0 20px 55px #000000b3, 0 0 35px var(--secondary-glow);text-align:center;background:radial-gradient(circle at 50% 0,#161a3e 0%,#060714 100%);width:95%;max-width:550px;padding:2.5rem;transition:transform .45s cubic-bezier(.175,.885,.32,1.275);transform:scale(.8)}.modal-overlay.active .highscores-modal{transform:scale(1)}.highscores-title{font-family:var(--font-display);text-transform:uppercase;background:linear-gradient(135deg, var(--secondary) 0%, var(--primary) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 12px #06b6d473);-webkit-background-clip:text;margin-bottom:1.5rem;font-size:2.6rem;font-weight:800}.highscores-table-container{border-radius:var(--border-radius-md);border:1px solid var(--card-border);background:#00000059;max-height:320px;margin-bottom:.5rem;overflow-y:auto}.highscores-table{border-collapse:collapse;width:100%;font-family:var(--font-main);text-align:left}.highscores-table th,.highscores-table td{padding:.85rem 1.1rem;font-size:.92rem}.highscores-table th{color:var(--secondary);text-transform:uppercase;letter-spacing:1px;z-index:10;border-bottom:1px solid var(--card-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#161936d9;font-size:.75rem;font-weight:700;position:sticky;top:0}.highscores-table tbody tr{transition:var(--transition);border-bottom:1px solid #ffffff0d}.highscores-table tbody tr:hover{background:#06b6d414}.highscores-table tbody tr:last-child{border-bottom:none}.highscores-table td{color:var(--text)}.highscores-table tbody tr:first-child td:first-child{color:#fbbf24;text-shadow:0 0 8px #fbbf2480;font-weight:900}.highscores-table tbody tr:nth-child(2) td:first-child{color:#cbd5e1;text-shadow:0 0 8px #cbd5e180;font-weight:900}.highscores-table tbody tr:nth-child(3) td:first-child{color:#cd7f32;text-shadow:0 0 8px #cd7f3280;font-weight:900}.highscores-table td:first-child{color:var(--text-muted);font-weight:700}.highscores-table-container::-webkit-scrollbar{width:6px}.highscores-table-container::-webkit-scrollbar-track{background:#0000001a}.highscores-table-container::-webkit-scrollbar-thumb{background:var(--card-border-active);border-radius:3px}@keyframes cell-pop{0%{opacity:.4;transform:scale(.75)}50%{transform:scale(1.18)}to{opacity:1;transform:scale(1)}}@keyframes cell-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes bingo-pulse{0%{box-shadow:0 0 15px var(--accent-glow);transform:scale(1.02)}to{box-shadow:0 0 30px #fbbf24, 0 0 15px var(--accent-glow);transform:scale(1.05)}}@keyframes ball-draw{0%{opacity:0;transform:scale(.2)rotate(-220deg)}70%{transform:scale(1.15)rotate(25deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes ball-history-fade{0%{opacity:0;transform:scale(.4)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes victory-bounce{0%{transform:translateY(0)scale(1)}to{transform:translateY(-12px)scale(1.06)}}.timer-bar.frozen{box-shadow:0 0 12px var(--secondary-glow);background:var(--secondary)!important}.nav-menu{align-items:center;gap:.4rem;margin-left:1.5rem;display:flex}.nav-btn{border:1px solid var(--card-border);color:var(--text);font-family:var(--font-main);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition);white-space:nowrap;background:#16183673;justify-content:center;align-items:center;gap:.4rem;padding:.4rem .7rem;font-size:.82rem;font-weight:600;display:flex;position:relative;overflow:hidden}.nav-btn-icon{z-index:2;font-size:.95rem;position:relative}.nav-btn-text{z-index:2;transition:var(--transition);position:relative}.nav-btn:before{content:"";background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);opacity:0;z-index:1;width:100%;height:100%;transition:var(--transition);position:absolute;top:0;left:0}.nav-btn:hover{border-color:var(--card-border-active);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.nav-btn:hover:before{opacity:.15}.nav-btn:active{transform:translateY(0)}.rules-modal{border:2px solid var(--primary);border-radius:var(--border-radius-lg);box-shadow:0 20px 55px #000000b3, 0 0 35px var(--primary-glow);text-align:left;background:radial-gradient(circle at 50% 0,#161a3e 0%,#060714 100%);flex-direction:column;width:95%;max-width:620px;max-height:85vh;padding:2rem;transition:transform .45s cubic-bezier(.175,.885,.32,1.275);display:flex;overflow:hidden;transform:scale(.8)}.modal-overlay.active .rules-modal{transform:scale(1)}.rules-title{font-family:var(--font-display);color:var(--text);text-align:center;flex-shrink:0;margin-bottom:1rem;font-size:2.4rem;font-weight:800}.rules-body{flex:1;margin-bottom:.5rem;padding-right:.5rem;overflow:hidden auto}.rules-content{color:var(--text);line-height:1.6}.rules-table{border-collapse:collapse;width:100%;font-family:var(--font-main);border:1px solid var(--card-border);border-radius:var(--border-radius-sm);background:#00000040;margin-top:1rem;overflow:hidden}.rules-table th,.rules-table td{text-align:center;padding:.6rem .85rem;font-size:.8rem}.rules-table th{color:var(--secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--card-border);background:#161936d9;font-size:.7rem;font-weight:700}.rules-table tbody tr{border-bottom:1px solid #ffffff0d}.rules-table tbody tr:last-child{border-bottom:none}.rules-table td{color:var(--text)}.options-modal{border:2px solid var(--secondary);border-radius:var(--border-radius-lg);box-shadow:0 20px 55px #000000b3, 0 0 35px var(--secondary-glow);text-align:left;background:radial-gradient(circle at 50% 0,#161a3e 0%,#060714 100%);width:95%;max-width:480px;padding:2.5rem;transition:transform .45s cubic-bezier(.175,.885,.32,1.275);transform:scale(.8)}.modal-overlay.active .options-modal{transform:scale(1)}.options-title{font-family:var(--font-display);color:var(--text);text-align:center;margin-bottom:1.5rem;font-size:2.4rem;font-weight:800}.rules-body::-webkit-scrollbar{width:6px}.rules-body::-webkit-scrollbar-track{background:#0003;border-radius:3px}.rules-body::-webkit-scrollbar-thumb{background:var(--primary-glow);border-radius:3px}.rules-body::-webkit-scrollbar-thumb:hover{background:var(--primary)}.hud-bar{border:1px solid var(--card-border);border-radius:var(--border-radius-md);-webkit-backdrop-filter:blur(8px);background:#10122b80;flex-shrink:0;align-items:center;margin-left:2rem;margin-right:auto;padding:.15rem .35rem;display:flex;box-shadow:0 4px 20px #00000026}.hud-segment{font-family:var(--font-display);color:var(--text);transition:var(--transition);cursor:default;white-space:nowrap;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.9rem;font-weight:700;display:flex}.hud-segment:hover{color:var(--secondary)}.hud-segment#hud-coins{color:var(--accent)}.hud-segment#hud-energy{color:var(--secondary)}.hud-divider{background:#ffffff14;width:1px;height:1.25rem}.energy-timer-text{color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:left;min-width:2.2rem;margin-left:.25rem;font-family:Courier New,Courier,monospace;font-size:.75rem;font-weight:400;display:inline-block}@media (width<=1250px){.nav-btn-text{display:none}.nav-btn{width:2.25rem;height:2.25rem;padding:.5rem}.nav-btn#btn-show-auth{width:auto;padding:.5rem .8rem}.nav-btn#btn-show-auth .nav-btn-text{display:inline}}@media (width<=768px){header{flex-direction:column;align-items:center;gap:1rem;margin:1rem auto 1.5rem;padding:1rem}.brand{text-align:center;justify-content:center;margin-right:0}.nav-menu{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-left:0}.brand-badge{display:none}header h1.brand-title{font-size:1.4rem}.hud-bar{left:unset;transform:unset;margin:0;padding:.15rem .35rem;position:relative}.hud-segment{gap:.4rem;padding:.4rem .75rem;font-size:.9rem}.hud-divider{height:1.25rem}}@media (width<=480px){.hud-segment .hud-icon{display:none}header h1.brand-title{font-size:1.1rem}.hud-segment{padding:.25rem .35rem;font-size:.75rem}.nav-btn{width:2rem;height:2rem;padding:.4rem}.nav-btn#btn-show-auth{padding:.4rem .6rem}}.shop-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--card-border-active);border-radius:var(--border-radius-lg);width:90%;max-width:680px;transition:var(--transition);background:#0a0b1cf2;flex-direction:column;max-height:85vh;padding:2.5rem;display:flex;transform:scale(.9);box-shadow:0 20px 50px #00000080,0 0 40px #06b6d426}.modal-overlay.active .shop-modal{transform:scale(1)}.shop-tabs{border-bottom:2px solid var(--card-border);gap:.5rem;margin-bottom:1.5rem;display:flex}.shop-tab-btn{color:var(--text-muted);font-family:var(--font-display);cursor:pointer;transition:var(--transition);text-align:center;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;padding:.75rem 1rem;font-size:1rem;font-weight:600}.shop-tab-btn:hover{color:var(--text)}.shop-tab-btn.active{color:var(--secondary);border-bottom-color:var(--secondary);text-shadow:0 0 8px var(--secondary-glow)}.shop-tab-content{flex:1;padding-right:.5rem;display:none;overflow-y:auto}.shop-tab-content.active{display:block}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.25rem;margin-bottom:1rem;display:grid}.shop-card{border:1px solid var(--card-border);border-radius:var(--border-radius-md);text-align:center;transition:var(--transition);background:#10122b99;flex-direction:column;align-items:center;padding:1.25rem;display:flex;position:relative;overflow:hidden}.shop-card:hover{border-color:var(--card-border-active);transform:translateY(-5px);box-shadow:0 10px 20px #06b6d41a}.shop-card .icon{filter:drop-shadow(0 0 8px #ffffff1a);margin-bottom:.75rem;font-size:2.2rem}.shop-card.vip-card{border-color:var(--accent);box-shadow:inset 0 0 15px #f59e0b0d}.shop-card.vip-card:hover{box-shadow:0 10px 20px #f59e0b26,inset 0 0 15px #f59e0b1a}.shop-card .title{font-family:var(--font-display);margin-bottom:.25rem;font-size:1.1rem;font-weight:700}.shop-card .desc{color:var(--text-muted);margin-bottom:1rem;font-size:.75rem;line-height:1.3}.shop-card .price{font-family:var(--font-display);color:var(--accent);margin-top:auto;margin-bottom:.75rem;font-size:1.2rem;font-weight:800}.shop-card.unlocked{border-color:var(--success)}.vip-promo-banner{border:1px solid var(--accent);border-radius:var(--border-radius-md);background:linear-gradient(135deg,#1a160ae6 0%,#0c0a05f2 100%);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #f59e0b1a}.vip-promo-banner:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#f59e0b26 0%,#0000 60%);position:absolute;inset:0}.vip-promo-info h3{font-family:var(--font-display);color:var(--accent);margin-bottom:.25rem;font-size:1.3rem;font-weight:800}.vip-promo-info p{color:var(--text-muted);max-width:320px;font-size:.8rem;line-height:1.4}.vip-promo-info ul{flex-direction:column;gap:.25rem;margin-top:.5rem;font-size:.75rem;list-style:none;display:flex}.vip-promo-info li:before{content:"⭐ ";margin-right:.25rem}.daily-reward-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--card-border-active);border-radius:var(--border-radius-lg);width:90%;max-width:600px;transition:var(--transition);text-align:center;background:#0a0b1cf2;padding:2.5rem;transform:scale(.9);box-shadow:0 20px 50px #00000080,0 0 45px #06b6d426}.modal-overlay.active .daily-reward-modal{transform:scale(1)}.daily-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;margin:1.5rem 0 2rem;display:grid}.daily-day-card{border:1px solid var(--card-border);border-radius:var(--border-radius-sm);transition:var(--transition);background:#10122b80;flex-direction:column;align-items:center;padding:.9rem .5rem;display:flex;position:relative}.daily-day-card.day-7{border-color:var(--accent);background:#1a160a66;grid-column:span 2}.daily-day-card.claimed{border-color:var(--success);background:#10b9810d}.daily-day-card.active{border-color:var(--secondary);box-shadow:0 0 15px var(--secondary-glow);background:#06b6d41a;transform:scale(1.05)}.daily-day-card.claimed .check{color:var(--success);font-size:.75rem;font-weight:900;position:absolute;top:4px;right:4px}.daily-day-title{color:var(--text-muted);text-transform:uppercase;margin-bottom:.5rem;font-size:.75rem;font-weight:600}.daily-day-card.active .daily-day-title{color:var(--secondary)}.daily-day-coins{font-family:var(--font-display);color:var(--text);margin-bottom:.25rem;font-size:1.1rem;font-weight:800}.daily-day-card.claimed .daily-day-coins{color:var(--text-muted);text-decoration:line-through}.daily-day-reward-icon{font-size:1.5rem}#ad-overlay{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:9999;background:#020208f2;justify-content:center;align-items:center;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}#ad-overlay.active{display:flex}.ad-card{border:2px solid var(--primary);border-radius:var(--border-radius-lg);text-align:center;width:90%;max-width:460px;box-shadow:0 25px 60px #000c, 0 0 30px var(--primary-glow);background:#111326;padding:2.5rem;position:relative}.ad-badge{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:#ffffff14;border:1px solid #ffffff26;border-radius:4px;padding:.2rem .5rem;font-size:.65rem;position:absolute;top:10px;left:10px}.ad-visual-container{border-radius:var(--border-radius-md);color:#fff;background:linear-gradient(135deg,#1e1b4b 0%,#311042 100%);border:1px solid #ffffff0d;flex-direction:column;justify-content:center;align-items:center;width:100%;height:180px;margin-bottom:1.5rem;display:flex;position:relative;overflow:hidden}.ad-visual-icon{font-size:3rem;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ad-visual-title{font-family:var(--font-display);text-shadow:0 0 10px #ffffff4d;margin-top:.5rem;font-size:1.4rem;font-weight:800}.ad-progress-container{background:#ffffff0d;border-radius:3px;width:100%;height:6px;margin-top:1.5rem;margin-bottom:1.5rem;overflow:hidden}.ad-progress-bar{background:linear-gradient(90deg, var(--secondary) 0%, var(--primary) 100%);width:0%;height:100%;transition:width .1s linear}.ad-timer-text{color:var(--text-muted);font-size:.85rem}#checkout-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;background:#020208d9;justify-content:center;align-items:center;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}#checkout-overlay.active{display:flex}.checkout-modal{border:1px solid var(--accent);border-radius:var(--border-radius-lg);background:#0f1021;width:90%;max-width:420px;padding:2rem;box-shadow:0 20px 50px #0009,0 0 35px #f59e0b1a}.credit-card{border-radius:var(--border-radius-md);background:linear-gradient(135deg,#b45309 0%,#1e1b4b 100%);flex-direction:column;justify-content:space-between;width:100%;height:170px;margin-bottom:1.5rem;padding:1.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #0000004d}.credit-card:after{content:"";background:#ffffff08;border-radius:50%;width:150px;height:150px;position:absolute;top:-50px;right:-50px}.card-logo{font-family:var(--font-display);color:#fff;justify-content:space-between;align-items:center;font-size:1.2rem;font-style:italic;font-weight:900;display:flex}.card-chip{background:linear-gradient(135deg,#fef08a 0%,#ca8a04 100%);border-radius:4px;width:35px;height:26px}.card-number{color:#fff;letter-spacing:.1em;word-spacing:.1em;font-family:Courier New,Courier,monospace;font-size:1.25rem}.card-details{color:#ffffffb3;text-transform:uppercase;justify-content:space-between;font-size:.7rem;display:flex}.card-holder{color:#fff;font-weight:600}.checkout-form{flex-direction:column;gap:.75rem;display:flex}.checkout-input-group{flex-direction:column;gap:.25rem;display:flex}.checkout-label{color:var(--text-muted);text-transform:uppercase;font-size:.7rem}.checkout-input{border:1px solid var(--card-border);color:var(--text);border-radius:var(--border-radius-sm);font-family:var(--font-main);background:#ffffff08;outline:none;padding:.6rem;font-size:.9rem}.checkout-input:focus{border-color:var(--accent)}.revive-option-container{flex-direction:column;gap:.75rem;width:100%;margin-top:1.5rem;display:flex}.btn-revive-coin{color:var(--text-dark);background:linear-gradient(135deg,#fbbf24 0%,#d97706 100%);font-weight:800}.btn-revive-coin:hover{box-shadow:0 0 15px var(--accent-glow)}.btn-revive-ad{color:#fff;background:linear-gradient(135deg,#06b6d4 0%,#6366f1 100%);font-weight:800}.btn-revive-ad:hover{box-shadow:0 0 15px var(--secondary-glow)}.theme-thumbnail{border-radius:var(--border-radius-sm);border:1px solid #ffffff0d;width:100%;height:60px;margin-bottom:.75rem}.theme-thumbnail.default{background:radial-gradient(circle,#101230 0%,#030407 100%)}.theme-thumbnail.retro{background:radial-gradient(circle,#051405 0%,#000 100%);border-color:#22c55e}.theme-thumbnail.neon{background:radial-gradient(circle,#2f0247 0%,#090010 100%);border-color:#ec4899}.theme-thumbnail.vip{background:radial-gradient(circle,#2a250e 0%,#050402 100%);border-color:#d4af37}body.theme-retro{--bg-dark:#000;--bg-gradient:linear-gradient(-45deg, #000, #031403, #000800, #010a01);--card-bg:#000a00d9;--card-border:#22c55e40;--card-border-active:#22c55ecc;--primary:#22c55e;--primary-glow:#22c55e80;--secondary:#4ade80;--secondary-glow:#4ade8080;--accent:#86efac;--accent-glow:#86efac99;--accent-gradient:linear-gradient(135deg, #4ade80 0%, #15803d 100%);--text:#4ade80;--text-muted:#166534;--error:#ef4444;--success:#22c55e;--font-main:"Courier New", Courier, monospace;--font-display:"Courier New", Courier, monospace;font-family:Courier New,Courier,monospace!important}body.theme-retro *{border-radius:0!important;font-family:Courier New,Courier,monospace!important}body.theme-retro .hud-item,body.theme-retro .shop-card,body.theme-retro .btn,body.theme-retro .panel{border:1px solid var(--primary)!important;box-shadow:none!important;background:#000!important}body.theme-retro .btn:hover{background:var(--primary)!important;color:#000!important}body.theme-neon{--bg-dark:#080010;--bg-gradient:linear-gradient(-45deg, #080010, #29033b, #150020, #05000a);--card-bg:#160226b3;--card-border:#ec48994d;--card-border-active:#f43f5ecc;--primary:#ec4899;--primary-glow:#ec489980;--secondary:#a855f7;--secondary-glow:#a855f780;--accent:#f43f5e;--accent-glow:#f43f5e99;--accent-gradient:linear-gradient(135deg, #ec4899 0%, #a855f7 100%);--text:#fdf2f8;--text-muted:#c084fc}body.theme-neon .sudoku-grid{border-color:var(--primary)!important;box-shadow:0 0 20px var(--primary-glow)!important}body.theme-neon .cell.given{text-shadow:0 0 8px var(--primary-glow);color:var(--primary)!important;background:#ec489926!important}body.theme-neon .cell.marked{text-shadow:0 0 8px var(--secondary-glow);color:var(--text)!important;background:#a855f740!important}body.theme-vip{--bg-dark:#080703;--bg-gradient:linear-gradient(-45deg, #080703, #201b0a, #100c05, #030301);--card-bg:#16140ad9;--card-border:#d4af374d;--card-border-active:#d4af37cc;--primary:#d4af37;--primary-glow:#d4af3780;--secondary:#fbbf24;--secondary-glow:#fbbf2480;--accent:#f59e0b;--accent-glow:#f59e0b99;--accent-gradient:linear-gradient(135deg, #fef08a 0%, #b45309 100%);--text:#fefcf0;--text-muted:#a1824a}body.theme-vip .brand h1{background:linear-gradient(135deg,#fff 0%,#fbbf24 50%,#b45309 100%)!important;color:#0000!important;-webkit-background-clip:text!important}body.theme-vip .btn-primary{font-weight:750;background:var(--accent-gradient)!important;color:#1a1403!important}.board-container{position:relative}.joker-reveal-banner{-webkit-backdrop-filter:blur(12px);z-index:100;color:#fff;font-family:var(--font-display);background:#f59e0b38;border:1px solid #f59e0b73;border-left:4px solid #f59e0b;border-radius:30px;align-items:center;gap:1.2rem;margin-top:1.5rem;padding:.6rem 1.4rem;font-size:.85rem;font-weight:600;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards banner-slide-in;display:flex;box-shadow:0 8px 32px #f59e0b40,0 0 15px #f59e0b26}@keyframes banner-slide-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.cell.joker-target{cursor:pointer;z-index:10;color:#f59e0b!important;background:#f59e0b2e!important;border:2px dashed #f59e0b!important;animation:1s ease-in-out infinite alternate joker-target-pulse!important;box-shadow:0 0 15px #f59e0b80,inset 0 0 8px #f59e0b59!important}@keyframes joker-target-pulse{0%{transform:scale(1);box-shadow:0 0 10px #f59e0b4d}to{transform:scale(1.08);box-shadow:0 0 20px #f59e0bb3}}.cell.joker-revealed{animation:.8s cubic-bezier(.175,.885,.32,1.275) forwards joker-reveal-flash!important}@keyframes joker-reveal-flash{0%{transform:scale(.7)rotate(-10deg);color:#fff!important;background:#f59e0b!important;box-shadow:0 0 30px #f59e0b!important}40%{transform:scale(1.22)rotate(8deg);color:#fff!important;background:#f59e0b!important;box-shadow:0 0 30px #f59e0b!important}to{transform:scale(1)rotate(0)}}.timer-bar-container{justify-content:center;align-items:center;display:flex;height:16px!important}.timer-bar.frozen{animation:1.5s ease-in-out infinite alternate frozen-bar-pulse;background:linear-gradient(90deg,#06b6d4,#3b82f6)!important;box-shadow:0 0 15px #06b6d4cc!important}@keyframes frozen-bar-pulse{0%{filter:brightness()}to{filter:brightness(1.3)}}.timer-bar-text{color:#fff;text-shadow:0 1px 4px #000000e6;pointer-events:none;z-index:10;letter-spacing:.05em;font-size:.72rem;font-weight:800;font-family:var(--font-display);position:absolute}.toast-container{z-index:1000;pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:2rem;right:2rem}.toast-notification{-webkit-backdrop-filter:blur(12px);pointer-events:auto;opacity:0;color:#fff;font-family:var(--font-display);border:1px solid #6366f166;border-left:4px solid var(--accent);background:#0f172ad9;border-radius:12px;align-items:center;gap:.8rem;padding:.8rem 1.4rem;font-size:.85rem;font-weight:600;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:flex;transform:translateY(20px);box-shadow:0 10px 25px #00000080,0 0 15px #6366f133}.toast-notification.show{opacity:1;transform:translateY(0)}.toast-notification.hide{opacity:0;transition:all .3s ease-in;transform:translateY(-20px)}.toast-icon{font-size:1.2rem}#btn-restart{width:100%;max-width:280px;margin:1.5rem auto 0!important}.app-footer{text-align:center;color:var(--text-muted);font-family:var(--font-main);letter-spacing:.02em;opacity:.7;margin-top:1%;font-size:.8rem;font-weight:500;transition:opacity .3s}.app-footer:hover{opacity:1}.landing-card{border:2px solid var(--card-border);border-radius:var(--border-radius-lg);text-align:center;-webkit-backdrop-filter:blur(20px);background:radial-gradient(circle at 50% 0,#1e224eb3 0%,#070814e6 100%);width:90%;max-width:400px;padding:3rem 2rem;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);transform:scale(.85);box-shadow:0 20px 55px #000000b3,0 0 35px #ffffff0d}.modal-overlay.active .landing-card{transform:scale(1)}body.theme-retro .landing-card{border:1px solid var(--primary)!important;background:#000!important;border-radius:0!important}body.theme-neon .landing-card{border:2px solid var(--primary)!important;box-shadow:0 0 30px var(--primary-glow)!important;background:radial-gradient(circle at 50% 0,#29033bbf 0%,#05000ae6 100%)!important}body.theme-vip .landing-card{border:2px solid var(--primary)!important;box-shadow:0 0 30px var(--primary-glow)!important;background:radial-gradient(circle at 50% 0,#201b0acc 0%,#030301f2 100%)!important}body:has(#landing-overlay.active) header{display:none!important}body:has(#landing-overlay.active) main{display:none!important}body:has(#landing-overlay.active) .app-footer{display:none!important}.landing-bg-glows{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.glow-orb{filter:blur(80px);opacity:.15;mix-blend-mode:screen;border-radius:50%;animation:25s ease-in-out infinite alternate float-glow;position:absolute}.orb-1{background:var(--primary);width:300px;height:300px;animation-duration:28s;top:20%;left:20%}.orb-2{background:var(--secondary);width:350px;height:350px;animation-duration:32s;animation-delay:-5s;bottom:20%;right:15%}.orb-3{background:var(--accent);width:250px;height:250px;animation-duration:24s;animation-delay:-10s;top:50%;left:60%}@keyframes float-glow{0%{transform:translate(0)scale(1)}50%{transform:translate(80px,-50px)scale(1.2)}to{transform:translate(-40px,60px)scale(.9)}}