@font-face{font-family:"Font Awesome 6 Brands";src:url("assets/fonts/fa-brands-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:block}
*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#050505;--panel:#0d0d0f;--panel2:#111115;--red:#e50914;--red2:#ff3038;--text:#f5f5f5;--muted:#9b9ba3;--line:rgba(255,255,255,.09);--heading:"Orbitron",sans-serif;--body:"Inter",sans-serif}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:var(--body);line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.site-bg{position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 80% 10%,rgba(229,9,20,.12),transparent 28%),radial-gradient(circle at 10% 45%,rgba(100,0,0,.1),transparent 28%),#050505}
.site-bg:after{content:"";position:absolute;inset:0;opacity:.08;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to bottom,black,transparent 80%)}
.navbar{position:sticky;top:0;z-index:50;height:76px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:rgba(5,5,5,.88);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:12px}
.brand-mark{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(229,9,20,.45);padding:3px;box-shadow:0 0 18px rgba(229,9,20,.25);background:#050505;overflow:hidden}.brand-mark img{width:100%;height:100%;object-fit:contain;display:block}
.brand-text{font-family:var(--heading);font-size:13px;letter-spacing:1px}.brand-text b{color:#fff}
.nav-links{display:flex;gap:25px}.nav-links a{font:600 11px var(--heading);letter-spacing:1px;color:#bcbcc2;transition:.25s}.nav-links a:hover{color:#fff;text-shadow:0 0 12px rgba(229,9,20,.8)}
.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:25px}
.section{width:min(1180px,88%);margin:0 auto;padding:105px 0;scroll-margin-top:70px}
.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;padding-top:80px}
.eyebrow{font:700 11px var(--heading);letter-spacing:3px;color:var(--red);margin-bottom:14px}
.hero h1{font:900 clamp(44px,7vw,88px)/.94 var(--heading);letter-spacing:-3px;text-shadow:0 0 35px rgba(229,9,20,.14)}
.hero h1 span{color:transparent;-webkit-text-stroke:1px #eee}
.hero h2{font:700 clamp(18px,2vw,25px) var(--heading);letter-spacing:3px;margin-top:25px}
.hero-sub{color:#bdbdc4;letter-spacing:3px;font-size:11px;margin-top:8px}.hero-copy{max-width:570px;color:var(--muted);margin-top:20px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;font:700 11px var(--heading);letter-spacing:1px;border:1px solid transparent;transition:.25s}
.btn-primary{background:var(--red);color:#fff;box-shadow:0 0 24px rgba(229,9,20,.18)}.btn-primary:hover{background:var(--red2);transform:translateY(-2px);box-shadow:0 0 32px rgba(229,9,20,.35)}
.btn-secondary{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.03)}.btn-secondary:hover{border-color:var(--red);transform:translateY(-2px)}
.btn.small{min-height:38px;font-size:10px;padding:0 15px}
.live-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(229,9,20,.5);background:rgba(229,9,20,.08);padding:6px 10px;font:700 10px var(--heading);letter-spacing:1px;margin-bottom:18px}
.pulse{width:8px;height:8px;background:var(--red);border-radius:50%;box-shadow:0 0 12px var(--red);animation:pulse 1.3s infinite}
@keyframes pulse{50%{opacity:.35;transform:scale(.75)}}
.hero-visual{min-height:480px;position:relative;display:grid;place-items:center;border:1px solid var(--line);background:radial-gradient(circle,rgba(229,9,20,.12),transparent 42%),linear-gradient(145deg,rgba(255,255,255,.025),transparent);overflow:hidden}
.hero-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 45%,rgba(229,9,20,.09) 50%,transparent 55%);transform:translateX(-80%);animation:sweep 5s infinite}
@keyframes sweep{65%,100%{transform:translateX(80%)}}
.hero-logo{position:relative;width:min(82%,500px);height:auto;object-fit:contain;z-index:2;filter:drop-shadow(0 0 34px rgba(229,9,20,.38)) drop-shadow(0 2px 2px rgba(255,255,255,.16));animation:logoFloat 5s ease-in-out infinite}.hq-core{font:900 75px var(--heading);color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.65);z-index:2;text-shadow:0 0 40px rgba(229,9,20,.45)}@keyframes logoFloat{50%{transform:translateY(-6px) scale(1.01)}}
.hq-ring{position:absolute;border:1px solid rgba(229,9,20,.32);border-radius:50%;aspect-ratio:1}.ring-one{width:270px;animation:spin 15s linear infinite}.ring-two{width:390px;border-style:dashed;animation:spin 24s linear infinite reverse}@keyframes spin{to{transform:rotate(360deg)}}
.hud{position:absolute;font:600 9px var(--heading);letter-spacing:2px;color:#888}.hud-one{top:28px;left:28px}.hud-two{right:28px;bottom:28px;color:var(--red)}
.scanline{position:absolute;left:0;right:0;height:1px;background:rgba(255,255,255,.14);top:0;animation:scan 4s linear infinite}@keyframes scan{to{top:100%}}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.section-heading h2{font:800 clamp(24px,4vw,42px) var(--heading);letter-spacing:-1px}.text-link{font:700 10px var(--heading);color:var(--red);white-space:nowrap}
.content-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.featured-card,.content-card,.info-card,.game-card,.social-card,.live-panel{background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));border:1px solid var(--line);transition:.3s}.featured-card:hover,.content-card:hover,.info-card:hover,.game-card:hover,.social-card:hover{border-color:rgba(229,9,20,.45);box-shadow:0 12px 45px rgba(0,0,0,.35),0 0 25px rgba(229,9,20,.07);transform:translateY(-3px)}
.featured-thumb{aspect-ratio:16/9;background:#09090a;position:relative;overflow:hidden}.featured-thumb img{width:100%;height:100%;object-fit:cover}.featured-body{padding:22px}.platform-badge{display:inline-block;border:1px solid rgba(229,9,20,.45);color:#ff5a60;padding:4px 7px;font:700 9px var(--heading);letter-spacing:1px}.featured-body h3{font:700 22px var(--heading);margin:13px 0 5px}.featured-body p{font-size:12px;color:var(--muted);margin-bottom:18px}
.content-grid{display:grid;grid-template-columns:1fr;gap:18px}.content-card{display:grid;grid-template-columns:150px 1fr;min-height:120px;overflow:hidden}.content-card .thumb{background:#111;overflow:hidden}.content-card img{width:100%;height:100%;object-fit:cover}.content-card .body{padding:14px}.content-card h3{font:700 13px/1.35 var(--heading);margin:7px 0}.content-card p{font-size:10px;color:var(--muted)}.watch-link{display:inline-block;color:var(--red);font:700 9px var(--heading);margin-top:7px}
.thumb-placeholder,.loading-card{display:grid;place-items:center;height:100%;min-height:120px;color:#777;font:600 10px var(--heading);letter-spacing:1px}.loading-card{border:1px solid var(--line)}
.live-panel{display:flex;align-items:center;gap:20px;padding:25px}.live-icon{color:var(--red);font-size:34px;text-shadow:0 0 18px rgba(229,9,20,.8)}.live-panel h3{font:700 18px var(--heading)}.live-panel p{font-size:12px;color:var(--muted);margin-top:4px}.live-panel .btn{margin-left:auto}.status-pill{font:700 9px var(--heading);letter-spacing:1px;border:1px solid var(--line);padding:7px 10px;color:#999}.status-pill.live{color:#fff;border-color:rgba(229,9,20,.5);background:rgba(229,9,20,.1)}
.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.info-card{padding:25px;min-height:210px}.card-number{font:700 10px var(--heading);color:var(--red)}.info-card h3{font:700 17px var(--heading);margin:25px 0 10px}.info-card p{font-size:12px;color:var(--muted)}
.games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.game-card{overflow:hidden}.game-art{height:175px;display:grid;place-items:center;font:900 38px var(--heading);color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.55);background:radial-gradient(circle at 50% 40%,rgba(229,9,20,.32),transparent 50%),linear-gradient(145deg,#17171b,#070707)}.game-card>div:last-child{padding:17px}.game-card h3{font:700 14px var(--heading)}.game-card p{font-size:11px;color:var(--muted);margin-top:3px}
.community-panel{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(229,9,20,.25);background:linear-gradient(125deg,rgba(229,9,20,.09),rgba(255,255,255,.025));padding:40px}.community-main h2{font:800 clamp(25px,4vw,43px) var(--heading)}.community-main h3{font:700 15px var(--heading);letter-spacing:3px;margin:13px 0}.community-main p{color:var(--muted);font-size:13px;max-width:540px;margin-bottom:22px}.community-details{display:grid;gap:16px}.community-details>div{padding:17px;border-left:2px solid var(--red);background:rgba(0,0,0,.2)}.community-details span{font:700 9px var(--heading);color:var(--red);letter-spacing:2px}.community-details p{font-size:12px;color:#b4b4ba;margin-top:6px}
.social-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.social-card{display:flex;align-items:center;gap:15px;padding:18px}.social-card>span:last-child{margin-left:auto;color:#666}.social-icon{width:42px;height:42px;display:grid;place-items:center;background:#111;border:1px solid var(--line);font:700 18px var(--heading)}.social-card b{display:block;font:700 11px var(--heading);letter-spacing:1px}.social-card small{display:block;color:#777;font-size:11px;margin-top:2px}.personal-social{margin-top:20px;padding:17px;border:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:12px}.personal-social span{font:700 9px var(--heading);color:#777;letter-spacing:2px}.personal-social a{color:#ddd}.personal-social a:hover{color:var(--red)}
.footer{border-top:1px solid var(--line);padding:35px 6%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;color:#666;font-size:10px}.footer-brand{display:flex;align-items:center;gap:10px;font:800 12px var(--heading);color:#ddd}.footer-brand img{width:34px;height:34px;object-fit:contain;display:block}
@media(max-width:850px){.nav-links{display:none;position:absolute;top:76px;left:0;right:0;background:#080808;border-bottom:1px solid var(--line);padding:18px 6%;flex-direction:column;gap:18px}.nav-links.open{display:flex}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding-top:65px}.hero-visual{min-height:360px}.content-layout{grid-template-columns:1fr}.about-grid,.games-grid{grid-template-columns:1fr}.community-panel{grid-template-columns:1fr;gap:30px}.social-grid{grid-template-columns:1fr}}
@media(max-width:520px){.section{padding:75px 0}.navbar{height:68px}.nav-links{top:68px}.brand-mark{width:40px;height:40px}.brand-text{font-size:10px}.hero h1{font-size:43px;letter-spacing:-2px}.hero h2{font-size:16px;letter-spacing:2px}.hero-visual{min-height:300px}.ring-one{width:190px}.ring-two{width:270px}.content-card{grid-template-columns:105px 1fr}.content-card h3{font-size:11px}.featured-body h3{font-size:17px}.live-panel{align-items:flex-start;flex-wrap:wrap}.live-panel .btn{margin-left:0}.section-heading{align-items:flex-start;flex-direction:column}.personal-social{flex-direction:column}.footer{flex-direction:column}}

/* Final HQ game room + creator profile polish */
.section-note{font:700 9px var(--heading);letter-spacing:2px;color:#666}
.games-grid-four{grid-template-columns:repeat(4,1fr)}
.game-card{display:block;min-width:0}
.game-art{height:220px;position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:flex-start;padding:18px;background-size:cover;background-position:center;isolation:isolate}
.game-art span{position:relative;z-index:2;font:900 clamp(20px,2.3vw,32px) var(--heading);letter-spacing:-1px;color:#fff;text-shadow:0 4px 20px #000}
.game-art-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.08) 15%,rgba(0,0,0,.82) 100%),linear-gradient(90deg,rgba(0,0,0,.45),transparent)}
.game-art.re{background-image:url('https://cdn.akamai.steamstatic.com/steam/apps/1196590/header.jpg')}
.game-art.gow{background-image:url('https://cdn1.epicgames.com/offer/3ddd6a590da64e3686042d108968a6b2/EGS_GodofWar_SantaMonicaStudio_S2_1200x1600-fbdf3cbc2980749091d52751ffabb7b7_1200x1600-fbdf3cbc2980749091d52751ffabb7b7')}
.game-art.bgmi{background-image:url('https://akm-img-a-in.tosshub.com/sites/itgaming/resources/202412/unnamed271224011520.png?size=1200%3A675')}
.game-art.roblox{background-image:linear-gradient(135deg,#17171b,#0b0b0d 55%,#25070a)}
.game-art.roblox span{font-size:28px;letter-spacing:2px}
.game-card>div:last-child{min-height:76px}
.personal-social{align-items:flex-start;padding:20px}
.personal-heading{min-width:150px}.personal-heading span{display:block}.personal-heading small{display:block;color:#555;font-size:10px;margin-top:5px}
.personal-links{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:12px;width:100%}
.personal-card{position:relative;display:flex;flex-direction:column;gap:3px;padding:15px 38px 15px 15px;border:1px solid var(--line);background:rgba(255,255,255,.025);transition:.25s}
.personal-card:hover{border-color:rgba(229,9,20,.5);background:rgba(229,9,20,.05);transform:translateY(-2px)}
.personal-card strong{font:700 10px var(--heading);letter-spacing:1.5px}.personal-card small{color:#777}.personal-card b{position:absolute;right:15px;top:15px;color:#666}
.noscript{position:fixed;bottom:0;left:0;right:0;z-index:100;padding:10px;text-align:center;background:#e50914;color:#fff;font-size:12px}
@media(max-width:1050px){.games-grid-four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.personal-social{flex-direction:column}.personal-links{grid-template-columns:1fr}}
@media(max-width:520px){.games-grid-four{grid-template-columns:1fr}.game-art{height:210px}.section-note{display:none}}

/* Discord community showcase */
.community{padding-top:90px;padding-bottom:110px}
.community-panel{position:relative;overflow:hidden;grid-template-columns:1.02fr .98fr;gap:42px;padding:54px;border:1px solid rgba(229,9,20,.42);background:radial-gradient(circle at 8% 12%,rgba(229,9,20,.18),transparent 32%),radial-gradient(circle at 92% 90%,rgba(88,101,242,.10),transparent 34%),linear-gradient(135deg,rgba(229,9,20,.08),rgba(255,255,255,.025) 48%,rgba(255,255,255,.012));box-shadow:inset 0 0 80px rgba(229,9,20,.035),0 24px 80px rgba(0,0,0,.35)}
.community-panel:before{content:"";position:absolute;inset:-1px;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.07) 50%,transparent 80%);transform:translateX(-110%);animation:communitySweep 7s ease-in-out infinite;pointer-events:none}
@keyframes communitySweep{55%,100%{transform:translateX(110%)}}
.community-panel:after{content:"DISCORD // HQ";position:absolute;right:28px;top:20px;font:700 8px var(--heading);letter-spacing:2px;color:rgba(255,255,255,.2)}
.community-main{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:start;position:relative;z-index:2}
.discord-orb{width:78px;height:78px;display:grid;place-items:center;border-radius:24px;background:linear-gradient(145deg,#5865f2,#3943a4);border:1px solid rgba(255,255,255,.25);box-shadow:0 0 30px rgba(88,101,242,.3),inset 0 1px 0 rgba(255,255,255,.2);transform:rotate(-4deg)}
.discord-orb svg{width:43px;height:43px;fill:#fff;filter:drop-shadow(0 3px 7px rgba(0,0,0,.3))}
.community-main h2{font:900 clamp(30px,4vw,52px)/.95 var(--heading);letter-spacing:-2px;text-shadow:0 8px 35px rgba(0,0,0,.4)}
.community-main h2 span{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.78)}
.community-main .eyebrow{margin-bottom:10px}
.community-lead{color:#b8b8c0!important;font-size:13px!important;max-width:560px!important;margin:18px 0 16px!important}.community-lead b{color:#fff}
.community-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:23px}.community-tags span{padding:7px 9px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.22);font:700 8px var(--heading);letter-spacing:1px;color:#bdbdc5}
.btn-discord{background:#5865f2;border-color:#7580ff;box-shadow:0 0 25px rgba(88,101,242,.24);gap:10px}.btn-discord:hover{background:#6875ff;box-shadow:0 0 34px rgba(88,101,242,.4)}.btn-discord b{font-size:14px;margin-left:8px}.discord-invite{display:block;margin-top:9px;color:#62626a;font:600 9px var(--heading);letter-spacing:1px}
.community-details{position:relative;z-index:2;display:flex;flex-direction:column;gap:13px}.discord-card-main{position:relative;padding:25px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(0,0,0,.22));box-shadow:0 18px 45px rgba(0,0,0,.24);overflow:hidden}.discord-card-main:after{content:"";position:absolute;width:170px;height:170px;right:-65px;top:-75px;border-radius:50%;border:1px solid rgba(88,101,242,.35);box-shadow:0 0 0 18px rgba(88,101,242,.035),0 0 0 36px rgba(88,101,242,.02)}
.discord-card-top{display:flex;align-items:center;gap:8px;color:#aaa;font:700 8px var(--heading);letter-spacing:1.5px}.discord-card-top b{margin-left:auto;color:#5865f2;font-size:7px}.discord-live-dot{width:7px;height:7px;border-radius:50%;background:#43b581;box-shadow:0 0 10px #43b581}.discord-card-main h3{font:800 22px var(--heading);margin:18px 0 7px}.discord-card-main>p{font-size:11px;color:#85858d;max-width:470px}.community-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:20px}.community-mini-grid div{min-height:76px;padding:12px 8px;border:1px solid rgba(255,255,255,.07);background:rgba(0,0,0,.2);display:flex;flex-direction:column;gap:7px;justify-content:center}.community-mini-grid strong{font-size:17px}.community-mini-grid span{font:700 7px/1.35 var(--heading);letter-spacing:1px;color:#85858d}.discord-quote{padding:16px 18px;border-left:2px solid #5865f2;background:rgba(88,101,242,.055)}.discord-quote span{font:700 8px var(--heading);letter-spacing:2px;color:#7580ff}.discord-quote p{font-size:11px;color:#8d8d96;margin-top:5px}
@media(max-width:850px){.community-panel{padding:34px 28px;gap:28px}.community-main{grid-template-columns:1fr}.discord-orb{width:64px;height:64px;border-radius:20px}.discord-orb svg{width:36px;height:36px}.community-panel:after{display:none}}
@media(max-width:520px){.community-panel{padding:27px 20px}.community-main h2{font-size:31px}.community-mini-grid{grid-template-columns:repeat(2,1fr)}.community-tags span{font-size:7px}.btn-discord{width:100%}.discord-card-main{padding:20px}.discord-card-top b{display:none}}

/* Final HQ additions */
.featured-clip-section{padding-top:30px}.clip-feature{display:grid;grid-template-columns:1.25fr .75fr;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.01));border:1px solid var(--line);overflow:hidden}.clip-media{position:relative;min-height:330px;background:#080808;overflow:hidden}.clip-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.clip-feature:hover .clip-media img{transform:scale(1.035)}.clip-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 50%,rgba(5,5,5,.65))}.clip-badge{position:absolute;z-index:2;left:18px;top:18px;padding:7px 10px;background:rgba(8,8,8,.78);border:1px solid rgba(229,9,20,.55);font:700 9px var(--heading);letter-spacing:1px;color:#fff}.clip-copy{padding:40px 34px;display:flex;flex-direction:column;justify-content:center}.clip-copy h3{font:800 25px var(--heading);line-height:1.15;margin:14px 0 10px}.clip-copy p{color:var(--muted);font-size:12px;line-height:1.7;margin-bottom:22px}.clip-copy .btn{align-self:flex-start}.contact-section{padding-top:20px}.contact-panel{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:30px;border:1px solid rgba(229,9,20,.25);background:linear-gradient(135deg,rgba(229,9,20,.09),rgba(255,255,255,.025));box-shadow:0 20px 55px rgba(0,0,0,.25)}.contact-icon{width:64px;height:64px;display:grid;place-items:center;border:1px solid rgba(229,9,20,.5);background:#0d0d0f;color:#ff5a60;font-size:28px;box-shadow:0 0 25px rgba(229,9,20,.12)}.contact-copy h2{font:800 28px var(--heading);margin:4px 0 8px}.contact-copy h2 span{color:var(--red)}.contact-copy>p:not(.eyebrow){font-size:12px;color:var(--muted);max-width:650px;line-height:1.6}.contact-email{font:600 11px var(--heading);letter-spacing:1px;color:#ddd;margin-top:10px}.contact-button{white-space:nowrap}.personal-icon{position:absolute;left:14px;top:15px;width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line);background:#0b0b0c;font:700 15px var(--heading)}.personal-card{padding-left:54px}.personal-instagram{border-radius:8px}.personal-facebook{border-radius:5px}.game-art.roblox{background-image:linear-gradient(90deg,rgba(0,0,0,.65),rgba(0,0,0,.18)),url('https://cms-media.roblox.com/assets/93732cb0-db70-1bdc-923c-f7526dc7086c.webp');background-size:cover;background-position:center}.game-art.roblox span{font-size:28px;letter-spacing:2px;text-shadow:0 3px 12px #000}
@media(max-width:850px){.clip-feature{grid-template-columns:1fr}.clip-media{min-height:250px}.contact-panel{grid-template-columns:auto 1fr}.contact-button{grid-column:2;justify-self:start}}
@media(max-width:520px){.clip-copy{padding:27px 20px}.clip-copy h3{font-size:19px}.contact-panel{grid-template-columns:1fr}.contact-button{grid-column:auto}.contact-icon{width:54px;height:54px}.contact-copy h2{font-size:24px}}
.hq-target-effect{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:rgba(0,0,0,.72);backdrop-filter:blur(3px);animation:hqFade 1.8s ease forwards;pointer-events:none}.hq-target-effect:before,.hq-target-effect:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(229,9,20,.75);border-radius:50%;box-shadow:0 0 40px rgba(229,9,20,.18)}.hq-target-effect:after{width:120px;height:120px}.hq-target-effect span,.hq-target-effect small{position:absolute;text-align:center}.hq-target-effect span{font:800 24px var(--heading);letter-spacing:3px;color:#fff;text-shadow:0 0 18px rgba(229,9,20,.8)}.hq-target-effect small{margin-top:66px;color:#ff5a60;font:700 8px var(--heading);letter-spacing:3px}@keyframes hqFade{0%{opacity:0}15%,75%{opacity:1}100%{opacity:0}}


/* Final requested updates */
.brand-mark{width:56px;height:56px;padding:2px;border-width:1.5px;box-shadow:0 0 24px rgba(229,9,20,.38),0 0 48px rgba(229,9,20,.10)}
.brand-text{font-size:14px;font-weight:700}.brand-text b{font-weight:900}
.social-icon{width:42px;height:42px;display:grid;place-items:center;background:transparent!important;border:0!important;padding:0!important;overflow:visible!important;box-shadow:none!important}
.social-icon .brand-icon{font-family:"Font Awesome 6 Brands";font-weight:400;font-size:28px;line-height:1;color:#f2f2f2;transition:transform .2s ease,color .2s ease,text-shadow .2s ease}
.social-card:hover .brand-icon{transform:scale(1.12);color:#fff;text-shadow:0 0 15px rgba(229,9,20,.55)}
.kick-icon{font:900 28px/1 var(--heading)!important;color:#f2f2f2!important}
.personal-icon{border:0!important;background:transparent!important;overflow:visible!important;box-shadow:none!important}
.personal-icon .brand-icon{font-family:"Font Awesome 6 Brands";font-size:25px;color:#f2f2f2}
.personal-heading{min-width:190px}.personal-heading span{font-size:15px!important;letter-spacing:2px!important;color:#ddd!important;font-weight:900!important}.personal-heading small{font-size:11px!important}
.discord-invite{display:none!important}
.discord-card-main,.community-details>div{border-color:rgba(229,9,20,.18)}
.discord-card-main:after{border-color:rgba(229,9,20,.25);box-shadow:0 0 0 18px rgba(229,9,20,.025),0 0 0 36px rgba(229,9,20,.015)}
.discord-card-top b{color:var(--red)}.discord-live-dot{background:var(--red);box-shadow:0 0 10px rgba(229,9,20,.7)}.btn-discord{background:linear-gradient(135deg,#b80712,#e50914);border-color:rgba(255,255,255,.18);box-shadow:0 0 25px rgba(229,9,20,.22)}.btn-discord:hover{background:linear-gradient(135deg,#d30a16,#ff1a24);box-shadow:0 0 34px rgba(229,9,20,.4)}.discord-quote{border-left-color:var(--red);background:rgba(229,9,20,.045)}.discord-quote span{color:#ff5a60}
.hq-secret-target{position:absolute;right:7%;bottom:18%;width:18px;height:18px;border:0;background:transparent;padding:0;opacity:.32;cursor:pointer;z-index:5;filter:drop-shadow(0 0 5px rgba(229,9,20,.55))}.hq-secret-target span,.hq-secret-target:before,.hq-secret-target:after{content:"";position:absolute;inset:4px;border:1px solid rgba(229,9,20,.9);border-radius:50%}.hq-secret-target:before{inset:0;border-radius:50%;border-left-color:transparent;border-right-color:transparent}.hq-secret-target:after{inset:8px;background:rgba(229,9,20,.75);border:0;border-radius:50%}.hq-secret-target:hover{opacity:.8}
.agent-easter-egg{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:radial-gradient(circle at center,rgba(70,0,4,.32),rgba(0,0,0,.94) 65%);backdrop-filter:blur(5px);animation:agentFade .55s ease both;pointer-events:auto}.agent-easter-box{width:min(680px,90vw);padding:42px 34px;border:1px solid rgba(229,9,20,.65);background:linear-gradient(145deg,rgba(18,18,20,.96),rgba(5,5,6,.98));box-shadow:0 0 80px rgba(229,9,20,.16),inset 0 0 60px rgba(229,9,20,.035);text-align:center;position:relative;overflow:hidden}.agent-easter-box:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--red);box-shadow:0 0 20px rgba(229,9,20,.9);animation:scanBar 1.5s linear infinite}.agent-easter-kicker{font:700 9px var(--heading);letter-spacing:4px;color:#ff5a60}.agent-easter-title{font:900 clamp(28px,5vw,52px)/1 var(--heading);letter-spacing:2px;color:#fff;margin:14px 0;text-shadow:0 0 28px rgba(229,9,20,.35)}.agent-easter-copy{font:500 12px/1.7 var(--body);color:#a9a9b1;min-height:60px}.agent-easter-status{margin-top:22px;font:700 9px var(--heading);letter-spacing:3px;color:#ff5a60}.agent-easter-target{position:absolute;width:210px;height:210px;border:1px solid rgba(229,9,20,.15);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.agent-easter-target:before,.agent-easter-target:after{content:"";position:absolute;inset:28px;border:1px solid rgba(229,9,20,.12);border-radius:50%}.agent-easter-target:after{inset:102px;background:rgba(229,9,20,.6);border:0;box-shadow:0 0 18px rgba(229,9,20,.7)}@keyframes scanBar{from{transform:translateY(-20px)}to{transform:translateY(680px)}}@keyframes agentFade{from{opacity:0}to{opacity:1}}
.support-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;padding:30px;border:1px solid rgba(229,9,20,.28);background:linear-gradient(135deg,rgba(229,9,20,.08),rgba(255,255,255,.02));box-shadow:0 20px 55px rgba(0,0,0,.24)}.support-copy{display:flex;gap:20px;align-items:flex-start}.support-heart{width:58px;height:58px;display:grid;place-items:center;flex:0 0 58px;border:1px solid rgba(229,9,20,.5);color:#ff5a60;background:#0b0b0c;font-size:27px;box-shadow:0 0 25px rgba(229,9,20,.13)}.support-copy h3{font:800 22px var(--heading);margin:3px 0 10px}.support-copy p{font-size:12px;line-height:1.7;color:var(--muted);max-width:560px}.support-methods{display:grid;grid-template-columns:1fr 1fr;gap:12px}.support-method{padding:20px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.2);display:flex;flex-direction:column;align-items:flex-start}.support-method.primary{border-color:rgba(229,9,20,.42);box-shadow:inset 0 0 30px rgba(229,9,20,.035)}.support-label{font:700 8px var(--heading);letter-spacing:1.7px;color:#ff5a60}.support-method strong{font:900 20px var(--heading);margin:10px 0 7px}.support-method code{font:600 12px var(--heading);color:#fff;letter-spacing:1px}.support-copy-btn,.support-link{margin-top:15px;border:1px solid rgba(229,9,20,.45);background:transparent;color:#eee;padding:9px 11px;font:700 8px var(--heading);letter-spacing:1px;cursor:pointer;text-decoration:none}.support-copy-btn:hover,.support-link:hover{background:rgba(229,9,20,.12);border-color:var(--red)}.support-method.secondary .support-label{color:#777}.support-method.secondary .support-link{color:#ff5a60}.footer-support{color:#aaa}.footer-support:hover{color:#ff5a60}
@media(max-width:850px){.support-panel{grid-template-columns:1fr}.support-methods{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.brand-mark{width:50px;height:50px}.brand-text{font-size:12px}.support-methods{grid-template-columns:1fr}.support-copy{gap:14px}.support-heart{width:50px;height:50px;flex-basis:50px}.agent-easter-box{padding:34px 20px}}


/* Social icons: use the bundled official-looking PNG assets instead of font glyphs. */
.social-icon{background:transparent!important;border:0!important;padding:0!important;width:42px;height:42px;display:grid;place-items:center;overflow:visible!important}
.social-icon img{width:32px;height:32px;object-fit:contain;display:block;filter:drop-shadow(0 0 5px rgba(255,255,255,.08));transition:transform .2s ease,filter .2s ease}
.social-card:hover .social-icon img{transform:scale(1.12);filter:drop-shadow(0 0 9px rgba(229,9,20,.45))}
.personal-icon{width:28px;height:28px;display:grid;place-items:center;margin-bottom:5px}
.personal-icon img{width:25px;height:25px;object-fit:contain;display:block}

/* Final logo + social icon cleanup */
.brand-mark{width:58px;height:58px;padding:0;border:0;background:transparent;box-shadow:none;overflow:visible}
.brand-mark img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 0 10px rgba(229,9,20,.22))}
.social-icon{width:42px;height:42px;display:grid;place-items:center;background:transparent!important;border:0!important;padding:0!important;overflow:visible!important;box-shadow:none!important}
.social-icon .brand-icon,.personal-icon .brand-icon{font-family:"Font Awesome 6 Brands";font-weight:400;font-style:normal;line-height:1;color:#f2f2f2;display:block;text-shadow:0 0 8px rgba(255,255,255,.08);transition:transform .2s ease,color .2s ease,text-shadow .2s ease}
.social-icon .brand-icon{font-size:27px}
.personal-icon .brand-icon{font-size:22px}
.brand-youtube:before{content:"\\f167"}
.brand-facebook:before{content:"\\f39e"}
.brand-instagram:before{content:"\\f16d"}
.brand-x:before{content:"\\e61f"}
.brand-discord:before{content:"\\f392"}
.brand-kick{font-family:var(--heading)!important;font-size:27px!important;font-weight:900!important;letter-spacing:-2px;color:#f2f2f2!important}
.social-card:hover .brand-icon,.personal-card:hover .brand-icon{transform:scale(1.12);color:#fff;text-shadow:0 0 14px rgba(229,9,20,.55)}
.personal-icon{border:0!important;background:transparent!important;overflow:visible!important;box-shadow:none!important;width:28px;height:28px;display:grid;place-items:center;margin-bottom:5px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:520px){.brand-mark{width:52px;height:52px}}

/* Final mobile + Gmail contact polish */
.contact-icon img{width:42px;height:42px;object-fit:contain;display:block;border-radius:7px}
@media(max-width:850px){
  .community-panel{display:grid;width:100%;min-width:0;overflow:hidden}
  .community-main,.community-details{min-width:0;width:100%}
  .community-main>div:last-child{min-width:0}
  .community-main h2{overflow-wrap:anywhere}
  .community-lead{overflow-wrap:anywhere}
  .discord-card-main,.discord-quote{min-width:0;overflow:hidden}
}
@media(max-width:520px){
  .community{width:min(1180px,92%);padding-top:65px;padding-bottom:80px}
  .community-panel{padding:24px 16px!important;gap:24px!important;border-radius:0}
  .community-main{gap:15px;}
  .discord-orb{width:58px;height:58px;border-radius:17px;}
  .discord-orb svg{width:32px;height:32px}
  .community-main h2{font-size:29px;line-height:1}
  .community-main .community-lead{font-size:12px!important;line-height:1.55}
  .community-tags{gap:5px}
  .community-tags span{font-size:7px;padding:6px 7px}
  .community-mini-grid{gap:6px}
  .community-mini-grid div{min-height:68px;padding:9px 6px}
  .community-mini-grid span{font-size:6.5px}
  .discord-card-main{padding:17px!important}
  .contact-icon{width:58px;height:58px}
  .contact-icon img{width:42px;height:42px}
}

/* ================================
   HQ GAME ROOM — FINAL COMPATIBILITY FIX
   Supports both current and previous game-card markup.
   ================================ */
.games-grid-four {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.game-card {
  display: block;
  min-width: 0;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.012));
  border: 1px solid var(--line);
  text-decoration: none;
  color: inherit;
  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}

.game-card:hover {
  border-color: rgba(229,9,20,.45);
  box-shadow: 0 12px 45px rgba(0,0,0,.35), 0 0 25px rgba(229,9,20,.07);
  transform: translateY(-3px);
}

.game-art,
.game-card-image {
  height: 220px;
  width: 100%;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 18px;
  box-sizing: border-box;
  background-color: #09090a;
  background-size: cover;
  background-position: center;
  isolation: isolate;
}

.game-card-image img {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  object-fit: cover;
  display: block;
  transition: transform .5s ease;
}

.game-card:hover .game-card-image img {
  transform: scale(1.05);
}

.game-art:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(0,0,0,.05) 15%, rgba(0,0,0,.82) 100%);
  pointer-events: none;
}

.game-art span {
  position: relative;
  z-index: 2;
  font: 900 clamp(20px,2.3vw,32px) var(--heading);
  letter-spacing: -1px;
  color: #fff;
  text-shadow: 0 4px 20px #000;
}

.game-card > div:last-child,
.game-card-body {
  padding: 17px;
  min-height: 76px;
  box-sizing: border-box;
  background: linear-gradient(180deg, rgba(255,255,255,.025), rgba(0,0,0,.08));
}

.game-card h3,
.game-card-body h3 {
  font: 700 14px var(--heading);
  letter-spacing: 1px;
  color: #fff;
}

.game-card p,
.game-card-body p {
  font-size: 11px;
  line-height: 1.6;
  color: var(--muted);
  margin-top: 6px;
}

/* If artwork cannot load, keep the card visually intentional. */
.game-art[style*="resident"],
.game-art.re { background-color: #26070a; }
.game-art.gow { background-color: #11161d; }
.game-art.bgmi { background-color: #17230f; }
.game-art.roblox { background-color: #17171b; }

/* ================================
   CONTACT — GMAIL ICON
   Match social icons: no box/background/border.
   ================================ */
.contact-icon {
  width: 42px !important;
  height: 42px !important;
  display: grid !important;
  place-items: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  overflow: visible !important;
}

.contact-icon img {
  width: 32px !important;
  height: 32px !important;
  object-fit: contain !important;
  display: block !important;
  border-radius: 0 !important;
  filter: drop-shadow(0 0 5px rgba(255,255,255,.08));
  transition: transform .2s ease, filter .2s ease;
}

.contact-panel:hover .contact-icon img {
  transform: scale(1.08);
  filter: drop-shadow(0 0 9px rgba(229,9,20,.35));
}

@media (max-width: 1050px) {
  .games-grid-four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 520px) {
  .games-grid-four { grid-template-columns: 1fr; }
  .game-art, .game-card-image { height: 210px; }
}
