:root{--bg-primary:#0d0d0f;--bg-secondary:#141418;--bg-card:#1a1a22;--bg-card-hover:#20202c;--bg-input:#12121a;--border-color:#2a2a3a;--accent:#7e5ffc;--accent-hover:#9b7ffe;--accent-glow:rgba(124,92,252,0.35);--accent2:#00d4ff;--accent2-glow:rgba(0,212,255,0.25);--success:#22c55e;--danger:#ef4444;--warning:#f59e0b;--text-primary:#f0f0f8;--text-secondary:#9898b0;--text-muted:#81819a;--radius:12px;--radius-sm:8px;--transition:0.25s ease}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);font-family:'Inter','Segoe UI',system-ui,sans-serif;min-height:100vh;margin:0;line-height:1.6}a{color:var(--accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent-hover)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.navbar{background:rgba(13,13,15,0.92) !important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);padding:0.75rem 0;position:sticky;top:0;z-index:1000}.navbar-brand{font-size:1.5rem;font-weight:800;letter-spacing:-0.5px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-nav .nav-link{color:var(--text-secondary) !important;font-weight:500;padding:0.5rem 1rem !important;border-radius:var(--radius-sm);transition:all var(--transition)}.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active{color:var(--text-primary) !important;background:rgba(124,92,252,0.12)}.navbar-toggler{border-color:var(--border-color) !important}.navbar-toggler-icon{filter:invert(1)}.banner-slider-section{padding:1.5rem 0 0.75rem;background:var(--bg-primary)}.banner-track-outer{position:relative;overflow:hidden;border-radius:var(--radius);cursor:grab;user-select:none;-webkit-user-select:none}.banner-track-outer:active{cursor:grabbing}.banner-cards-track{display:flex;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1);will-change:transform}.banner-card{flex:0 0 100%;width:100%;min-height:220px;position:relative;overflow:hidden;display:flex;align-items:center;padding:2rem 2.5rem;box-shadow:0 8px 32px rgba(0,0,0,0.35);background-size:cover !important;background-position:center !important;transition:background-size 6s ease}.banner-card.active.has-image{background-size:106% !important}.banner-card::before{content:'';position:absolute;inset:0;background:linear-gradient( to right,rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.20) 55%,transparent 100% );z-index:1;opacity:1;transition:opacity 0.3s}.banner-card.text-hidden::before{opacity:0}.banner-card-fulllink{position:absolute;inset:0;z-index:3}.banner-card-body{position:relative;z-index:2;max-width:60%;display:flex;flex-direction:column;gap:0.6rem}.banner-card-tag{display:inline-block;background:rgba(255,255,255,0.22);backdrop-filter:blur(6px);color:#fff;font-size:0.65rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;padding:3px 10px;border-radius:20px;border:1px solid rgba(255,255,255,0.3);width:fit-content}.banner-card-title{font-size:clamp(1.1rem,3vw,1.7rem);font-weight:800;color:#fff;line-height:1.2;margin:0;text-shadow:0 2px 8px rgba(0,0,0,0.5)}.banner-card-desc{font-size:0.82rem;color:rgba(255,255,255,0.85);line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.banner-card-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:rgba(255,255,255,0.9);color:#111;border-radius:30px;font-size:0.82rem;font-weight:700;transition:all 0.2s ease;text-decoration:none;margin-top:0.2rem;width:fit-content;border:none;box-shadow:0 2px 10px rgba(0,0,0,0.25)}.banner-card-btn:hover{background:#fff;color:#111;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.35)}.banner-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:44px;height:44px;background:rgba(0,0,0,0.45);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,0.15);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;font-size:1rem}.banner-arrow:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-50%) scale(1.1)}.banner-arrow-prev{left:14px}.banner-arrow-next{right:14px}.banner-dots{display:flex;justify-content:center;gap:6px;margin-top:12px}.banner-dot{position:relative;width:24px;height:44px;background:transparent;border:none;cursor:pointer;padding:0}.banner-dot::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:var(--border-color);transition:all 0.3s ease}.banner-dot.active::before{background:var(--accent);width:26px;border-radius:4px}.banner-progress{position:absolute;bottom:0;left:0;height:3px;background:var(--accent);width:0%;z-index:5;border-radius:0 2px 2px 0}.banner-progress.running{transition:width 5s linear;width:100%}@media (min-width:768px){.banner-card{min-height:250px}}@media (min-width:1024px){.banner-card{min-height:400px}}@media (max-width:599px){.banner-slider-section{padding:0}.banner-card{min-height:0;aspect-ratio:16 / 7;padding:1rem 1.2rem;border-radius:0}.banner-track-outer{border-radius:0}.banner-card-body{max-width:90%}.banner-card-title{font-size:1rem}.banner-arrow{display:none}.banner-slider-section .container{padding-left:0 !important;padding-right:0 !important;max-width:100% !important}}.btn-accent{background:linear-gradient(135deg,var(--accent) 0%,#5a3dd8 100%);color:#fff;border:none;border-radius:var(--radius-sm);padding:0.6rem 1.5rem;font-weight:600;transition:all var(--transition);box-shadow:0 4px 15px var(--accent-glow)}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--accent-glow);color:#fff}.btn-outline-accent{background:transparent;color:var(--accent);border:1.5px solid var(--accent);border-radius:var(--radius-sm);padding:0.6rem 1.5rem;font-weight:600;transition:all var(--transition)}.btn-outline-accent:hover{background:var(--accent);color:#fff;box-shadow:0 4px 15px var(--accent-glow)}.btn-danger-soft{background:rgba(239,68,68,0.1);color:var(--danger);border:1px solid rgba(239,68,68,0.3);border-radius:var(--radius-sm);padding:0.4rem 1rem;font-weight:500;transition:all var(--transition)}.btn-danger-soft:hover{background:var(--danger);color:#fff}.btn-success-soft{background:rgba(34,197,94,0.1);color:var(--success);border:1px solid rgba(34,197,94,0.3);border-radius:var(--radius-sm);padding:0.4rem 1rem;font-weight:500;transition:all var(--transition)}.btn-success-soft:hover{background:var(--success);color:#fff}.card-dark{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);transition:all var(--transition);overflow:hidden}.card-dark:hover{border-color:var(--accent);box-shadow:0 8px 30px var(--accent-glow);transform:translateY(-4px)}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem}.game-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);overflow:hidden;transition:all var(--transition);cursor:pointer;text-decoration:none;display:flex;flex-direction:column}.game-card:hover{transform:translateY(-6px);border-color:var(--accent);box-shadow:0 12px 40px var(--accent-glow)}.game-card:hover .game-card-icon{transform:scale(1.1)}.game-card-thumb{height:140px;display:flex;align-items:center;justify-content:center;font-size:4rem;position:relative;overflow:hidden}.game-card-thumb::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,rgba(124,92,252,0.15) 0%,transparent 70%)}.game-card-icon{transition:transform var(--transition)}.game-card-body{padding:1.2rem;flex:1;display:flex;flex-direction:column}.game-card-title{font-weight:700;font-size:1rem;color:var(--text-primary);margin-bottom:0.3rem}.game-card-desc{font-size:0.82rem;color:var(--text-secondary);flex:1}.game-card-footer{padding:0.8rem 1.2rem;border-top:1px solid var(--border-color);background:rgba(124,92,252,0.05)}.form-dark{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:2.5rem}.form-control-dark,.form-control{background:var(--bg-input) !important;border:1px solid var(--border-color) !important;color:var(--text-primary) !important;border-radius:var(--radius-sm) !important;padding:0.7rem 1rem;transition:border-color var(--transition),box-shadow var(--transition)}.form-control:focus{border-color:var(--accent) !important;box-shadow:0 0 0 3px var(--accent-glow) !important;outline:none}.form-control::placeholder{color:var(--text-muted) !important}.form-label{color:var(--text-secondary);font-size:0.88rem;font-weight:500;margin-bottom:0.4rem}.form-check-input{background-color:var(--bg-input) !important;border-color:var(--border-color) !important}.form-check-input:checked{background-color:var(--accent) !important;border-color:var(--accent) !important}select.form-control option{background:var(--bg-card)}.table-dark-custom{width:100%;border-collapse:collapse}.table-dark-custom th{background:var(--bg-secondary);color:var(--text-secondary);font-size:0.78rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:0.9rem 1rem;border-bottom:1px solid var(--border-color)}.table-dark-custom td{padding:0.85rem 1rem;border-bottom:1px solid rgba(42,42,58,0.5);color:var(--text-primary);vertical-align:middle}.table-dark-custom tr:hover td{background:rgba(124,92,252,0.04)}.table-dark-custom tr:last-child td{border-bottom:none}.badge-accent{background:linear-gradient(135deg,var(--accent) 0%,#5a3dd8 100%);color:#fff;padding:4px 10px;border-radius:20px;font-size:0.72rem;font-weight:600}.badge-success{background:rgba(34,197,94,0.15);color:var(--success);border:1px solid rgba(34,197,94,0.3);padding:4px 10px;border-radius:20px;font-size:0.72rem;font-weight:600}.badge-danger{background:rgba(239,68,68,0.15);color:var(--danger);border:1px solid rgba(239,68,68,0.3);padding:4px 10px;border-radius:20px;font-size:0.72rem;font-weight:600}.badge-warning{background:rgba(245,158,11,0.15);color:var(--warning);border:1px solid rgba(245,158,11,0.3);padding:4px 10px;border-radius:20px;font-size:0.72rem;font-weight:600}.alert-dark{border-radius:var(--radius-sm);border:1px solid;padding:0.85rem 1.2rem;font-size:0.9rem}.alert-success-dark{background:rgba(34,197,94,0.1);border-color:rgba(34,197,94,0.3);color:#86efac}.alert-danger-dark{background:rgba(239,68,68,0.1);border-color:rgba(239,68,68,0.3);color:#fca5a5}.alert-info-dark{background:rgba(0,212,255,0.08);border-color:rgba(0,212,255,0.25);color:#67e8f9}.section-title{font-size:1.6rem;font-weight:800;color:var(--text-primary);position:relative;display:inline-block;margin-bottom:0.25rem}.section-title::after{content:'';position:absolute;bottom:-4px;left:0;width:40%;height:3px;background:linear-gradient(90deg,var(--accent),transparent);border-radius:2px}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:1.5rem;position:relative;overflow:hidden}.stat-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--accent) 0%,var(--accent2) 100%)}.stat-card-value{font-size:2rem;font-weight:800;color:var(--text-primary);line-height:1}.stat-card-label{font-size:0.82rem;color:var(--text-muted);font-weight:500;letter-spacing:0.5px;text-transform:uppercase;margin-top:0.4rem}.stat-card-icon{font-size:2.5rem;opacity:0.2;position:absolute;right:1.2rem;top:50%;transform:translateY(-50%)}.grad-swatch{width:32px;height:32px;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all var(--transition);padding:0;flex-shrink:0}.grad-swatch:hover{border-color:#fff;transform:scale(1.15);box-shadow:0 4px 12px rgba(0,0,0,0.4)}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:2rem 0;margin-top:4rem;color:var(--text-muted);font-size:0.88rem}.footer a{color:var(--text-muted)}.footer a:hover{color:var(--accent)}.footer-legal-link{color:var(--text-muted);text-decoration:none;font-size:0.82rem;transition:color .2s;white-space:nowrap}.footer-legal-link:hover{color:var(--accent)}.footer-divider{color:var(--border-color)}.footer-social-link{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:var(--text-muted);font-size:1.1rem;transition:color .2s,background .2s}.footer-social-link:hover{color:var(--accent);background:rgba(124,92,252,0.1)}.footer-v2{padding:3.5rem 0 0}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:2.5rem;padding-bottom:2.5rem}@media (max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;row-gap:2rem}}@media (max-width:560px){.footer-grid{grid-template-columns:1fr}}.footer-col{display:flex;flex-direction:column;gap:0.65rem;min-width:0}.footer-brand-col{gap:0.9rem}.footer-brand{font-size:1.25rem}.footer-tagline{font-size:0.85rem;color:var(--text-muted);line-height:1.6;margin:0;max-width:280px}.footer-social-row{display:flex;gap:0.4rem;flex-wrap:wrap}.footer-col-title{font-size:0.78rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--text-primary);margin:0 0 0.3rem}.footer-link{color:var(--text-muted);text-decoration:none;font-size:0.87rem;transition:color .2s;width:fit-content}.footer-link:hover{color:var(--accent)}.footer-contact-line{display:flex;align-items:flex-start;gap:0.6rem;font-size:0.87rem;color:var(--text-muted);line-height:1.5}.footer-contact-line i{flex-shrink:0;margin-top:0.15rem;color:var(--accent)}.footer-bottom{border-top:1px solid var(--border-color);padding:1.25rem 0;text-align:center;font-size:0.82rem;color:var(--text-muted)}.game-wrapper{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:1.5rem;display:flex;flex-direction:column;align-items:center}canvas{border:2px solid var(--border-color);border-radius:var(--radius-sm);display:block;max-width:100%}.game-score-bar{display:flex;gap:2rem;margin-bottom:1rem;width:100%;justify-content:center}.score-item{text-align:center}.score-value{font-size:1.8rem;font-weight:800;color:var(--accent);line-height:1}.score-label{font-size:0.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.game-controls{margin-top:1rem;display:flex;gap:0.75rem;flex-wrap:wrap;justify-content:center}.game-wrapper .btn.btn-sm{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.game-wrapper .d-flex.gap-1{gap:0.5rem !important}.page-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.back-link{color:var(--text-muted);font-size:0.88rem;display:flex;align-items:center;gap:0.4rem;transition:color var(--transition)}.back-link:hover{color:var(--accent)}.text-accent{color:var(--accent) !important}.text-accent2{color:var(--accent2) !important}.text-muted-custom{color:var(--text-muted) !important}.text-secondary-custom{color:var(--text-secondary) !important}.bg-card{background:var(--bg-card) !important}.bg-input{background:var(--bg-input) !important}.border-dark-custom{border-color:var(--border-color) !important}.rounded-custom{border-radius:var(--radius) !important}.divider{border:none;border-top:1px solid var(--border-color);margin:1.5rem 0}.gradient-text{background:linear-gradient(135deg,var(--accent) 0%,var(--accent2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes glowPulse{0%,100%{box-shadow:0 0 10px var(--accent-glow)}50%{box-shadow:0 0 25px var(--accent-glow),0 0 50px var(--accent-glow)}}.glow-pulse{animation:glowPulse 2.5s ease-in-out infinite}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp 0.5s ease forwards}.spinner-accent{width:2rem;height:2rem;border:3px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.banner-content{padding:2rem 1.5rem}.banner-title{font-size:1.6rem}.carousel-item{min-height:320px}.banner-slide{min-height:320px}.game-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}canvas{width:100% !important;height:auto !important}}.swal2-popup.swal-dark,.swal2-popup.swal-toast-dark{background:var(--bg-card) !important;border:1px solid var(--border-color) !important;border-radius:14px !important;color:var(--text-primary) !important;font-family:'Inter',sans-serif !important}.swal2-popup.swal-toast-dark{border-radius:10px !important;padding:0.6rem 1rem !important;box-shadow:0 8px 32px rgba(0,0,0,.5) !important}.swal2-popup.swal-dark .swal2-title,.swal2-popup.swal-toast-dark .swal2-title{color:var(--text-primary) !important;font-weight:700 !important;font-size:1.1rem !important}.swal2-popup.swal-dark .swal2-html-container,.swal2-popup.swal-dark .swal2-content{color:var(--text-secondary) !important}.swal2-popup.swal-toast-dark .swal2-timer-progress-bar{background:var(--accent) !important}.swal2-popup.swal-dark .swal2-confirm{border-radius:8px !important;font-weight:700 !important;padding:0.5rem 1.4rem !important}.swal2-popup.swal-dark .swal2-cancel{background:rgba(255,255,255,0.07) !important;color:var(--text-secondary) !important;border-radius:8px !important;font-weight:600 !important;padding:0.5rem 1.4rem !important}.swal2-popup.swal-dark .swal2-cancel:hover{background:rgba(255,255,255,0.12) !important;color:var(--text-primary) !important}.swal2-popup.swal-dark .swal2-icon{border-color:transparent !important}.swal2-popup.swal-dark .swal2-icon.swal2-success{border-color:#22c55e !important}.swal2-popup.swal-dark .swal2-icon.swal2-error{border-color:#ef4444 !important}.swal2-popup.swal-dark .swal2-icon.swal2-warning{border-color:#f59e0b !important}.swal2-popup.swal-dark .swal2-icon.swal2-info{border-color:#00d4ff !important}.swal2-backdrop-show{background:rgba(0,0,0,.65) !important}.promo-section{width:100%;padding-bottom:36px}.promo-single{position:relative;overflow:hidden;border-radius:14px;margin-bottom:20px;line-height:0}.promo-single>a,.promo-single-wrap{display:block;width:100%}.promo-single img{width:100%;height:auto;display:block;border-radius:14px;transition:transform .45s ease}.promo-single:hover img{transform:scale(1.025)}.promo-single .promo-badge{position:absolute;top:18px;left:22px;z-index:2}.promo-single .promo-title-overlay{position:absolute;bottom:0;left:0;right:0;padding:52px 24px 20px;background:linear-gradient(to top,rgba(0,0,0,.72) 0%,transparent 100%);border-radius:0 0 14px 14px;color:#fff;font-size:17px;font-weight:700;line-height:1.4}.promo-double{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.promo-double-item{position:relative;overflow:hidden;border-radius:14px;line-height:0}.promo-double-item>a{display:block}.promo-double-item img{width:100%;height:220px;object-fit:cover;display:block;border-radius:14px;transition:transform .45s ease}.promo-double-item:hover img{transform:scale(1.04)}.promo-double-item .promo-badge{position:absolute;top:12px;left:14px;z-index:2}.promo-striped{display:grid;grid-template-columns:1fr 1fr;min-height:280px;border-radius:14px;overflow:hidden;margin-bottom:20px}.promo-striped.reverse{direction:rtl}.promo-striped.reverse>*{direction:ltr}.promo-striped-img{position:relative;overflow:hidden;line-height:0}.promo-striped-img>a{display:block;height:100%}.promo-striped-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.promo-striped:hover .promo-striped-img img{transform:scale(1.04)}.promo-striped-text{display:flex;flex-direction:column;justify-content:center;padding:36px 40px;background:var(--bg-secondary,#1a1a2e);color:var(--text-primary,#e2e8f0)}.promo-striped-text .promo-badge{align-self:flex-start;margin-bottom:14px}.promo-striped-text h3{font-size:clamp(17px,2vw,26px);font-weight:800;color:#fff;margin:0 0 12px;line-height:1.25}.promo-striped-text p{font-size:14px;line-height:1.7;color:rgba(255,255,255,.68);margin:0 0 22px}.promo-cta{display:inline-block;align-self:flex-start;padding:11px 26px;background:var(--accent-primary,#6366f1);color:#fff !important;border-radius:8px;font-size:14px;font-weight:700;text-decoration:none !important;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 14px rgba(99,102,241,.35)}.promo-cta:hover{background:#4f52d3;transform:translateY(-2px);box-shadow:0 6px 20px rgba(99,102,241,.5)}.promo-badge{display:inline-block;background:var(--accent-primary,#6366f1);color:#fff;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;padding:4px 11px;border-radius:20px;line-height:1}@media (max-width:640px){.promo-double{grid-template-columns:1fr}.promo-double-item img{height:180px}.promo-striped,.promo-striped.reverse{grid-template-columns:1fr;direction:ltr}.promo-striped-img{min-height:200px}.promo-striped-text{padding:24px 20px}.promo-striped.reverse .promo-striped-img{order:-1}}.game-hero{background:radial-gradient(circle at 15% 20%,rgba(124,92,252,0.18) 0%,transparent 45%),radial-gradient(circle at 85% 10%,rgba(0,212,255,0.12) 0%,transparent 45%),var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:2.5rem 0 2.75rem}.game-hero-crumbs{display:flex;flex-wrap:wrap;gap:0.4rem;font-size:0.82rem;color:var(--text-muted);margin-bottom:1.5rem}.game-hero-crumbs a{color:var(--text-secondary)}.game-hero-crumbs a:hover{color:var(--accent)}.game-hero-crumbs .current{color:var(--text-primary)}.game-hero-inner{display:flex;align-items:center;gap:1.5rem}.game-hero-emoji{font-size:4.5rem;line-height:1;filter:drop-shadow(0 8px 24px var(--accent-glow))}.game-hero-badge{display:inline-block;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--accent2);background:var(--accent2-glow);padding:0.2rem 0.65rem;border-radius:999px;margin-bottom:0.6rem}.game-hero-title{font-size:2.6rem;font-weight:800;line-height:1.1;margin:0 0 0.5rem}.game-hero-tagline{color:var(--text-secondary);font-size:1.05rem;max-width:640px;margin:0 0 1.25rem}.game-hero-actions{display:flex;gap:0.75rem;flex-wrap:wrap}.game-play-area{scroll-margin-top:1rem;padding-top:2rem}.game-content{padding:1rem 0 3rem}.game-section{padding:2rem 0;border-top:1px solid var(--border-color);scroll-margin-top:1rem}.game-section:first-child{border-top:none}.game-section .section-title{margin-bottom:1.25rem}.game-section-body{color:var(--text-secondary);max-width:820px}.game-section-body p{margin:0 0 1rem}.game-section-body p:last-child{margin-bottom:0}.game-steps{list-style:none;counter-reset:step;padding:0;margin:0;max-width:820px}.game-steps li{counter-increment:step;position:relative;padding:0.6rem 0 0.6rem 3rem;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.game-steps li:last-child{border-bottom:none}.game-steps li::before{content:counter(step);position:absolute;left:0;top:0.5rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:0.9rem;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:50%}.game-controls-table{display:grid;gap:0.6rem;max-width:640px}.game-control-row{display:flex;align-items:center;gap:1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:0.7rem 1rem}.game-control-keys{font-family:'Courier New',monospace;font-weight:700;font-size:0.9rem;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;padding:0.3rem 0.7rem;white-space:nowrap;min-width:130px;text-align:center}.game-control-action{color:var(--text-secondary);font-size:0.92rem}.game-tips{list-style:none;padding:0;margin:0;max-width:820px}.game-tips li{display:flex;gap:0.75rem;align-items:flex-start;padding:0.6rem 0;color:var(--text-secondary)}.game-tips li i{color:var(--warning);margin-top:0.2rem;flex-shrink:0}.game-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.game-feature-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:1.4rem;transition:all var(--transition)}.game-feature-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 10px 30px var(--accent-glow)}.game-feature-icon{font-size:2rem;display:block;margin-bottom:0.6rem}.game-feature-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 0.35rem}.game-feature-desc{font-size:0.86rem;color:var(--text-secondary);margin:0}.game-why{background:var(--bg-card);border:1px solid var(--border-color);border-left:3px solid var(--accent);border-radius:var(--radius);padding:1.5rem;color:var(--text-secondary);max-width:none}.similar-games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.similar-game-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:1.4rem 1rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:0.35rem;transition:all var(--transition)}.similar-game-card:hover{transform:translateY(-6px);border-color:var(--accent);box-shadow:0 12px 40px var(--accent-glow)}.similar-game-emoji{font-size:2.6rem;line-height:1}.similar-game-name{font-weight:700;color:var(--text-primary);font-size:0.95rem}.similar-game-cat{font-size:0.72rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.game-faq{max-width:820px}.game-faq-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);margin-bottom:0.6rem;overflow:hidden}.game-faq-item summary{cursor:pointer;padding:1rem 1.2rem;font-weight:600;color:var(--text-primary);list-style:none;position:relative;padding-right:2.5rem}.game-faq-item summary::-webkit-details-marker{display:none}.game-faq-item summary::after{content:'+';position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);font-size:1.3rem;color:var(--accent);transition:transform var(--transition)}.game-faq-item[open] summary::after{content:'−'}.game-faq-item p{padding:0 1.2rem 1.1rem;margin:0;color:var(--text-secondary);font-size:0.92rem}.related-articles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}.related-article-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:all var(--transition)}.related-article-card:hover{transform:translateY(-6px);border-color:var(--accent);box-shadow:0 12px 40px var(--accent-glow)}.related-article-thumb{height:150px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);overflow:hidden}.related-article-thumb img{width:100%;height:100%;object-fit:cover}.related-article-emoji{font-size:3rem}.related-article-body{padding:1.1rem;display:flex;flex-direction:column;gap:0.4rem}.related-article-cat{font-size:0.7rem;text-transform:uppercase;letter-spacing:1px;color:var(--accent2);font-weight:700}.related-article-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.related-article-summary{font-size:0.84rem;color:var(--text-secondary);margin:0}.related-article-meta{font-size:0.76rem;color:var(--text-muted);margin-top:0.2rem}@media (max-width:640px){.game-hero-inner{flex-direction:column;text-align:center;gap:1rem}.game-hero-actions{justify-content:center}.game-hero-title{font-size:2rem}.game-hero-emoji{font-size:3.5rem}.game-control-keys{min-width:96px;font-size:0.8rem}}.ad-slot{width:100%;max-width:100%;min-height:100px;margin:2rem auto;padding:0.85rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-card);border:1px dashed var(--border-color);border-radius:var(--radius-sm);overflow:hidden}.ad-slot-label{font-size:0.65rem;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);margin-bottom:0.6rem}.ad-slot .adsbygoogle{width:100%}.breadcrumb-nav{padding:0.85rem 0;border-bottom:1px solid var(--border-color);margin-bottom:1.75rem}.breadcrumb-nav.breadcrumb-nav-home{margin-bottom:0}.breadcrumb-list{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:0.4rem;margin:0;padding:0;font-size:0.82rem}.breadcrumb-item{display:flex;align-items:center;color:var(--text-secondary);white-space:nowrap;max-width:45vw;overflow:hidden;text-overflow:ellipsis}.breadcrumb-item a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.breadcrumb-item a:hover{color:var(--accent);text-decoration:underline}.breadcrumb-item span[aria-current="page"]{color:var(--text-primary);font-weight:600;overflow:hidden;text-overflow:ellipsis}.breadcrumb-sep{display:flex;align-items:center;color:var(--text-muted);font-size:0.7rem}@media (max-width:576px){.breadcrumb-item{max-width:60vw}}