*{box-sizing:border-box}body{font-family:'Inter',sans-serif;background:var(--bg-primary);color:var(--text-light);margin:0}h1,h2,h3,h4{font-family:'Playfair Display',serif}.btn-gold{background:linear-gradient(135deg,var(--gold),#f59e0b);color:#042f24;font-weight:700;border:none;border-radius:30px;padding:12px 32px;transition:transform .2s,box-shadow .2s}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(251,191,36,.4);color:#042f24}.btn-outline-gold{border:2px solid var(--gold);color:var(--gold);border-radius:30px;padding:10px 28px;font-weight:600;background:transparent;transition:all .2s}.btn-outline-gold:hover{background:var(--gold);color:#042f24}.section-title{color:var(--gold);margin-bottom:.5rem}.card-custom{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:28px;transition:transform .3s,box-shadow .3s;height:100%}.card-custom:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(251,191,36,.15)}.icon-circle{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--gold),#f59e0b);display:flex;align-items:center;justify-content:center;font-size:24px;color:#042f24;margin-bottom:14px}.hero-inner{background:linear-gradient(160deg,#042f24 0%,#064e3b 50%,#065f46 100%);padding:60px 0 50px;position:relative;overflow:hidden}.hero-inner::before{content:'';position:absolute;top:-20%;right:-5%;width:500px;height:500px;background:radial-gradient(circle,rgba(251,191,36,.06) 0%,transparent 70%);border-radius:50%}.breadcrumb-custom{background:transparent;padding:0;margin-bottom:12px}.breadcrumb-custom a{color:var(--gold);text-decoration:none}.breadcrumb-custom a:hover{text-decoration:underline}.breadcrumb-custom .separator{color:var(--text-muted);margin:0 8px}.breadcrumb-custom .current{color:var(--text-muted)}.value-badge{display:inline-block;background:rgba(52,211,153,.15);color:var(--green-light);padding:4px 14px;border-radius:20px;font-size:.8rem;font-weight:600}.content-block{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:28px 32px;margin-bottom:24px}.content-block h3{color:var(--gold);font-size:1.15rem;margin-bottom:14px}.content-block p,.content-block li{color:var(--text-muted);font-size:.93rem;line-height:1.85}.content-block ul{padding-left:20px}.content-block li{margin-bottom:8px}.highlight-box{background:linear-gradient(90deg,rgba(251,191,36,.12),rgba(52,211,153,.08));border-left:4px solid var(--gold);border-radius:0 12px 12px 0;padding:18px 24px;margin:20px 0}.highlight-box p{margin:0;color:var(--text-light);font-size:.93rem}.game-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;overflow:hidden;transition:transform .3s,box-shadow .3s;height:100%}.game-card:hover{transform:translateY(-5px);box-shadow:0 10px 36px rgba(251,191,36,.18)}.game-card-body{padding:20px}.game-card-img{height:160px;background:linear-gradient(135deg,#065f46,#042f24);display:flex;align-items:center;justify-content:center;font-size:3rem;position:relative;overflow:hidden}.game-card-img::after{content:'';position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(transparent,rgba(4,47,36,.6))}.game-tag{display:inline-block;padding:3px 10px;border-radius:12px;font-size:.72rem;font-weight:600;margin-right:6px}.tag-slot{background:rgba(251,191,36,.15);color:var(--gold)}.tag-table{background:rgba(52,211,153,.15);color:var(--green-light)}.tag-arcade{background:rgba(167,243,208,.12);color:#6ee7b7}.tag-hot{background:rgba(239,68,68,.2);color:#fca5a5}.category-tab{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-muted);border-radius:30px;padding:8px 22px;font-weight:600;font-size:.88rem;cursor:pointer;transition:all .2s;display:inline-block;text-decoration:none}.category-tab:hover,.category-tab.active{background:var(--gold);color:#042f24;border-color:var(--gold)}.stat-box{text-align:center;padding:20px}.stat-number{font-size:2rem;font-weight:700;color:var(--gold)}.stat-label{color:var(--text-muted);font-size:.85rem;margin-top:4px}.scroll-top{position:fixed;bottom:24px;right:24px;width:44px;height:44px;background:var(--gold);color:#042f24;border:none;border-radius:50%;font-size:20px;display:none;z-index:999;cursor:pointer}html,body{overflow-x:clip;width:100%}
