/* Cinematic finish layer. Kept separate so theme-integration remains easy to maintain. */
.ztr-hero{isolation:isolate;overflow:hidden}
.ztr-hero:before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(255,255,255,.012) 4px);mix-blend-mode:overlay}
.ztr-hero:after{content:"";position:absolute;z-index:0;width:46vw;height:46vw;right:-12vw;bottom:-30vw;border:1px solid rgba(160,249,18,.12);border-radius:50%;box-shadow:0 0 0 5vw rgba(160,249,18,.018),0 0 0 10vw rgba(255,37,113,.016)}
.ztr-hero-inner:before{content:"ARCHIVES";position:absolute;z-index:0;left:-.04em;bottom:-.08em;color:rgba(234,236,236,.025);font:900 clamp(110px,20vw,280px)/.7 Bahnschrift,Impact,sans-serif;letter-spacing:-.08em;white-space:nowrap;pointer-events:none}
.ztr-hero-copy{padding-block:30px}.ztr-hero h1{position:relative}.ztr-hero h1:after{content:"";position:absolute;width:56px;height:5px;left:3px;bottom:-22px;background:linear-gradient(90deg,var(--green) 0 68%,var(--pink) 68%)}
.ztr-lede{margin-top:50px}.ztr-hero-meta{display:flex;flex-wrap:wrap;gap:1px;margin-top:42px}.ztr-hero-meta span{padding:9px 12px;background:rgba(4,18,23,.72);border:1px solid rgba(140,150,179,.16);color:#8c96b3;font:700 9px/1.2 "IBM Plex Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.ztr-hero-meta b{color:var(--green);font-weight:700;margin-right:7px}
.ztr-hero-mark{transform:rotate(1.5deg)}.ztr-hero-mark img{opacity:.42;animation:ztr-breathe 7s ease-in-out infinite;filter:saturate(.9) contrast(1.05) drop-shadow(0 28px 50px rgba(0,0,0,.45))}
@keyframes ztr-breathe{50%{transform:translateY(-10px) scale(1.015);opacity:.48}}
.ztr-stat-grid div{position:relative;overflow:hidden;transition:background .25s}.ztr-stat-grid div:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,var(--green),transparent);transform:scaleX(0);transform-origin:left;transition:transform .3s}.ztr-stat-grid div:hover{background:rgba(160,249,18,.035)}.ztr-stat-grid div:hover:after{transform:scaleX(1)}
.ztr-marquee{z-index:3}.ztr-marquee div{will-change:transform;animation-name:ztr-rail-fluid;animation-duration:30s}.ztr-marquee span{display:flex;flex:none;align-items:center;justify-content:space-around;min-width:100vw;padding-inline:2vw}.ztr-marquee i{flex:none}
@keyframes ztr-rail-fluid{to{transform:translate3d(-25%,0,0)}}
.ztr-heading{position:relative}.ztr-heading:before{content:"// ZMB";position:absolute;left:-78px;top:5px;color:rgba(160,249,18,.42);font:700 9px "IBM Plex Mono",monospace;letter-spacing:.12em;transform:rotate(-90deg)}
.ztr-timeline:after{content:"";position:absolute;left:157px;top:0;width:11px;height:80px;background:linear-gradient(var(--green),transparent);filter:blur(7px);opacity:.35;animation:ztr-scan 5s ease-in-out infinite alternate}
@keyframes ztr-scan{to{transform:translateY(min(800px,65vh))}}
.ztr-card{box-shadow:0 18px 48px rgba(0,0,0,.15)}.ztr-card:after{content:"";position:absolute;width:22px;height:22px;right:0;bottom:0;border-right:1px solid rgba(160,249,18,.35);border-bottom:1px solid rgba(160,249,18,.35)}.ztr-champion .ztr-card{background:linear-gradient(120deg,rgba(160,249,18,.075),#061318 34%);border-color:rgba(160,249,18,.28)}.ztr-runner_up .ztr-card{background:linear-gradient(120deg,rgba(255,37,113,.065),#061318 34%)}
.ztr-card-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.ztr-card-top .ztr-game{margin:0;text-align:right}.ztr-org-mark{display:inline-flex;align-items:stretch;min-height:38px;border:1px solid rgba(140,150,179,.25);background:#02090c}.ztr-org-mark b{display:grid;place-items:center;min-width:68px;padding:8px 10px;background:linear-gradient(135deg,var(--green),#75ba05);color:#071005;font:900 13px/1 Bahnschrift,sans-serif;letter-spacing:-.02em}.ztr-org-mark small{display:grid;place-items:center;max-width:150px;padding:7px 10px;color:#8c96b3;font:700 8px/1.15 "IBM Plex Mono",monospace;letter-spacing:.07em;text-transform:uppercase}.ztr-runner_up .ztr-org-mark b{background:linear-gradient(135deg,var(--pink),#b9155b);color:#fff}
.ztr-honors-heading{display:grid;grid-template-columns:1fr 320px;gap:50px;max-width:none;align-items:end}.ztr-honors-heading>p{margin:0 0 8px;color:#8c96b3;line-height:1.65}.ztr-honor-grid{grid-template-columns:repeat(12,1fr);gap:14px}.ztr-honor{grid-column:span 4;min-height:390px;overflow:hidden;padding:28px;box-shadow:0 20px 65px rgba(0,0,0,.18);display:flex;flex-direction:column}.ztr-honor:nth-child(1),.ztr-honor:nth-child(2){grid-column:span 6;min-height:430px}.ztr-honor:before{content:"";position:absolute;width:180px;height:180px;right:-84px;top:-84px;border:1px solid rgba(160,249,18,.18);transform:rotate(45deg)}.ztr-honor.ztr-champion{background:radial-gradient(circle at 100% 0,rgba(160,249,18,.14),transparent 44%),linear-gradient(145deg,#07181a,#041217);border-color:rgba(160,249,18,.28)}.ztr-honor.ztr-runner_up{background:radial-gradient(circle at 100% 0,rgba(255,37,113,.13),transparent 44%),linear-gradient(145deg,#15101a,#041217);border-color:rgba(255,37,113,.22)}.ztr-honor-top{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:34px}.ztr-honor-number{color:rgba(234,236,236,.18);font:900 34px/1 Bahnschrift,sans-serif}.ztr-trophy{display:block;margin-top:auto;transition:transform .3s}.ztr-honor:hover .ztr-trophy{transform:translateY(-4px) rotate(-5deg) scale(1.08)}.ztr-honor h3{font-size:clamp(25px,2.2vw,34px);line-height:.96}.ztr-honor-tier{position:absolute;right:0;bottom:0;padding:9px 14px;background:var(--green);color:#071005;font:900 9px "IBM Plex Mono",monospace;letter-spacing:.11em;text-transform:uppercase}.ztr-runner_up .ztr-honor-tier{background:var(--pink);color:#fff}
.ztr-cta{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 84% 48%,rgba(160,249,18,.28),transparent 25%),radial-gradient(circle at 12% 85%,rgba(255,37,113,.30),transparent 32%),linear-gradient(112deg,#0b1318 0%,#3b0a52 52%,#76198f 76%,#17101d 100%)}.ztr-cta:before{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(120deg,transparent 0 18%,rgba(255,37,113,.12) 18.2% 18.8%,transparent 19% 62%,rgba(160,249,18,.14) 62.2% 63%,transparent 63.2%),repeating-linear-gradient(135deg,transparent 0 17px,rgba(255,255,255,.018) 18px 19px);border-top:4px solid var(--green);pointer-events:none}.ztr-cta:after{content:"";position:absolute;z-index:0;right:-3%;top:50%;width:min(48vw,590px);aspect-ratio:1;transform:translateY(-50%) rotate(2deg);background:url("zomblers-logo.png") center/contain no-repeat;opacity:.17;mix-blend-mode:screen;filter:contrast(1.12) saturate(.85);mask-image:radial-gradient(circle,#000 38%,transparent 73%);pointer-events:none}.ztr-cta .ztr-wrap{position:relative;z-index:1}.ztr-cta .ztr-wrap:before{content:"ZOMBLERS // ARCHIVE // ONGOING";position:absolute;left:0;top:50%;color:rgba(255,255,255,.22);font:700 8px "IBM Plex Mono",monospace;letter-spacing:.18em;writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg)}.ztr-cta .ztr-kicker span{display:inline-block;margin-left:10px;padding:5px 8px;background:var(--green);color:#080b0d}.ztr-cta h2{text-shadow:0 12px 36px rgba(0,0,0,.22)}.ztr-cta-signoff{display:flex;justify-content:center;align-items:center;gap:18px;margin:34px 0 0;color:#fff;font:700 11px "IBM Plex Mono",monospace;letter-spacing:.16em;text-transform:uppercase}.ztr-cta-signoff i{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.42);border-radius:50%;font-style:normal;font-size:18px;box-shadow:0 0 26px rgba(160,249,18,.12)}
@media(max-width:900px){.ztr-honor,.ztr-honor:nth-child(n){grid-column:span 6}.ztr-heading:before{display:none}.ztr-honors-heading{grid-template-columns:1fr}}
@media(max-width:760px){.ztr-hero-inner:before{font-size:35vw;bottom:3%}.ztr-hero h1:after{left:50%;transform:translateX(-50%)}.ztr-hero-meta{justify-content:center}.ztr-marquee{font-size:11px}.ztr-marquee span{min-width:140vw}.ztr-card-top{align-items:flex-start;flex-direction:column}.ztr-card-top .ztr-game{text-align:left}.ztr-org-mark small{display:none}.ztr-timeline:after{left:3px}.ztr-honor,.ztr-honor:nth-child(n){grid-column:1/-1;min-height:370px}.ztr-cta:after{right:-24%;width:100vw;opacity:.11}.ztr-cta .ztr-wrap:before{display:none}}
@media(prefers-reduced-motion:reduce){.ztr-hero-mark img,.ztr-timeline:after{animation:none}.ztr-marquee div{animation:none;transform:none}}
