.games-page{margin:0;color:#e9edf7;font:16px/1.55 Poppins,system-ui,-apple-system,Segoe UI,Inter,Roboto,Arial,sans-serif;background:#0a111c;min-height:100vh}.top-strip{display:none}.header-wrap{max-width:1200px;margin:0 auto;padding:18px 26px 8px}.header-box{color:#fff;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.18);box-shadow:0 14px 28px rgba(0,0,0,.4)}.header-strips{height:8px;display:grid;grid-template-columns:1fr 1fr 1fr}.strip--blue{background:#6a7fdb}.strip--purple{background:#8ea0ff}.strip--orange{background:#f6a63c}.header-content{background:#0f1421;padding:14px 18px}.header-inner{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.header-left{display:flex;align-items:center;gap:12px}.header-icon img{width:52px;height:52px;object-fit:contain;border-radius:8px}.header-nav{display:flex;flex-direction:column}.header-breadcrumb{display:flex;gap:8px;align-items:center;color:#cbd5e1;font-weight:700;font-size:.9rem}.breadcrumb-link{color:#cbd5e1;text-decoration:none}.breadcrumb-arrow{color:#6b7280}.breadcrumb-current{color:#f6a63c}.header-title{font-weight:900;font-size:clamp(20px,3.2vw,30px);letter-spacing:.2px;margin:0;color:#fff}.header-right{color:#cbd5e1;font-weight:800;font-size:.92rem;text-align:left;margin-top:0}.main-content{max-width:1200px;margin:0 auto;padding:26px}.intro-wrap{margin:12px 0 22px}.intro-box{background:#1a2232;border:3px solid #3a4a5e;border-radius:20px;padding:22px;box-shadow:0 12px 24px rgba(0,0,0,.3),8px 8px 0 #000;min-height:180px}.intro-box,.intro-grid{display:grid;align-items:center}.intro-grid{grid-template-columns:140px 1fr;grid-gap:24px;gap:24px}.intro-art{max-width:140px;justify-self:start}.intro-art img{width:100%;height:100%;object-fit:contain}.intro-text{text-align:left}.intro-heading{margin:0 0 6px;font-size:clamp(22px,3.4vw,34px);letter-spacing:.2px;color:#fff}.intro-desc{margin:0 0 12px;max-width:75ch}.intro-desc,.intro-note{color:#9ca3af;font-weight:600}.intro-note{margin:0;font-size:.95rem}.intro-note .highlight{color:#f6a63c;font-weight:700}.intro-link{color:#58c2b4;font-weight:700;text-decoration:underline}.games-section{max-width:980px;margin:0 auto;padding:0 14px}.section-divider{font-size:14px;font-weight:700;color:#9ca3af;margin:28px 0 18px;padding-top:20px;border-top:2px solid #3a4a5e;text-transform:uppercase;letter-spacing:.5px}.games-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:720px){.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (min-width:1000px){.games-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}.game-card{position:relative;background:#1a2232;border-radius:18px;border:3px solid #3a4a5e;box-shadow:0 10px 24px rgba(0,0,0,.3),8px 8px 0 #000;padding:16px;display:grid;grid-gap:12px;gap:12px;min-height:180px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;isolation:isolate}.game-card:hover{transform:translateY(-6px) scale(1.016);box-shadow:0 24px 48px rgba(0,0,0,.35),10px 10px 0 #000!important}.game-card.g-purple:hover{border-color:#8ea0ff!important}.game-card.g-blue:hover{border-color:#58c2b4!important}.game-card.g-orange:hover{border-color:#f6a63c!important}.game-card.g-teal:hover{border-color:#58c2b4!important}.game-card.g-green:hover{border-color:#2aa49a!important}.game-card.g-pink:hover{border-color:#f47c3c!important}.game-card.g-gray:hover{border-color:#6a7fdb!important}.card-badge{display:inline-flex;align-items:center;justify-content:flex-start;padding:10px 14px;border-radius:14px;border:3px solid #3a4a5e;background:#2a3a52;color:#e9edf7;font-weight:900;font-size:18px;letter-spacing:.2px;text-transform:uppercase;box-shadow:0 8px 18px rgba(0,0,0,.3),6px 6px 0 #000;width:max-content;min-width:140px}.card-title{margin:0;color:#fff;font-weight:900;font-size:1.1rem}.card-desc{color:#9ca3af;font-weight:700;font-size:.95rem;margin:0}.card-action{margin-top:4px;display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.card-btn{border:3px solid #000;border-radius:12px;padding:11px 24px;font-weight:900;font-size:.98rem;box-shadow:0 8px 16px rgba(0,0,0,.25);transition:transform .14s ease,box-shadow .14s ease,background-color .18s ease;display:inline-flex;align-items:center;justify-content:center;line-height:1;color:#fff;background:#58c2b4;text-decoration:none}.card-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.3)}.game-card.g-purple .card-btn{background:#8ea0ff}.game-card.g-blue .card-btn{background:#58c2b4}.game-card.g-orange .card-btn{background:#f6a63c}.game-card.g-teal .card-btn{background:#58c2b4}.game-card.g-green .card-btn{background:#2aa49a}.game-card.g-pink .card-btn{background:#f47c3c}.card-btn--disabled{border:3px solid #3a4a5e;color:#9ca3af;background:#2a3242;cursor:default}.card-btn--disabled:hover{transform:none;box-shadow:0 8px 16px rgba(0,0,0,.25)}.site-footer{background:linear-gradient(90deg,#0a0e14,#0f1421);color:#fff;padding:18px 0;margin-top:22px;border-top:3px solid #3a4a5e}.footer-inner{max-width:1200px;margin:0 auto;padding:0 26px;text-align:center;display:grid;grid-gap:12px;gap:12px}.footer-nav{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center}.footer-pill{display:inline-block;font-weight:900;letter-spacing:.35px;padding:10px 14px;border-radius:999px;background:#1a2232;color:#e9edf7;border:2px solid #3a4a5e;box-shadow:0 6px 14px rgba(0,0,0,.25),4px 4px 0 #000;text-transform:uppercase;text-decoration:none;transition:transform .14s ease,box-shadow .14s ease,background-color .18s ease,border-color .18s ease}.footer-pill:hover{transform:translateY(-1px);box-shadow:0 10px 18px rgba(0,0,0,.3),5px 5px 0 #000;background:#2a3a52;border-color:#f6a63c}.footer-pill--highlight{padding:12px 18px;font-size:1rem}.footer-text{font-size:.95rem;color:#9ca3af;max-width:80ch;justify-self:center;margin:0}@media (max-width:860px){.intro-grid{grid-template-columns:1fr!important;gap:12px!important}.intro-art{max-width:160px!important;justify-self:start!important;order:-1}}@media (max-width:640px){.header-wrap{padding:12px 16px 8px}.header-inner{flex-direction:column;gap:12px}.main-content{padding:16px}.footer-nav{flex-direction:column}}