:root{--accent-color:#8ebdec;--accent-glow:#8ebdec66;--accent-glow-strong:#8ebdecb3;--accent-dark:#588bbd;--bg-dark:#07090e;--panel-bg:#0a0e14bf;--panel-border:#ffffff0f;--panel-border-hover:#8ebdec4d;--text-main:#fff;--text-muted:#ffffff8c;--cash-color:#7bdcb5;--bank-color:#8ebdec;--error-color:#ff8c8c;--card-bg:#10162099;--card-border:#ffffff0a;--card-border-hover:#8ebdec33;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;margin:0;padding:0}body{color:var(--text-main);background:var(--bg-dark);min-height:100vh;font-family:Outfit,sans-serif;position:relative;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000004d}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color);box-shadow:0 0 10px var(--accent-glow-strong)}.title-font{font-family:Montserrat,sans-serif;font-weight:800}.app-container{z-index:10;flex-direction:column;min-height:100vh;display:flex;position:relative}.glass-panel{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(16px);transition:border-color var(--transition-normal), box-shadow var(--transition-normal);border-radius:16px;box-shadow:0 8px 32px #0000005e}.glass-panel:hover{border-color:var(--panel-border-hover)}.glass-card{background:var(--card-bg);border:1px solid var(--card-border);transition:all var(--transition-normal);border-radius:12px}.glass-card:hover{border-color:var(--card-border-hover);transform:translateY(-2px);box-shadow:0 10px 20px #0000004d}.glow-text{text-shadow:0 0 15px var(--accent-glow-strong)}.glow-text-green{text-shadow:0 0 15px #7bdcb566}.parallax-bg{z-index:1;pointer-events:none;background:radial-gradient(circle,#111a2e 0%,#07090e 100%);width:100%;height:100%;position:fixed;top:0;left:0}.glow-orb{filter:blur(120px);opacity:.08;pointer-events:none;border-radius:50%;animation:20s ease-in-out infinite floating;position:absolute}.orb-1{background:var(--accent-color);width:500px;height:500px;animation-delay:0s;top:-10%;left:-10%}.orb-2{background:#588bbd;width:600px;height:600px;animation-delay:-5s;bottom:-15%;right:-10%}.orb-3{background:#c56cf0;width:350px;height:350px;animation-delay:-10s;top:40%;left:60%}.nav-tab{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);border-radius:8px;align-items:center;gap:10px;padding:12px 24px;font-weight:500;display:flex;position:relative}.nav-tab:hover,.nav-tab.active{color:var(--text-main);background:#ffffff0a}.nav-tab:after{content:"";background:var(--accent-color);width:0;height:2px;box-shadow:0 0 10px var(--accent-glow-strong);transition:width var(--transition-normal);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-tab.active:after{width:60%}.rule-category-btn{color:#fff;cursor:pointer;text-align:left;width:100%;transition:all var(--transition-fast);background:#10162066;border:1px solid #ffffff08;border-radius:8px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.rule-category-btn:hover{background:#101620b3;border-color:#8ebdec33}.rule-item{border-left:2px solid var(--accent-color);transition:all var(--transition-fast);margin-bottom:16px;padding-left:16px}.rule-item:hover{border-left-color:#fff;padding-left:20px}.btn-primary{background:linear-gradient(135deg, var(--accent-color) 0%, var(--accent-dark) 100%);color:#07090e;cursor:pointer;transition:all var(--transition-normal);border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:12px 28px;font-family:Montserrat,sans-serif;font-weight:700;display:inline-flex;box-shadow:0 4px 15px #8ebdec4d}.btn-primary:hover{background:linear-gradient(135deg,#aed1f5 0%,#6da1d4 100%);transform:translateY(-2px);box-shadow:0 6px 20px #8ebdec80}.btn-secondary{color:#fff;border:1px solid var(--panel-border);cursor:pointer;transition:all var(--transition-normal);background:#ffffff08;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:12px 28px;font-family:Montserrat,sans-serif;font-weight:700;display:inline-flex}.btn-secondary:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.cart-badge{background:var(--error-color);color:#07090e;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;font-weight:800;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 0 8px #ff8c8c99}@keyframes floating{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-25px)rotate(180deg)}to{transform:translateY(0)rotate(360deg)}}@keyframes pulseGlow{0%,to{opacity:.3}50%{opacity:.6}}.zoom-in-entry{animation:.6s cubic-bezier(.16,1,.3,1) forwards zoomIn}.fade-in-entry{animation:.4s forwards fadeIn}@keyframes zoomIn{0%{opacity:0;transform:scale(.97)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.grid-cols-responsive{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.tag-new{background:var(--cash-color);color:#07090e;text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:700}.tag-popular{color:#fff;text-transform:uppercase;background:#c56cf0;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:700}.features-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=768px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.features-grid{grid-template-columns:repeat(3,1fr)}}.intro-loader-overlay{z-index:99999;background:#030508;flex-direction:column;justify-content:center;align-items:center;gap:30px;width:100vw;height:100vh;transition:opacity .6s cubic-bezier(.25,1,.5,1);display:flex;position:fixed;top:0;left:0}.intro-progress-container{background:#ffffff0d;border-radius:2px;width:300px;height:4px;position:relative;overflow:hidden;box-shadow:0 0 10px #00000080}.intro-progress-bar{background:linear-gradient(90deg, var(--accent-color) 0%, #c56cf0 100%);width:0%;height:100%;box-shadow:0 0 12px var(--accent-glow-strong);border-radius:2px;animation:1.4s cubic-bezier(.19,1,.22,1) forwards fillProgress}.intro-logs{color:var(--text-muted);text-align:left;flex-direction:column;gap:4px;width:300px;height:60px;font-family:monospace;font-size:.75rem;display:flex;overflow:hidden}.intro-log-line{opacity:0;animation:.2s forwards showLog;transform:translateY(5px)}@keyframes fillProgress{to{width:100%}}@keyframes showLog{to{opacity:1;transform:translateY(0)}}.hud-console{transition:border-color var(--transition-normal);background:#070a0f99;border:1px solid #8ebdec26;border-radius:12px;flex-direction:column;gap:15px;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #8ebdec08}.hud-console:hover{border-color:#8ebdec59}.hud-console:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px;width:100%;height:100%;position:absolute;top:0;left:0}.hud-console:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#8ebdec00 0%,#8ebdec0d 50%,#8ebdec00 100%);width:100%;height:100%;animation:6s linear infinite scanline;position:absolute;top:0;left:0}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.hud-ring-svg{transform:rotate(-90deg)}.hud-ring-track{fill:#0000;stroke:#ffffff08;stroke-width:8px}.hud-ring-fill{fill:#0000;stroke:var(--accent-color);stroke-width:8px;stroke-linecap:round;filter:drop-shadow(0 0 6px var(--accent-glow-strong));transition:stroke-dashoffset 1s ease-out}.terminal-monitor{color:var(--text-muted);background:#0006;border:1px solid #ffffff08;border-radius:6px;flex-direction:column;gap:5px;padding:12px;font-family:monospace;font-size:.75rem;display:flex;box-shadow:inset 0 0 10px #000c}.terminal-line{align-items:center;gap:6px;display:flex}.terminal-line-success{color:var(--cash-color)}.terminal-line-warning{color:var(--error-color)}.cursor-blink{background:var(--accent-color);vertical-align:middle;width:6px;height:12px;margin-left:2px;animation:1s step-end infinite cursorBlink;display:inline-block}@keyframes cursorBlink{50%{opacity:0}}.stagger-1{transition-delay:.1s;animation-delay:.1s}.stagger-2{transition-delay:.2s;animation-delay:.2s}.stagger-3{transition-delay:.3s;animation-delay:.3s}.stagger-4{transition-delay:.4s;animation-delay:.4s}.stagger-5{transition-delay:.5s;animation-delay:.5s}.stagger-6{transition-delay:.6s;animation-delay:.6s}.fade-in-scale{opacity:0;animation:.6s cubic-bezier(.25,1,.5,1) forwards fadeInScale;transform:translateY(15px)scale(.98)}@keyframes fadeInScale{to{opacity:1;transform:translateY(0)scale(1)}}.game-container-wrapper:fullscreen{flex-direction:column;justify-content:center;align-items:center;display:flex;background:#060a12!important;padding:40px!important}.game-container-wrapper:fullscreen .game-header-bar{justify-content:space-between;align-items:center;width:100%;max-width:800px;margin-bottom:15px;display:flex}.game-container-wrapper:fullscreen .game-canvas-wrapper{background:#060a12!important;border:1px solid #ffffff1a!important;border-radius:12px!important;width:800px!important;max-width:90vw!important;height:400px!important;max-height:45vw!important;box-shadow:0 0 50px #3a8ee64d!important}.game-container-wrapper:fullscreen canvas{background:#060a12!important}.reveal{opacity:0;transform:translateY(35px)scale(.98);transition:opacity .8s cubic-bezier(.25, 1, .5, 1), transform .8s cubic-bezier(.25, 1, .5, 1), border-color var(--transition-normal), box-shadow var(--transition-normal)!important}.reveal.revealed{opacity:1;transform:translateY(0)scale(1)}