
/* GLAUXgaming / TimeLoop scene showcase, version 2 – built for real development captures. */
.game-page .hero{min-height:690px;height:auto;max-height:none;background-image:linear-gradient(90deg,#060d17f2 4%,#060d17bc 39%,#070e1add 100%),linear-gradient(0deg,var(--bg),transparent 37%),url('./assets/village.png');background-size:cover;background-position:center}
.hero-layout{min-height:690px;max-width:1520px;margin:0 auto;display:grid;grid-template-columns:minmax(0, .9fr) minmax(0,1.12fr);gap:5%;align-items:center;padding:66px 5% 100px}
.game-page .hero-content{width:100%;max-width:none;min-width:0;padding:30px 0;text-align:center}
.game-page .hero-content h1{font-size:clamp(78px,7.8vw,126px)}
.game-page .hero .emblem{width:135px;height:135px;margin-top:0}
.game-page .hero-bottom{bottom:25px}
.hero-capture{min-width:0;position:relative}
.capture-label{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:9px;letter-spacing:2px;color:var(--gold);margin-bottom:16px}
.capture-star{font-size:23px;margin-right:auto}.capture-label>span:last-child{margin-left:auto;color:#bdc5c4}
.capture-slider{background:#080f18;border:1px solid #bb985e88;padding:12px;box-shadow:0 25px 65px #0009,0 0 0 5px #0e1724b0;min-width:0}
.capture-slider:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.capture-frame{aspect-ratio:1.61;position:relative;overflow:hidden;background:#101922;display:flex;align-items:center;justify-content:center;border:1px solid #c6ad793c}
.capture-image{width:100%;height:100%;display:block;object-fit:contain;image-rendering:pixelated}
.capture-frame[data-fit="fill"] .capture-image{object-fit:cover}
.capture-watermark{position:absolute;bottom:10px;left:12px;padding:5px 10px;background:#05101de6;border:1px solid #dbc18a80;color:#efd59e;font-size:7px;line-height:1.4;letter-spacing:1.3px}
.capture-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 4px 11px}
.capture-copy{min-width:0}.capture-kicker{font-size:8px;letter-spacing:1.4px;color:#c9af7b;text-transform:uppercase}.capture-name{font:32px Cormorant,Georgia,serif;margin:3px 0;color:#f3ead6}.capture-description{margin:2px 0 0;font-size:10px;line-height:1.6;max-width:450px}
.capture-actions{display:flex;gap:7px;align-items:center;flex-shrink:0}.capture-count{font-size:10px;color:#c7b98e;letter-spacing:1px;margin-right:8px}
.capture-actions button{border:1px solid #aa916e70;background:#131e29;color:#efdfb8;width:39px;height:39px;font-size:18px;transition:background .2s}
.capture-actions button:hover{background:#e1c38c;color:#111924}
.capture-progress{display:flex;gap:7px;align-items:center;padding:0 4px 7px}
.capture-progress button{border:0;height:3px;background:#82765f8c;flex:1;padding:0;transition:background .2s;min-height:4px}
.capture-progress button[aria-current="true"]{background:#f1d399}
.capture-disclaimer{font-size:9px;color:#b1bdc4;line-height:1.6}
.hero-capture>.capture-disclaimer{margin:16px 3px 0;text-align:right;letter-spacing:.3px}
.discovery{border-top:1px solid var(--line)}.discovery-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;flex-wrap:wrap}
.discovery-intro>p{max-width:350px;font-size:12px}.discovery-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}
.discovery-card{background:#121d27;border:1px solid var(--line);overflow:hidden;display:block;transition:border-color .2s,transform .2s}
.discovery-card:hover{border-color:var(--gold);transform:translateY(-3px)}.discovery-card>img{width:100%;height:185px;display:block;object-fit:cover;image-rendering:pixelated;background:#111821}
.discovery-card>span{padding:18px 20px 22px;display:grid;grid-template-columns:1fr auto;gap:6px}
.discovery-card small{grid-column:1 / -1;color:var(--gold);font-size:9px;letter-spacing:2px;text-transform:uppercase}
.discovery-card strong{font:26px/1.2 Cormorant,serif;font-weight:500}.discovery-card b{color:var(--gold);font-size:18px;font-weight:400}
.discovery-footnote{font-size:9px;margin:20px 0 0}
.gameplay-gallery{padding-top:20px;border-bottom:1px solid var(--line)}.gameplay-gallery-head{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:65px}
.gameplay-gallery-head>div:last-child{max-width:460px;margin-bottom:28px}.gameplay-gallery-head p{font-size:12px;line-height:1.9}
.gameplay-gallery>.capture-slider{max-width:1080px;margin:4px auto 0;padding:14px 14px 10px}.gameplay-gallery>.capture-slider .capture-frame{aspect-ratio:1.9}
.gameplay-gallery>.capture-slider .capture-meta{padding:18px 9px 15px}
.gameplay-gallery-footer{font-size:11px;text-align:center;padding:16px 0 0}.gameplay-gallery-footer a{color:var(--gold);text-decoration:underline;text-underline-offset:5px}
.gallery-item img{image-rendering:pixelated}.gallery-item.hero-card>img{object-fit:cover}
@media(min-width:1500px){.hero-layout{gap:7%}.capture-frame{aspect-ratio:1.55}}
@media(max-width:1050px){.hero-layout{gap:3%;grid-template-columns:.8fr 1.05fr;padding:48px 4% 90px}.game-page .hero-content h1{font-size:clamp(68px,8vw,96px)}.capture-name{font-size:28px}.capture-description{font-size:9px}.game-page .hero-content .tagline{font-size:24px}}
@media(max-width:750px){.hero-layout{grid-template-columns:1fr;max-width:650px;gap:5px;padding:40px 23px 85px}.game-page .hero-content{padding:10px 0 26px}.game-page .hero .emblem{width:93px;height:93px}.game-page .hero-content h1{font-size:clamp(66px,14vw,92px);margin-bottom:4px}.game-page .hero-content .tagline{font-size:25px}.game-page .hero-content .hero-description{margin:15px 0}.hero-capture{width:100%}.capture-label{margin-bottom:10px}.game-page .hero-bottom{font-size:6px;gap:10px}.discovery-cards{grid-template-columns:1fr 1fr}.discovery-card:last-child{grid-column:1/-1}.gameplay-gallery-head{grid-template-columns:1fr;gap:0}.gameplay-gallery-head>div:last-child{margin-bottom:15px}.gameplay-gallery{padding-top:25px}}
@media(max-width:480px){.hero-layout{padding:30px 16px 80px}.hero-capture{max-width:430px}.capture-slider{padding:7px}.capture-frame{aspect-ratio:1.35}.capture-watermark{font-size:6px;left:6px;bottom:6px}.capture-name{font-size:26px}.capture-meta{padding:12px 3px}.capture-kicker{font-size:6.5px}.capture-description{font-size:9px}.capture-count{display:none}.capture-actions button{width:33px;height:35px}.capture-label{font-size:8px}.discovery-cards{grid-template-columns:1fr}.discovery-card:last-child{grid-column:auto}.discovery-card>img{height:200px}.discovery-intro{display:block}.gameplay-gallery>.capture-slider .capture-frame{aspect-ratio:1.3}.gameplay-gallery>.capture-slider .capture-meta{padding:12px 3px}.gameplay-gallery-head p{font-size:11px}.gallery-item.hero-card{grid-column:span 1}.gallery-item.hero-card>img{height:200px}}
@media(prefers-reduced-motion:reduce){.discovery-card:hover{transform:none}}
