.scene{position:relative;overflow:hidden;background:#0c0604}
.scene canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.scene::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0 2px,rgba(0,0,0,.14) 3px,transparent 4px),radial-gradient(ellipse 85% 85% at 50% 50%,transparent 60%,rgba(0,0,0,.45) 100%)}
.scene-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.scene-title{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:16px 18px;background:linear-gradient(180deg,transparent,rgba(8,4,2,.85));font-family:var(--display);font-size:clamp(26px,2.6vw,38px);line-height:.9;color:#fff3e3;text-shadow:0 0 18px rgba(249,115,22,.6);pointer-events:none}

.st{display:inline-flex;align-items:center;gap:7px;font-family:var(--cond);font-weight:800;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;padding:5px 10px 4px;border-radius:3px;white-space:nowrap;border:2px solid #1a0903;box-shadow:0 3px 0 rgba(10,4,2,.85)}
.st-live{color:#1a0903;background:linear-gradient(180deg,#ffb04a 0 50%,#ff7f1f 50% 100%)}
.st-live::before{content:"";width:6px;height:6px;background:#1a0903;animation:stPulse 1.2s steps(1) infinite}@keyframes stPulse{50%{opacity:0}}
.st-soon{color:#1a0903;background:linear-gradient(180deg,#ffe08c 0 50%,#ffbe4f 50% 100%)}

.ac-hero{padding:calc(var(--hh) + 56px) 0 40px!important}
.ac-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:34px}
.ac-title{font-family:var(--display);font-weight:400;font-size:clamp(72px,10vw,150px);line-height:.84;margin-top:14px}
.ac-title em{font-style:normal;background:linear-gradient(180deg,#ffe0a8,#f97316 60%,#c2410c);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 26px rgba(249,115,22,.45))}
.ac-lede{max-width:420px;color:var(--muted);font-size:16.5px}

.feat{position:relative;border-radius:4px;border:1px solid var(--line2);background:linear-gradient(180deg,#140b06,#0c0705);box-shadow:0 40px 100px -40px rgba(249,115,22,.55);overflow:hidden}
.feat-stage{position:relative;aspect-ratio:16/6.6;min-height:420px}
.slide{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s}
.slide.is-on{opacity:1;visibility:visible}
.slide-art{position:relative;display:block;overflow:hidden}
.slide-art .scene,.slide-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.slide-art img{object-position:30% 50%;transition:transform 8s ease-out}
.slide.is-on .slide-art img{transform:scale(1.06)}
.slide-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,#0f0805);pointer-events:none}
.slide-info{position:relative;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:36px 40px 36px 20px}
.slide-top{display:flex;align-items:center;gap:12px}
.slide-k{font-family:var(--cond);font-weight:800;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--orange2)}
.slide-info h2{font-family:var(--display);font-weight:400;font-size:clamp(44px,4.6vw,68px);line-height:.9}
.slide-info p{color:var(--muted);font-size:15.5px}
.genres{display:flex;flex-wrap:wrap;gap:6px}
.genres span{font-family:var(--cond);font-weight:700;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:3px;background:rgba(255,236,214,.06);border:1px solid var(--line);color:var(--muted)}
.slide-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.feat-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:12px;border-top:1px solid var(--line);background:rgba(0,0,0,.3)}
.fthumb{position:relative;display:grid;gap:8px;text-align:left;padding:6px;border-radius:4px;border:1px solid transparent;transition:border-color .25s,background .25s}
.fthumb:hover{background:rgba(249,115,22,.06)}
.fthumb.is-on{border-color:var(--line2);background:rgba(249,115,22,.09)}
.fthumb-art{position:relative;display:block;aspect-ratio:16/9;border-radius:4px;overflow:hidden;background:#0c0604}
.fthumb-art .scene,.fthumb-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fthumb-name{font-family:var(--cond);font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 2px}
.fthumb.is-on .fthumb-name{color:var(--text)}
.fthumb-bar{position:absolute;left:6px;right:6px;bottom:0;height:2px;border-radius:2px;background:rgba(255,236,214,.08);overflow:hidden}
.fthumb-bar::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--orange),var(--honey));transform:scaleX(0);transform-origin:left}
.fthumb.is-on .fthumb-bar::after{animation:fbar 7s linear forwards}
.feat.is-paused .fthumb.is-on .fthumb-bar::after{animation-play-state:paused}
@keyframes fbar{to{transform:scaleX(1)}}

.ac-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}
.ac-stats div{padding:18px 20px;border-radius:4px;background:var(--panel);border:1px solid var(--line)}
.ac-stats dt{font-family:var(--cond);font-weight:800;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}
.ac-stats dd{font-family:var(--display);font-size:46px;line-height:1;margin-top:6px;color:var(--text)}
.ac-stats dd em{font-style:normal;color:var(--orange2)}

.ac-browse{padding:50px 0 110px!important}
.ac-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.ac-tabs{display:flex;gap:4px;padding:4px;border-radius:4px;background:rgba(0,0,0,.35);border:1px solid var(--line)}
.ac-tabs button{padding:10px 16px;border-radius:3px;font-family:var(--cond);font-weight:800;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);transition:background .2s,color .2s}
.ac-tabs button.on{background:var(--orange);color:#1a0903}
.ac-tabs button:not(.on):hover{color:var(--text)}
.ac-count{font-family:var(--cond);font-weight:800;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}
.ac-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.atile{position:relative;display:flex;flex-direction:column;border-radius:4px;overflow:hidden;background:linear-gradient(180deg,#140b06,#0e0805);border:1px solid var(--line);transition:border-color .3s,transform .3s,box-shadow .3s}
.atile:hover{border-color:var(--line2);transform:translateY(-5px);box-shadow:0 30px 70px -30px rgba(249,115,22,.6)}
.atile[hidden]{display:none}
.atile-art{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#0c0604}
.atile-art .scene,.atile-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.atile-art>img{object-position:30% 45%;transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.atile:hover .atile-art>img{transform:scale(1.05)}
.atile-art .st{position:absolute;left:12px;top:12px;z-index:3}
.atile-body{display:grid;gap:8px;padding:18px 20px 22px;flex:1;align-content:start}
.atile-body b{font-family:var(--display);font-weight:400;font-size:32px;line-height:1}
.atile-genres{font-family:var(--cond);font-weight:700;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--orange2)}
.atile-short{color:var(--muted);font-size:14.5px}
.atile-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.atile-tags span{font-family:var(--cond);font-weight:800;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;padding:4px 9px;border-radius:3px;border:1px solid var(--line2);color:var(--orange2);background:rgba(249,115,22,.07)}
.atile-pitch .atile-art{display:grid;place-items:center;background:radial-gradient(ellipse 70% 80% at 50% 110%,rgba(249,115,22,.35),transparent 70%),repeating-linear-gradient(45deg,rgba(249,115,22,.05) 0 12px,transparent 12px 24px),#0e0805}
.atile-pitch .atile-art span{font-family:var(--display);font-size:clamp(40px,4vw,58px);line-height:.9;text-align:center;color:#fff3e3;text-shadow:0 0 24px rgba(249,115,22,.7)}

.ac-one{padding:0 0 110px!important}
.one-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.one-card{position:relative;padding:28px;border-radius:4px;background:radial-gradient(ellipse 90% 80% at 0% 0%,rgba(249,115,22,.12),transparent 60%),var(--panel);border:1px solid var(--line2);overflow:hidden}
.one-card .ico{width:52px;height:52px;border-radius:4px;display:grid;place-items:center;color:#1a0903;background:linear-gradient(140deg,#ffd27a,#f97316 70%);box-shadow:0 12px 30px -10px rgba(249,115,22,.9);margin-bottom:18px}
.one-card .ico svg{width:26px;height:26px}
.one-card b{display:block;font-family:var(--display);font-weight:400;font-size:34px;line-height:1;margin-bottom:8px}
.one-card p{color:var(--muted);font-size:15px}

@media (max-width:1000px){
  .feat-stage{aspect-ratio:auto;min-height:0}
  .slide{position:relative;grid-template-columns:minmax(0,1fr);display:none}
  .slide.is-on{display:grid}
  .slide-art{aspect-ratio:16/9}
  .slide-art::after{background:linear-gradient(180deg,transparent 65%,#0f0805)}
  .slide-info{padding:6px 22px 26px}
  .ac-grid,.one-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ac-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .feat-thumbs{grid-template-columns:repeat(5,minmax(96px,1fr));overflow-x:auto;scrollbar-width:none}
  .feat-thumbs::-webkit-scrollbar{display:none}
  .ac-grid,.one-grid{grid-template-columns:minmax(0,1fr)}
  .ac-stats dd{font-size:38px}
  .slide-cta .btn{flex:1}
}
@media (prefers-reduced-motion:reduce){.fthumb.is-on .fthumb-bar::after{animation:none;transform:none}}

.mcover{position:absolute;inset:0;container-type:inline-size;overflow:hidden;background:#0d0a08}
.mcover-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.72) saturate(.95)}
.mcover::before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse 60% 70% at 50% 50%,rgba(10,7,5,.55),rgba(10,7,5,.15) 70%)}
.mcover-logo{position:absolute;inset:0;z-index:2;display:grid;align-content:center;justify-items:center;text-align:center;font-family:"Passion One","Arial Black",sans-serif;font-weight:900;text-transform:uppercase;line-height:.86;color:#f7efe2;pointer-events:none}
.ml-sub{font-size:5.4cqi;color:#ffb23e;letter-spacing:.04em;margin-bottom:.8cqi;text-shadow:0 .3cqi 0 rgba(0,0,0,.3)}
.ml-main{font-size:15cqi;letter-spacing:.005em;text-shadow:0 .5cqi 0 rgba(0,0,0,.35),0 1.4cqi 3.4cqi rgba(0,0,0,.5)}
.ml-sol{color:#ff8a2a}
.ml-pb{display:flex;align-items:center;gap:.8cqi;margin-top:2.2cqi;font-weight:700;font-size:2.4cqi;letter-spacing:.12em;color:#b8a99a;text-shadow:0 .2cqi .4cqi rgba(0,0,0,.6)}
.ml-pb img{width:2.6cqi;height:auto;transform:rotate(-27deg)}
.ml-pb b{font-weight:700;color:#ffb23e}

.soon-art{position:absolute;inset:0;container-type:inline-size;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse 70% 80% at 50% 115%,rgba(249,115,22,.32),transparent 70%),repeating-linear-gradient(135deg,rgba(249,115,22,.05) 0 14px,transparent 14px 28px),#0e0805}
.soon-art::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0 2px,rgba(0,0,0,.18) 3px,transparent 4px);pointer-events:none}
.soon-art img{position:absolute;width:46cqi;opacity:.07;filter:grayscale(1) brightness(1.6)}
.soon-in{position:relative;z-index:1;display:grid;justify-items:center;gap:1.6cqi;text-align:center}
.soon-k{font-family:var(--cond);font-weight:800;font-size:clamp(10px,2.6cqi,14px);letter-spacing:.3em;text-transform:uppercase;color:var(--orange2)}
.soon-t{font-family:var(--display);font-size:clamp(34px,11cqi,96px);line-height:.85;color:#fff3e3;text-shadow:0 0 30px rgba(249,115,22,.55)}
.soon-bar{font-family:var(--cond);font-weight:800;font-size:clamp(10px,2.4cqi,13px);letter-spacing:.2em;text-transform:uppercase;padding:.5em 1.1em;border:1px dashed var(--line2);border-radius:3px;color:var(--muted)}
.mcover .ml-pb img{position:static!important;inset:auto!important;width:2.6cqi!important;height:auto!important;object-fit:contain!important}
.soon-art img{position:absolute!important;inset:auto!important;width:46cqi!important;height:auto!important;object-fit:contain!important}
.mcover-bg.bw-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 58%;transform:none;filter:brightness(.85) saturate(1.02)}
.mcover.bw::before{background:radial-gradient(ellipse 58% 46% at 50% 50%,rgba(8,6,10,.6),rgba(8,6,10,.12) 75%)}
.bw-mark{position:relative;display:block;width:56cqi;line-height:0;filter:drop-shadow(0 .3cqi 0 rgba(0,0,0,.14)) drop-shadow(0 .8cqi 2.2cqi rgba(0,0,0,.18))}
.mcover-logo img.bw-logo{position:static!important;inset:auto!important;display:block;width:100%!important;height:auto!important;object-fit:contain!important;transform:none!important;filter:brightness(1.14) saturate(1.08) contrast(1.04)}
.mcover-logo img.gm-logo{position:static!important;inset:auto!important;display:block;width:74cqi!important;height:auto!important;object-fit:contain!important;transform:none!important;filter:drop-shadow(0 1.2cqi 2.8cqi rgba(0,0,0,.6))}
.bw-mark::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,0) 45%),repeating-linear-gradient(to bottom,transparent 0 2px,rgba(0,0,0,.26) 2px 3px,transparent 3px 4px);-webkit-mask:url(/img/badger-worlds-logo.png?v=68c) center/100% 100% no-repeat;mask:url(/img/badger-worlds-logo.png?v=68c) center/100% 100% no-repeat}