*,*::before,*::after{box-sizing:border-box}body{background:var(--bg-main);color:var(--text);font-family:'Inter',sans-serif;font-size:1rem;line-height:1.8}a{color:var(--sky);text-decoration:none}a:hover{color:var(--gold)}.breadcrumb-wrap{background:#0b1829;border-bottom:1px solid var(--border);padding:0.65rem 0}.breadcrumb{margin:0}.breadcrumb-item a{color:var(--sky);font-size:0.85rem}.breadcrumb-item.active{color:var(--muted);font-size:0.85rem}.breadcrumb-item + .breadcrumb-item::before{color:#475569}.btn-sm-gold{background:var(--gold);color:#0b1829;font-weight:700;font-size:0.8rem;padding:0.4rem 1.1rem;border-radius:5px;border:none;display:inline-block;transition:background 0.2s}.btn-sm-gold:hover{background:#e6b800;color:#0b1829}.section-dark{background:var(--bg-main);padding:70px 0}.section-mid{background:var(--bg-section);padding:70px 0}.section-title{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800}.section-title span{color:var(--gold)}.section-subtitle{color:var(--muted);font-size:0.95rem;max-width:640px;margin:0 auto}.divider-gold{width:56px;height:4px;background:var(--gold);border-radius:2px;margin:0.65rem auto 1.4rem}.page-hero{background:linear-gradient(135deg,#0b1829 0%,#10213a 55%,#18304f 100%);padding:80px 0 70px;position:relative;overflow:hidden}.page-hero::before{content:'';position:absolute;top:-120px;right:-120px;width:560px;height:560px;background:radial-gradient(circle,rgba(125,211,252,0.06) 0%,transparent 70%);border-radius:50%;pointer-events:none}.page-hero::after{content:'';position:absolute;bottom:-80px;left:-80px;width:400px;height:400px;background:radial-gradient(circle,rgba(250,204,21,0.05) 0%,transparent 70%);border-radius:50%;pointer-events:none}.page-hero h1{font-size:clamp(2rem,4.5vw,3.2rem);font-weight:900;line-height:1.15}.page-hero h1 span{color:var(--gold)}.page-hero p.lead{color:var(--generated-muted);font-size:1.05rem;max-width:600px}.tag{padding:0.3rem 0.85rem;border-radius:50px;font-size:0.82rem;font-weight:700;display:inline-block}.tag-gold{background:rgba(250,204,21,0.12);border:1px solid var(--gold);color:var(--gold)}.tag-sky{background:rgba(125,211,252,0.10);border:1px solid var(--sky);color:var(--sky)}.tag-green{background:rgba(74,222,128,0.10);border:1px solid var(--green);color:var(--green)}.tag-purple{background:rgba(192,132,252,0.10);border:1px solid var(--purple);color:var(--purple)}.game-card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;overflow:hidden;height:auto;transition:transform 0.22s,border-color 0.22s,box-shadow 0.22s;display:flex;flex-direction:column}.game-card:hover{transform:translateY(-6px);border-color:var(--sky);box-shadow:0 12px 40px rgba(125,211,252,0.12)}.game-card-thumb{height:160px;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:linear-gradient(180deg,transparent 50%,rgba(30,58,95,0.9) 100%)}.thumb-bingo{background:linear-gradient(135deg,#1a3a6e,#0f2a55)}.thumb-dragon{background:linear-gradient(135deg,#3a1a1a,#5a1a1a)}.thumb-mouse{background:linear-gradient(135deg,#1a3a1a,#2a5a1a)}.thumb-evo{background:linear-gradient(135deg,#1a1a3a,#1a2a5a)}.thumb-fishing{background:linear-gradient(135deg,#0a2a3a,#0a3a5a)}.thumb-live{background:linear-gradient(135deg,#2a1a3a,#3a1a5a)}.thumb-windrop{background:linear-gradient(135deg,#3a2a0a,#5a3a0a)}.game-card-body{padding:1.25rem 1.25rem 1.5rem;flex:1;display:flex;flex-direction:column}.game-card-title{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:0.35rem}.game-card-desc{color:var(--muted);font-size:0.82rem;flex:1;margin-bottom:1rem;line-height:1.6}.game-card-meta{display:flex;gap:0.5rem;flex-wrap:wrap;margin-bottom:1rem}.meta-chip{background:rgba(125,211,252,0.08);border:1px solid rgba(125,211,252,0.2);color:var(--sky);font-size:0.72rem;font-weight:600;padding:0.2rem 0.6rem;border-radius:50px}.meta-chip.gold{background:rgba(250,204,21,0.08);border-color:rgba(250,204,21,0.25);color:var(--gold)}.meta-chip.green{background:rgba(74,222,128,0.08);border-color:rgba(74,222,128,0.25);color:var(--green)}.filter-tabs{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:2.5rem}.filter-tab{background:var(--card-bg);border:1px solid var(--border);color:var(--muted);font-size:0.82rem;font-weight:600;padding:0.45rem 1.1rem;border-radius:50px;cursor:pointer;transition:all 0.2s}.filter-tab:hover,.filter-tab.active{background:var(--gold);border-color:var(--gold);color:#0b1829}.feature-card{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;padding:1.75rem 1.4rem;height:auto;transition:transform 0.2s,border-color 0.2s;position:relative;overflow:hidden}.feature-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--sky),var(--gold));opacity:0;transition:opacity 0.2s}.feature-card:hover{transform:translateY(-5px);border-color:var(--sky)}.feature-card:hover::after{opacity:1}.feature-icon{width:54px;height:54px;background:rgba(125,211,252,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--sky);margin-bottom:1rem}.feature-icon.green{background:rgba(74,222,128,0.1);color:var(--green)}.feature-icon.gold{background:rgba(250,204,21,0.1);color:var(--gold)}.feature-icon.purple{background:rgba(192,132,252,0.1);color:var(--purple)}.feature-card h5{color:var(--text);font-weight:700;font-size:1rem;margin-bottom:0.45rem}.feature-card p{color:var(--muted);font-size:0.875rem;margin:0}.stat-strip{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;padding:1.5rem 1rem;text-align:center}.stat-num{font-size:1.9rem;font-weight:900;color:var(--gold);line-height:1}.stat-label{color:var(--muted);font-size:0.78rem;margin-top:0.3rem}.alert-gold{background:rgba(250,204,21,0.08);border:1px solid rgba(250,204,21,0.3);border-left:4px solid var(--gold);border-radius:8px;padding:1rem 1.25rem;color:#fde68a;font-size:0.875rem}.alert-sky{background:rgba(125,211,252,0.07);border:1px solid rgba(125,211,252,0.25);border-left:4px solid var(--sky);border-radius:8px;padding:1rem 1.25rem;color:color-mix(in srgb,var(--bg-light) 75%,var(--primary) 25%);font-size:0.875rem}.alert-green{background:rgba(74,222,128,0.07);border:1px solid rgba(74,222,128,0.25);border-left:4px solid var(--green);border-radius:8px;padding:1rem 1.25rem;color:#bbf7d0;font-size:0.875rem}.prose{color:var(--generated-muted);font-size:0.9rem}.prose p{margin-bottom:0.9rem}.prose ul{padding-left:1.25rem;margin-bottom:0.9rem}.prose ul li{margin-bottom:0.35rem;color:var(--muted)}.prose strong{color:var(--sky)}.cta-banner{background:linear-gradient(135deg,#1a3358 0%,#1e3a5f 100%);border:1px solid var(--border);border-radius:16px;padding:3.5rem 2.5rem;text-align:center}.pulse-badge{display:inline-flex;align-items:center;gap:0.4rem;background:rgba(74,222,128,0.12);border:1px solid var(--green);color:var(--green);border-radius:50px;padding:0.3rem 0.85rem;font-size:0.8rem;font-weight:700}.pulse-dot{width:8px;height:8px;background:var(--green);border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.4;transform:scale(1.4)}}.cat-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:1.5rem;padding-bottom:0.75rem;border-bottom:1px solid var(--border)}.cat-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.cat-icon.sky{background:rgba(125,211,252,0.12);color:var(--sky)}.cat-icon.gold{background:rgba(250,204,21,0.12);color:var(--gold)}.cat-icon.green{background:rgba(74,222,128,0.12);color:var(--green)}.cat-icon.purple{background:rgba(192,132,252,0.12);color:var(--purple)}.cat-title{font-size:1.15rem;font-weight:800;color:var(--text)}.cat-count{color:var(--muted);font-size:0.8rem}.rtp-badge{display:inline-flex;align-items:center;gap:0.3rem;background:rgba(74,222,128,0.1);border:1px solid rgba(74,222,128,0.3);color:var(--green);font-size:0.72rem;font-weight:700;padding:0.2rem 0.6rem;border-radius:50px}.popular-badge{position:absolute;top:12px;right:12px;background:var(--gold);color:#0b1829;font-size:0.68rem;font-weight:800;padding:0.2rem 0.6rem;border-radius:50px;z-index:2;text-transform:uppercase;letter-spacing:0.04em}.new-badge{position:absolute;top:12px;right:12px;background:var(--green);color:#0b1829;font-size:0.68rem;font-weight:800;padding:0.2rem 0.6rem;border-radius:50px;z-index:2;text-transform:uppercase;letter-spacing:0.04em}html,body{overflow-x:clip;width:100%}