.hero-video{position:absolute;right:clamp(28px,5vw,86px);top:51%;width:min(43vw,720px);aspect-ratio:16/9;overflow:hidden;z-index:1;pointer-events:none;border:1px solid rgba(255,208,139,.42);border-radius:14px;transform:translateY(-43%);background:#070a0e;box-shadow:0 28px 70px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.14)}.hero-video:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.08),transparent 32%,rgba(0,0,0,.08));pointer-events:none}.hero-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#070a0e}.hero-video span{position:absolute;left:14px;bottom:12px;z-index:2;padding:6px 8px;border:1px solid rgba(255,255,255,.25);background:rgba(7,10,15,.72);color:#f0e2cd;font:600 .6rem "DM Mono",monospace;letter-spacing:.12em;backdrop-filter:blur(5px)}.hero{isolation:isolate}.hero:before{z-index:-1}.hero-shade{z-index:0}.hero-content,.hero-foot{z-index:2}.hero-content{max-width:min(600px,43vw)}.game-card{background-size:cover;background-position:center}.game-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,8,12,.08) 18%,rgba(5,8,12,.92) 100%);z-index:0}.game-card>.thumb-label{position:relative;z-index:1}.card-one{background-color:#312b23;background-image:url("./assets/favicon.png")}.card-two{background-image:url("https://imgs.crazygames.com/mage-tower-idle-defense_16x9/20260708102031/mage-tower-idle-defense_16x9-cover?metadata=none&quality=85&width=800&height=450&fit=crop")}.card-three{background-image:url("https://static.playgama.com/p-img/pg/kingdom-defense-mega/big-preview/adffdcc1853746babc75641a0bed3460?width=800")}.card-four{background-image:url("https://imgs.crazygames.com/epic-empire-tower-defense_16x9/20250212031546/epic-empire-tower-defense_16x9-cover?metadata=none&quality=85&width=800&height=450&fit=crop")}
@media(max-width:1100px){.hero-content{left:clamp(24px,6vw,72px)}.hero h1{font-size:clamp(4.3rem,8vw,6.3rem)}.hero-video{right:clamp(24px,4vw,48px);width:42vw}}
@media(max-width:800px){.hero{height:850px}.hero-content{top:110px;left:24px;right:24px;max-width:620px;transform:none}.hero h1{font-size:clamp(4rem,16vw,6rem)}.hero-copy{max-width:580px}.hero-video{top:auto;right:24px;bottom:76px;left:24px;width:auto;transform:none}.hero-foot{bottom:24px}}
.footer-links{display:flex;gap:18px}.footer-links a{color:#aeb4bd;font-size:.8rem;text-decoration:none}.footer-links a:hover{color:var(--orange-light)}
.detail-page{padding-top:76px}.detail-hero{display:grid;grid-template-columns:1fr .9fr;gap:44px;align-items:center;padding:72px clamp(24px,9vw,140px);background:radial-gradient(ellipse at 78% 36%,rgba(237,148,66,.22),transparent 39%),linear-gradient(120deg,#101821,#080b10 80%)}.detail-copy{max-width:680px}.detail-copy h1{font-size:clamp(2.8rem,5vw,5rem);line-height:1.05;letter-spacing:-.035em}.detail-copy>p:not(.eyebrow){color:#c7cbd0;font-size:1.06rem;line-height:1.75;max-width:610px}.detail-cover{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;border:1px solid rgba(255,208,139,.42);box-shadow:0 24px 60px rgba(0,0,0,.55),0 1px 0 rgba(255,255,255,.16) inset}.detail-body{max-width:1220px;margin:auto;padding:74px 28px 100px}.detail-body h2{font-size:clamp(2rem,3vw,3rem);margin-bottom:22px}.detail-player{margin:0 0 76px}.detail-player .game-frame-wrap{min-height:540px}.detail-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;margin-bottom:72px}.detail-intro p,.detail-body p{color:#c1c6cc;line-height:1.8}.detail-facts{border:1px solid rgba(255,208,139,.24);border-radius:12px;padding:22px;background:linear-gradient(145deg,#18212c,#10151d);box-shadow:0 12px 30px rgba(0,0,0,.24)}.detail-facts h3{margin:0 0 12px;color:var(--orange-light);font-family:"DM Mono",monospace;font-size:.75rem;letter-spacing:.12em}.detail-facts ul,.how-list{padding-left:20px;color:#d7d9dc;line-height:1.9}.detail-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:28px 0 76px}.detail-gallery figure{margin:0;border:1px solid rgba(255,255,255,.13);border-radius:12px;overflow:hidden;background:#111720;box-shadow:0 15px 30px rgba(0,0,0,.24)}.detail-gallery img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.detail-gallery figcaption{padding:13px 16px;color:#bbc1c8;font-size:.82rem}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0 76px}.how-card{padding:22px;border-radius:11px;background:linear-gradient(150deg,#1c2733,#111720);border:1px solid rgba(255,255,255,.12);box-shadow:0 4px 0 rgba(0,0,0,.35),0 14px 24px rgba(0,0,0,.22)}.how-card span{color:var(--orange-light);font: .72rem "DM Mono",monospace}.how-card h3{font-family:"Noto Serif SC",serif;font-size:1.2rem;margin:11px 0}.how-card p{font-size:.92rem;margin:0}.detail-faq{margin:50px 0 20px}.detail-more{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.detail-more a{border:1px solid rgba(255,208,139,.4);padding:10px 14px;color:var(--orange-light);text-decoration:none;border-radius:5px}.detail-more a:hover{background:rgba(255,208,139,.1)}.detail-note{font-size:.78rem;color:#87909b}.detail-toolbar-links{display:flex;gap:14px;align-items:center}.detail-toolbar-links a{font-size:.78rem;color:#d7d4cf;text-decoration:none}.detail-toolbar-links a:hover{color:var(--orange-light)}
@media(max-width:800px){.detail-hero{grid-template-columns:1fr;padding-top:52px}.detail-cover{max-width:760px}.detail-intro{grid-template-columns:1fr;gap:20px}.how-grid{grid-template-columns:1fr}.detail-gallery{gap:10px}.detail-player .game-frame-wrap{min-height:460px}}
@media(max-width:520px){.detail-page{padding-top:64px}.detail-hero{padding-left:22px;padding-right:22px}.detail-body{padding:54px 18px 76px}.detail-gallery{grid-template-columns:1fr}.detail-gallery figure:nth-child(n+3){display:none}.detail-player .game-frame-wrap{min-height:380px}.detail-toolbar-links{flex-direction:column;align-items:flex-end;gap:6px}}

/* Homepage hero: gameplay on the left, copy in the open right column. */
.hero-video{left:clamp(24px,4vw,72px);right:auto;top:calc(76px + 4.5%);bottom:76px;width:57vw;aspect-ratio:auto;transform:none}
.hero-content{left:auto;right:clamp(24px,4vw,72px);width:35vw;max-width:35vw}
.hero h1{font-size:clamp(3.2rem,4.1vw,5.5rem)}
.hero-copy{max-width:100%}
@media(max-width:1100px){.hero-video{left:24px;right:auto;width:52vw}.hero-content{left:auto;right:24px;width:40vw;max-width:40vw}.hero h1{font-size:clamp(3.2rem,4.8vw,4.2rem)}}
@media(max-width:800px){.hero{height:900px}.hero-video{top:92px;right:24px;bottom:auto;left:24px;width:auto;height:330px;transform:none}.hero-content{top:460px;left:24px;right:24px;width:auto;max-width:620px;transform:none}.hero h1{font-size:clamp(4rem,16vw,6rem)}.hero-copy{max-width:580px}.hero-foot{bottom:24px}}