:root{--bg:#07101c;--bg2:#0a1728;--panel:#101f30;--panel2:#0b1b2b;--gold:#ffca46;--gold2:#ffb32e;--mint:#59efd3;--white:#f6f9fe;--muted:#9cabbc;--stroke:rgba(180,208,235,.16);--max:1250px;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--body:'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:102px}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--body);font-size:16px;line-height:1.65;overflow-x:hidden}body::after{content:"";position:fixed;inset:0;z-index:55;pointer-events:none;opacity:.023;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,#f8fffd 4px,#f8fffd 4px)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}h1,h2,h3,p,figure{margin-top:0}::selection{background:var(--gold);color:var(--bg)}:focus-visible{outline:3px solid var(--mint);outline-offset:4px}.container{width:min(calc(100% - 64px),var(--max));margin-inline:auto}.skip-link{position:fixed;z-index:200;top:-100px;left:15px;padding:10px 16px;color:#07101c;background:var(--gold)}.skip-link:focus{top:12px}.topline{background:#0d2234;height:32px;border-bottom:1px solid rgba(255,255,255,.08);color:var(--mint);font:700 10px/1 var(--body);letter-spacing:.16em}.topline-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.topline-right{display:flex;align-items:center;gap:9px;color:#b3c4d2}.topline-star{color:var(--gold)}.live-led,.score-pip{display:inline-block;width:7px;height:7px;border-radius:100%;background:var(--mint);box-shadow:0 0 0 4px rgba(89,239,211,.13)}
.site-header{position:sticky;z-index:50;top:0;background:rgba(7,16,28,.94);border-bottom:1px solid var(--stroke);backdrop-filter:blur(22px)}.navbar{height:80px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;gap:11px;align-items:center;min-width:205px}.brand img{width:51px;height:51px;object-fit:cover;box-shadow:0 0 0 1px var(--gold),5px 5px 0 rgba(255,202,70,.12)}.brand-name{font:900 20px/0.84 var(--display);letter-spacing:.03em;display:flex;flex-direction:column;white-space:nowrap}.brand-name strong{font-size:26px;color:var(--gold)}.brand-name small{font:800 7.5px/2 var(--body);letter-spacing:.27em;color:#94a5ba}.nav-links{display:flex;align-items:center;justify-content:center;gap:clamp(12px,2.25vw,29px);white-space:nowrap}.nav-links>a{font:800 12px/1 var(--display);letter-spacing:.075em;color:#bdc9d9;transition:color .15s}.nav-links>a:hover{color:var(--gold)}.nav-side{display:flex;align-items:center;gap:14px}.lang-link{font:800 12px/1 var(--body);padding:10px 7px;color:var(--muted)}.lang-link:hover{color:var(--gold)}.btn{min-height:47px;display:inline-flex;gap:13px;align-items:center;justify-content:center;padding:13px 21px;font:900 15px/1 var(--display);letter-spacing:.085em;text-transform:uppercase;cursor:pointer;border:1px solid transparent;transition:transform .17s ease,background .17s ease,box-shadow .17s ease;white-space:nowrap}.btn:hover{transform:translateY(-3px)}.btn-gold{color:#07101c;background:var(--gold);box-shadow:5px 5px 0 #9d661b}.btn-gold:hover{background:#ffdb7a;box-shadow:7px 7px 0 #9d661b}.btn-outline{color:var(--white);border-color:#708094;background:rgba(7,17,29,.46)}.btn-outline:hover{border-color:var(--mint);background:#142b3e}.btn-large{min-height:57px;padding:18px 26px;font-size:18px}.nav-mobile-cta,.menu-button{display:none}
/* Hero */
.hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 82% 47%,rgba(26,82,107,.28),transparent 56%),linear-gradient(135deg,#07101c,#0b1b2c 64%,#06101c);min-height:675px}.hero-grid-art{position:absolute;z-index:-2;inset:0;background-image:linear-gradient(rgba(137,189,206,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(137,189,206,.035) 1px,transparent 1px);background-size:41px 41px;mask-image:linear-gradient(90deg,transparent,black)}.hero-glow{position:absolute;z-index:-2;width:800px;height:800px;right:-290px;top:-210px;border-radius:50%;background:radial-gradient(circle,rgba(32,202,182,.15),rgba(27,45,89,.1) 41%,transparent 65%)}.hero-layout{display:grid;grid-template-columns:1.02fr 1fr;align-items:center;gap:38px;min-height:645px;padding:72px 0 96px}.hero-copy{position:relative;z-index:4}.eyebrow,.overline{display:inline-flex;align-items:center;gap:10px;color:var(--mint);font:800 11px/1.2 var(--body);letter-spacing:.16em;text-transform:uppercase}.eyebrow-square{height:8px;width:8px;background:var(--mint);box-shadow:4px 4px 0 rgba(89,239,211,.23)}.eyebrow-line{width:24px;height:1px;background:#6b889c}.hero h1{margin:20px 0 20px;line-height:.84;letter-spacing:-.03em}.game-label{display:block;color:#e6edf7;font:800 clamp(19px,2vw,27px)/1 var(--display);letter-spacing:.075em;margin-bottom:17px}.hero-headline{font:900 clamp(80px,8vw,121px)/.82 var(--display);letter-spacing:-.012em;display:block;text-shadow:0 10px 35px rgba(0,0,0,.26)}.hero-headline em{font-style:normal;color:var(--gold);text-shadow:3px 5px 0 rgba(117,75,15,.37)}.hero-copy>p{font-size:16px;line-height:1.9;max-width:518px;color:#bfcbda;margin-bottom:30px}.hero-copy>p strong{color:var(--white);font-weight:800}.hero-buttons{display:flex;gap:14px;flex-wrap:wrap}.play-dot{background:rgba(89,239,211,.14);color:var(--mint);border-radius:50%;width:28px;height:28px;display:inline-grid;place-items:center;font-size:10px;margin:-5px 0}.hero-notes{display:flex;flex-wrap:wrap;gap:11px 22px;color:#91a7bc;font-size:12px;font-weight:700;margin-top:36px}.note-diamond{color:var(--mint);font-size:10px;margin-right:7px}.hero-visual{position:relative;min-height:470px;display:flex;align-items:center;filter:drop-shadow(0 28px 30px rgba(0,0,0,.34))}.hero-visual-outline{position:absolute;inset:4% 0 6% 1%;border:2px solid rgba(255,202,70,.35);transform:rotate(3deg);z-index:-1}.hero-visual-inner{position:relative;overflow:hidden;border:1px solid #8e733c;clip-path:polygon(3% 0,100% 0,100% 93%,97% 100%,0 100%,0 7%);background:#153450;width:100%;box-shadow:18px 22px 0 rgba(255,202,70,.08)}.hero-visual-inner img{width:100%;height:425px;object-fit:cover;object-position:44% 50%;filter:saturate(1.12) contrast(1.04)}.hero-visual-inner::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,10,20,.35),transparent 45%);pointer-events:none}.hero-tag{position:absolute;z-index:2;background:#06101b;box-shadow:4px 4px 0 rgba(0,0,0,.3);border:1px solid #576779;color:#ebf2fc;padding:10px 13px;font:800 11px/1 var(--body);letter-spacing:.08em}.top-tag{top:0;right:-12px;color:var(--mint);transform:rotate(3deg)}.bottom-tag{bottom:8px;right:11px;display:flex;align-items:center;gap:13px;font-size:10px}.hero-real-thumb{position:absolute;z-index:3;left:-47px;bottom:-17px;width:45%;transform:rotate(-4deg);border:4px solid #0b1825;outline:2px solid #f7c847;background:#081829;box-shadow:16px 24px 25px rgba(0,0,0,.38)}.hero-real-thumb img{width:100%;height:112px;object-fit:cover}.hero-real-thumb span{display:block;padding:6px 10px;background:#101d2a;color:var(--mint);text-align:center;font:800 9px/1 var(--body);letter-spacing:.18em}.hero-bottomfade{position:absolute;bottom:0;left:0;width:100%;height:65px;background:linear-gradient(transparent,var(--bg));z-index:-1}
.stats-wrap{position:relative;z-index:5;margin-top:-46px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--stroke);border:1px solid #375066;box-shadow:0 25px 45px rgba(0,0,0,.28)}.stat{background:linear-gradient(145deg,#15293e,#0f2236);display:flex;align-items:center;justify-content:center;gap:21px;padding:22px 24px}.stat-number{font:900 63px/.95 var(--display);letter-spacing:-.01em;color:var(--gold);white-space:nowrap}.stat-unit{font-size:24px;color:var(--mint);margin-left:5px;letter-spacing:.03em}.stat-label{font:800 12px/1.3 var(--body);max-width:110px;color:#d5e2ec;letter-spacing:.08em}.marquee{height:45px;overflow:hidden;margin-top:47px;display:flex;align-items:center;position:relative;background:var(--gold);color:#0e1d25;border-top:1px solid #ffdf8c;border-bottom:1px solid #9e6722;transform:rotate(-.2deg) scale(1.004)}.marquee-track{white-space:nowrap;display:flex;align-items:center;gap:80px;animation:marquee 32s linear infinite;min-width:max-content;font:900 21px/1 var(--display);letter-spacing:.13em}.marquee-track span{display:block}@keyframes marquee{to{transform:translateX(-50%)}}
/* General sections */
.section{padding:110px 0}.section-heading{display:grid;grid-template-columns:1.05fr .72fr;gap:40px;align-items:end;margin-bottom:44px}.overline{font-size:11px;color:var(--mint)}h2{font:900 clamp(52px,6vw,83px)/.88 var(--display);letter-spacing:.008em;margin:17px 0 0;text-transform:uppercase}h2 em{font-style:normal;color:var(--gold)}.section-heading>p,.career-copy>p,.trailer-left>p,.challenge-layout>div>p,.faq-intro>p{color:var(--muted);line-height:1.88;font-size:15px;margin-bottom:0}.section-heading>p{max-width:385px;padding-bottom:4px}.gameplay-section{background:#07101c}.gameplay-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:22px}.gameplay-screen{background:#05111e;border:1px solid #304959;padding:11px;box-shadow:0 15px 0 rgba(9,25,36,.55),0 32px 58px rgba(0,0,0,.24)}.screen-top,.screen-foot{font:800 10px/1.3 var(--body);letter-spacing:.13em;color:#8fa5b8;display:flex;justify-content:space-between;align-items:center;gap:10px}.screen-top{height:26px;padding:0 5px 10px}.screen-top b{color:#ff6d5e}.screen-lights{display:flex;gap:5px}.screen-lights i{width:7px;height:7px;background:#ffca46;display:block}.screen-lights i:first-child{background:#fa726a}.screen-lights i:last-child{background:var(--mint)}.gameplay-screen video{width:100%;aspect-ratio:1280/576;object-fit:contain;background:#000;border:1px solid #4b6e7e;cursor:pointer}.screen-foot{padding:13px 4px 4px;font-size:9px}.screen-foot span:first-child{display:flex;align-items:center;gap:12px}.screen-foot .score-pip{width:5px;height:5px}.move-list{display:grid;grid-template-rows:repeat(3,1fr);gap:12px}.move-card{display:flex;gap:20px;align-items:center;padding:18px 24px;background:#102033;border:1px solid var(--stroke);border-left:3px solid var(--gold);transition:background .17s,transform .17s}.move-card:hover{background:#152b40;transform:translateX(4px)}.move-glyph{font:900 40px/1 var(--display);color:var(--gold);width:44px;text-align:center;flex-shrink:0}.move-id{font:800 10px/1 var(--body);letter-spacing:.15em;color:var(--mint)}.move-card h3{font:800 28px/1.12 var(--display);margin:7px 0 6px}.move-card p{font-size:12px;line-height:1.6;color:#9aafc0;margin:0}.note-box{display:flex;align-items:center;gap:16px;padding:18px 23px;margin-top:22px;border:1px solid #23495a;background:rgba(89,239,211,.037)}.note-box-icon{width:32px;height:32px;display:grid;place-items:center;flex-shrink:0;border:1px solid var(--mint);color:var(--mint);font:900 22px/1 var(--display)}.note-box p{color:#a2b7c6;font-size:12px;line-height:1.6;flex:1;margin:0}.note-box p strong{color:#e0ecf2}.note-box a,.text-arrow{font:900 15px/1.3 var(--display);letter-spacing:.09em;color:var(--gold)}.note-box a{white-space:nowrap}.text-arrow:hover,.note-box a:hover{color:#ffdf89}
/* Career */
.career-section{position:relative;isolation:isolate;background:linear-gradient(125deg,#071522,#10283d);overflow:hidden;border-block:1px solid rgba(255,255,255,.09)}.career-bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 84% 34%,rgba(255,202,70,.07),transparent 51%),repeating-linear-gradient(90deg,transparent 0,transparent 77px,rgba(92,143,169,.03) 78px,transparent 79px)}.career-layout{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:72px}.career-copy>p{margin:25px 0;max-width:525px}.career-stages{margin:29px 0 36px}.career-stages article{display:flex;align-items:flex-start;gap:21px;padding:18px 0;border-top:1px solid #325066}.stage-number{font:900 34px/.85 var(--display);color:var(--mint)}.career-stages h3{font:900 22px/1.1 var(--display);letter-spacing:.045em;margin:0 0 4px}.career-stages p{color:#9db2c4;font-size:13px;line-height:1.6;margin:0}.career-visual{position:relative;padding:14px 0 58px}.career-frame{position:relative;border:2px solid rgba(255,202,70,.65);background:#0e2131;transform:rotate(2deg);box-shadow:13px 18px 0 #102032,0 40px 55px rgba(0,0,0,.25)}.career-frame img{width:100%;height:400px;object-fit:cover;object-position:50% 50%}.career-overlay-badge{position:absolute;bottom:-17px;left:-18px;padding:11px 15px;color:#07101c;background:var(--gold);font:900 15px/1 var(--display);letter-spacing:.09em;transform:rotate(-2deg)}.career-quotation{position:absolute;bottom:-12px;right:0;text-align:right;font:900 clamp(24px,3.25vw,44px)/.95 var(--display);letter-spacing:.05em;transform:rotate(-2deg);text-shadow:2px 3px 0 #000}.career-quotation span{font-size:53px;color:var(--mint)}.career-quotation em{font-style:normal;color:var(--gold)}
/* Trailer */
.trailer-section{background:#091321;border-bottom:1px solid #1b3447;overflow:hidden}.trailer-layout{display:grid;grid-template-columns:1fr 345px .48fr;gap:58px;align-items:center}.trailer-left>p{max-width:460px;margin:25px 0 26px}.trait-list{display:flex;flex-direction:column;gap:12px;margin-bottom:35px}.trait-list span{font:800 11px/1.2 var(--body);letter-spacing:.14em;color:#d1e0e8}.trailer-card{position:relative;display:block;margin:auto;background:#0e1e32;border:5px solid #2a4961;padding:0;width:min(100%,320px);aspect-ratio:9/15.2;overflow:hidden;cursor:pointer;box-shadow:13px 17px 0 rgba(255,202,70,.11),0 22px 55px rgba(0,0,0,.35);transform:rotate(2.2deg);transition:transform .2s,border-color .2s}.trailer-card:hover{transform:rotate(0) translateY(-4px);border-color:var(--gold)}.trailer-card img{width:100%;height:100%;object-fit:cover;object-position:center}.trailer-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,10,20,.92),transparent 33%,rgba(3,10,20,.1));pointer-events:none}.trailer-play{position:absolute;z-index:1;top:48%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;padding-left:4px;width:72px;height:72px;border-radius:50%;background:var(--gold);color:#07101c;font-size:27px;box-shadow:0 0 0 12px rgba(255,202,70,.19)}.trailer-caption{position:absolute;z-index:1;left:18px;right:18px;bottom:21px;display:flex;justify-content:space-between;align-items:center;font:900 22px/1 var(--display);letter-spacing:.06em}.trailer-caption b{color:var(--gold)}.trailer-side{align-self:stretch;border-left:1px solid #2e4557;padding:15px 0 25px 24px;display:flex;flex-direction:column;justify-content:center;gap:21px}.side-num{font:900 107px/.75 var(--display);color:var(--gold)}.side-num span{font-size:32px;color:var(--mint);margin-left:4px}.trailer-side>span:nth-child(2){font:900 20px/1.18 var(--display);letter-spacing:.07em}.side-mini-divider{width:50px;height:3px;background:var(--gold)}.trailer-side .side-accent{color:var(--mint);font:800 10px/1.4 var(--body);letter-spacing:.15em}
/* Gallery */
.gallery-section{background:linear-gradient(#07111e,#0b1a2d)}.gallery-heading{margin-bottom:30px}.gallery-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.filter-btn{border:1px solid #345067;background:transparent;color:#aebecf;padding:12px 16px;font:900 16px/1 var(--display);letter-spacing:.08em;cursor:pointer;transition:color .18s,background .18s}.filter-btn:hover{color:var(--white)}.filter-btn.selected{background:var(--gold);border-color:var(--gold);color:#09131b}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.gallery-item{padding:0;position:relative;border:1px solid #345066;background:#102338;cursor:zoom-in;text-align:left;overflow:hidden;min-height:230px;aspect-ratio:16/9}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .32s,filter .32s}.gallery-item:hover img{transform:scale(1.06);filter:brightness(1.13)}.gallery-item::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(2,8,17,.94));pointer-events:none}.gallery-overlay{position:absolute;z-index:2;bottom:17px;left:21px;right:21px;display:flex;align-items:end;justify-content:space-between;gap:14px}.gallery-overlay strong{font:900 30px/.92 var(--display);letter-spacing:.045em}.gallery-overlay small{font:800 10px/1.3 var(--body);letter-spacing:.06em;color:var(--mint);white-space:nowrap}.gallery-item[hidden]{display:none!important}.gallery-disclaimer{font-size:12px;color:#7f95a9;line-height:1.7;margin:22px 0 0}
/* Quiz */
.challenge-section{background:#0b1c2c;border-block:1px solid #2a4259}.challenge-layout{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:center}.challenge-layout>div>p{max-width:500px;margin:23px 0 27px}.quiz-actions{display:flex;gap:11px;flex-wrap:wrap}.quiz-btn{background:#0a1828;color:#e9f3f9;border:1px solid #66859a;padding:16px 19px;font:900 21px/1 var(--display);cursor:pointer;letter-spacing:.07em}.quiz-btn:hover,.quiz-btn.is-selected{background:var(--gold);color:#07101c;border-color:var(--gold)}.quiz-answer{min-height:46px!important;display:flex;align-items:center;color:var(--mint)!important;font:800 12px/1.65 var(--body)!important;letter-spacing:.08em}.challenge-layout .text-arrow{display:inline-block;margin-top:14px}.challenge-picture{position:relative;justify-self:end;width:min(100%,480px);padding:12px;border:1px solid #6e7e7c;box-shadow:13px 13px 0 rgba(89,239,211,.08);transform:rotate(-2deg)}.challenge-picture img{width:100%;aspect-ratio:1;object-fit:cover}.challenge-corner{position:absolute;bottom:-17px;right:-15px;background:var(--gold);color:#07101c;padding:11px 15px;font:900 16px/1 var(--display);letter-spacing:.05em}
/* FAQ and CTA */
.faq-section{background:#081422}.faq-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:90px}.faq-intro>p{margin-top:25px;max-width:310px}.faq-mark{margin-top:27px;font:900 170px/.8 var(--display);color:rgba(89,239,211,.085)}.faq-items{border-top:1px solid #31495b}.faq-items details{border-bottom:1px solid #31495b}.faq-items summary{padding:23px 27px 23px 0;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:13px;font:800 18px/1.4 var(--body)}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary::after{content:'+';color:var(--gold);font:900 28px/1 var(--display);flex-shrink:0}.faq-items details[open] summary::after{content:'−'}.faq-items details p{color:#a7b9c7;font-size:14px;line-height:1.9;margin:0 0 25px}.faq-items details p a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}.last-cta{position:relative;isolation:isolate;padding:108px 0;text-align:center;overflow:hidden;background:#070e1a}.last-cta-bg{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,12,22,.9),rgba(5,12,22,.72)),url(images/runner-art.webp) center/cover;filter:saturate(.85)}.last-cta .overline{color:var(--mint)}.last-cta h2{font-size:clamp(54px,7.5vw,100px);margin-top:17px}.last-cta p{max-width:520px;margin:22px auto 28px;color:#d0dfec;line-height:1.75}.last-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:17px}
.footer{padding:40px 0 26px;background:#060e18;border-top:2px solid var(--gold)}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-bottom:35px}.footer-logo{display:flex;align-items:center;gap:13px;font:900 22px/.93 var(--display);letter-spacing:.035em}.footer-logo img{border:1px solid #755b28}.footer-logo span{max-width:145px}.footer-logo strong{color:var(--gold)}.footer-top p{font-size:12px;max-width:310px;color:#8297a8;margin:0;line-height:1.65}.back-top{font:800 11px/1 var(--body);letter-spacing:.12em;color:var(--mint)}.footer-bottom{border-top:1px solid #263549;padding-top:27px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:10px;font-weight:800;letter-spacing:.09em;color:#73899b}.footer-links{display:flex;flex-wrap:wrap;gap:20px}.footer-links a{color:#a2b6c6}.footer-links a:hover{color:var(--gold)}
.mobile-download{display:none}.trailer-dialog,.image-dialog{position:fixed;z-index:110;margin:auto;background:#081622;border:1px solid #4d6676;color:#fff;max-width:min(94vw,780px);max-height:92vh;padding:16px;box-shadow:0 0 0 400vmax rgba(0,0,0,.85)}dialog::backdrop{background:rgba(0,0,0,.86);backdrop-filter:blur(5px)}.trailer-dialog .dialog-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px;font:900 15px/1 var(--display);letter-spacing:.08em}.dialog-close{border:1px solid #526978;color:var(--white);padding:9px 12px;background:#203347;font:900 15px/1 var(--display);cursor:pointer}.dialog-close:hover{background:var(--gold);color:#09131b}.trailer-dialog video{display:block;margin:auto;max-height:70vh;width:auto;max-width:100%;background:#000}.trailer-dialog p{text-align:center;color:#9aafbc;font-size:12px;margin:12px 0 0}.trailer-dialog p a{color:var(--gold);text-decoration:underline}.image-dialog{max-width:min(94vw,1240px);padding:22px}.image-dialog .dialog-close{display:block;margin:0 0 12px auto}.image-dialog figure{margin:0;text-align:center}.image-dialog img{max-height:74vh;max-width:100%;width:auto;margin:auto;object-fit:contain}.image-dialog figcaption{font-size:13px;color:#cfdfeb;margin-top:12px}.site-toast{position:fixed;bottom:35px;left:50%;z-index:140;transform:translate(-50%,35px);pointer-events:none;opacity:0;background:var(--gold);color:#07101c;padding:12px 18px;font:800 13px var(--body);max-width:85vw;text-align:center;box-shadow:0 8px 25px #0008;transition:opacity .25s,transform .25s}.site-toast.visible{opacity:1;transform:translate(-50%,0)}
/* Guides */
.article-hero{padding:88px 0 55px;background:radial-gradient(ellipse at 75% 30%,rgba(60,103,139,.18),transparent 50%),#081725;border-bottom:1px solid var(--stroke)}.article-hero .eyebrow{color:var(--mint)}.article-hero h1{font:900 clamp(60px,8vw,110px)/.9 var(--display);margin:25px 0;max-width:900px}.article-hero h1 em{font-style:normal;color:var(--gold)}.article-hero p{max-width:700px;color:#b8cad9;font-size:17px;line-height:1.85}.breadcrumb{font:800 12px/1 var(--body);color:#a7b7c9;letter-spacing:.045em}.breadcrumb a{color:var(--mint)}.article-body{padding:60px 0 115px;display:grid;grid-template-columns:minmax(0,750px) minmax(220px,280px);justify-content:space-between;gap:50px}.article-content h2{font:900 clamp(32px,4vw,46px)/1 var(--display);margin:42px 0 15px}.article-content h3{font:900 28px/1 var(--display);margin:35px 0 13px}.article-content p,.article-content li{color:#adbecc;font-size:15px;line-height:1.95}.article-content ul,.article-content ol{padding-left:22px}.article-content li{margin:8px 0}.article-content img{border:1px solid #4b6474;width:100%;height:auto;margin:20px 0 12px}.article-content a{color:var(--gold);text-decoration:underline;text-underline-offset:4px}.article-side{padding-top:10px}.side-card{background:#142537;border:1px solid #365068;padding:24px;position:sticky;top:110px}.side-card img{width:100%;height:auto}.side-card h3{margin-top:20px;font:900 32px/1 var(--display)}.side-card p{font-size:13px;color:#9fb2c5;line-height:1.7}.side-card .btn{width:100%;white-space:normal;text-align:center}.article-callout{padding:23px;background:#11283b;border-left:4px solid var(--gold);margin:25px 0}.article-callout p{margin:0!important;color:#d6e5f2!important}
@media(max-width:1160px){.navbar{gap:15px}.nav-links{gap:13px}.nav-links>a{font-size:11px}.nav-download{font-size:13px;padding-inline:13px}.hero-headline{font-size:clamp(69px,8vw,105px)}.hero-visual-inner img{height:375px}.hero-visual{min-height:420px}.trailer-layout{gap:27px;grid-template-columns:1fr 310px .42fr}.career-layout{gap:40px}}
@media(max-width:960px){.topline{height:28px}.navbar{height:69px}.nav-links{position:absolute;top:69px;left:0;right:0;background:#081723;border-bottom:1px solid #3d5563;box-shadow:0 28px 35px rgba(0,0,0,.33);padding:20px 34px;display:none;flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links>a{padding:14px 0;border-bottom:1px solid #2d4252;font-size:16px}.nav-links>a:last-child{border-bottom:0}.nav-mobile-cta{display:block!important;color:var(--gold)!important}.menu-button{width:44px;height:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #3c566a;background:#0e2030;color:var(--white);cursor:pointer}.menu-button span{display:block;width:19px;height:2px;background:currentColor}.hero-layout{grid-template-columns:1fr 1fr;gap:22px;min-height:585px;padding:75px 0 87px}.hero-headline{font-size:clamp(59px,7.2vw,78px)}.hero-visual{min-height:340px}.hero-visual-inner img{height:305px}.hero-real-thumb img{height:83px}.game-label{font-size:19px}.hero-copy>p{font-size:14px;line-height:1.8}.hero-buttons .btn{font-size:15px;min-height:50px;padding:14px 16px}.hero-notes{gap:10px;font-size:11px}.stats-wrap{margin-top:-28px}.stat{gap:12px;padding:15px}.stat-number{font-size:50px}.stat-unit{font-size:20px}.stat-label{font-size:10px}.section{padding:85px 0}.gameplay-layout{grid-template-columns:1fr}.move-list{grid-template-columns:repeat(3,1fr);grid-template-rows:auto}.move-card{align-items:flex-start;padding:15px;gap:9px}.move-glyph{font-size:27px;width:23px}.move-card h3{font-size:24px}.trailer-layout{grid-template-columns:.95fr 260px;gap:35px}.trailer-side{display:none}.career-layout{gap:30px}.career-frame img{height:300px}.challenge-layout{gap:35px}.faq-layout{gap:38px}.article-body{grid-template-columns:minmax(0,1fr) 230px;gap:25px}}
@media(max-width:680px){html{scroll-padding-top:75px}.container{width:min(calc(100% - 36px),var(--max))}.topline{font-size:8px}.topline-inner>span:first-child{display:none}.topline-inner{justify-content:center}.navbar{height:67px}.brand{min-width:0;gap:8px}.brand img{width:40px;height:40px}.brand-name{font-size:16px}.brand-name strong{font-size:23px}.brand-name small{font-size:6px}.nav-download{display:none}.lang-link{font-size:12px}.nav-links{top:67px;padding:17px 21px}.hero{min-height:0}.hero-layout{grid-template-columns:1fr;min-height:0;padding:66px 0 90px;gap:24px}.hero-copy{order:1}.hero-visual{order:0;min-height:0;display:block;width:min(100%,500px);margin:0 auto 23px}.hero-visual-inner img{height:auto;aspect-ratio:16/8.3;object-fit:cover}.hero-tag{font-size:8px;padding:7px 9px}.top-tag{top:-12px;right:0}.bottom-tag{bottom:-15px;right:2px}.hero-real-thumb{width:37%;left:-2px;bottom:-33px;border-width:3px}.hero-real-thumb img{height:53px}.hero-real-thumb span{font-size:7px;padding:5px}.eyebrow{font-size:9px}.hero h1{margin:13px 0 18px}.game-label{font-size:19px;margin-bottom:10px}.hero-headline{font-size:clamp(73px,14.1vw,100px);line-height:.81}.hero-copy>p{font-size:14px;line-height:1.73;max-width:95%;margin-bottom:23px}.hero-buttons{gap:11px}.hero-buttons .btn{flex:1 1 100%;font-size:17px;min-height:51px}.hero-notes{margin-top:23px;gap:9px 14px}.stats-wrap{margin-top:-48px}.stats-grid{gap:0}.stat{display:flex;flex-direction:column;gap:7px;padding:12px 5px;text-align:center;min-height:100px}.stat-number{font-size:42px}.stat-unit{font-size:15px}.stat-label{max-width:110px;font-size:8px}.marquee{margin-top:31px;height:38px}.marquee-track{font-size:17px}.section{padding:75px 0}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin:17px 0 0;font-size:13px;max-width:100%}h2{font-size:clamp(53px,11vw,76px)}.overline{font-size:10px}.screen-top,.screen-foot{font-size:8px;letter-spacing:.05em}.screen-foot{flex-wrap:wrap;gap:5px}.gameplay-layout{gap:17px}.move-list{grid-template-columns:1fr;gap:8px}.move-card{padding:16px;align-items:center;gap:18px}.move-glyph{font-size:36px;width:37px}.move-card h3{font-size:26px}.move-card p{font-size:12px}.note-box{flex-wrap:wrap;padding:15px;gap:13px}.note-box p{flex:1 1 calc(100% - 60px);font-size:11px}.note-box a{flex-basis:100%;margin-left:45px;font-size:14px}.career-layout{grid-template-columns:1fr;gap:29px}.career-copy>p{margin:18px 0}.career-stages{margin:24px 0}.career-stages article{padding:13px 0}.career-visual{padding:8px 5px 36px}.career-frame{transform:rotate(1deg)}.career-frame img{height:auto;aspect-ratio:2.1}.career-overlay-badge{font-size:12px}.career-quotation{font-size:30px;bottom:-19px}.trailer-layout{grid-template-columns:1fr;gap:35px}.trailer-left>p{margin:18px 0}.trait-list{margin-bottom:25px}.trailer-card{max-width:315px;aspect-ratio:9/15.2}.gallery-grid{grid-template-columns:1fr;gap:13px}.gallery-item{min-height:0}.gallery-overlay strong{font-size:28px}.gallery-overlay small{font-size:9px}.gallery-filters{gap:7px}.filter-btn{font-size:14px;padding:11px}.challenge-layout{grid-template-columns:1fr;gap:35px}.challenge-layout>div>p{margin:18px 0}.challenge-picture{width:min(100%,350px);justify-self:center}.challenge-corner{font-size:13px}.quiz-actions{gap:8px}.quiz-btn{font-size:19px;padding:12px 17px}.faq-layout{grid-template-columns:1fr;gap:29px}.faq-intro>p{margin-top:18px}.faq-mark{display:none}.faq-items summary{font-size:15px;padding:20px 15px 20px 0}.faq-items details p{font-size:13px}.last-cta{padding:73px 0 100px}.last-cta h2{font-size:clamp(52px,10vw,76px)}.last-cta p{font-size:13px}.last-actions .btn{width:100%}.footer{padding:35px 0 95px}.footer-top{align-items:flex-start;flex-direction:column;gap:17px}.footer-top p{max-width:100%}.footer-bottom{align-items:flex-start;flex-direction:column;gap:18px}.footer-links{gap:10px 15px}.mobile-download{display:block;position:fixed;z-index:45;bottom:0;left:0;right:0;padding:12px 15px max(13px,env(safe-area-inset-bottom));background:rgba(7,16,28,.95);border-top:1px solid #435a68;backdrop-filter:blur(15px)}.mobile-download a{display:flex;justify-content:center;align-items:center;gap:8px;padding:11px;background:var(--gold);color:#08131c;font:900 19px/1 var(--display);box-shadow:3px 3px 0 #895b1c}.mobile-download a span{margin-left:6px}.site-toast{bottom:87px}.trailer-dialog{padding:9px;width:94vw}.trailer-dialog .dialog-header{font-size:11px;gap:8px}.dialog-close{font-size:12px;padding:7px}.article-hero{padding:60px 0 40px}.article-hero h1{font-size:clamp(55px,12vw,82px)}.article-hero p{font-size:14px}.article-body{display:block;padding:40px 0 90px}.article-side{margin-top:35px}.side-card{position:static}.article-content p,.article-content li{font-size:14px}.article-content h2{font-size:38px}}
@media(max-width:395px){.hero-headline{font-size:clamp(63px,14.3vw,76px)}.brand-name{font-size:14px}.brand-name strong{font-size:21px}.brand img{width:36px;height:36px}.hero-notes{font-size:10px}.quiz-btn{font-size:17px;padding:11px}.stat-number{font-size:36px}.stat-unit{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:0.001ms!important}}
/* Refinamentos: evitar que fontes de fallback alterem o ritmo da hero. */
.hero-headline{font-size:clamp(54px,6.3vw,92px);white-space:nowrap;letter-spacing:-.035em}
.gameplay-screen video{height:auto;aspect-ratio:1280/576}
.gallery-item{color:var(--white)}
@media(max-width:960px){.hero-headline{font-size:clamp(47px,6vw,55px)}}
@media(max-width:680px){.hero-headline{font-size:clamp(47px,12vw,65px)}.career-quotation{position:relative;bottom:auto;right:auto;text-align:center;transform:none;font-size:29px;margin:36px auto 0;line-height:1.05}.career-quotation span{font-size:38px}}
@media(max-width:395px){.hero-headline{font-size:47px}}
.marquee{transform:none}
.gallery-item{min-height:0}
@media(max-width:680px){.challenge-corner{right:0}}
.career-visual{padding-bottom:0}
.career-quotation{position:relative;bottom:auto;right:auto;margin:47px 0 0;text-align:right;transform:none;font-size:clamp(27px,2.5vw,39px);line-height:.95}
@media(max-width:680px){.career-quotation{font-size:29px;margin:42px 0 0;text-align:center}}

/* 2026-10-15: two original game-footage clips + on-demand YouTube trailer */
.gameplay-video-column{min-width:0;align-self:start}
.gameplay-video-column .gameplay-screen{width:100%}
.clip-switcher{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:22px}
.clip-option{display:grid;grid-template-columns:minmax(69px,102px) minmax(0,1fr) 16px;align-items:center;gap:10px;min-width:0;padding:9px;text-align:left;background:#0b1d2b;border:1px solid #385368;border-left:3px solid transparent;color:#f0f6fc;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.clip-option img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid #3a5969;image-rendering:auto}
.clip-option strong{display:block;font:900 clamp(13px,1.5vw,18px)/1.02 var(--display);letter-spacing:.035em}
.clip-option small{display:block;margin-top:6px;font:600 10px/1.4 var(--body);color:#adc2d1}
.clip-play{color:#ffca46;font-size:13px;text-align:center}
.clip-option.is-current,.clip-option:hover{background:#193448;border-color:#ffca46;border-left-color:#ffca46}
.clip-option:focus-visible,.trailer-youtube-links a:focus-visible{outline:3px solid #6bf2ce;outline-offset:4px}
.trailer-youtube-links{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:15px 0 0!important;font:800 11px/1.4 var(--body)!important;letter-spacing:.035em!important;color:#c9d8e3!important}
.trailer-youtube-links a{color:#ffdb6d;text-decoration:underline;text-underline-offset:3px}
.guide-link{margin:19px 0 0;font:800 12px/1.5 var(--body);letter-spacing:.03em}
.guide-link a{color:#ffdc77;text-decoration:underline;text-underline-offset:5px}
.trailer-dialog{width:min(94vw,940px);max-width:940px}
.youtube-player-shell{position:relative;background:#000;aspect-ratio:16/9;width:100%;overflow:hidden;border:1px solid #334d63}
.youtube-player-shell iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000;display:block}
.trailer-dialog p{line-height:1.6}
@media(max-width:1140px){.clip-option{grid-template-columns:70px minmax(0,1fr) 10px;gap:7px}.clip-option strong{font-size:14px}.clip-option small{font-size:9px}}
@media(max-width:960px){.clip-option{grid-template-columns:110px minmax(0,1fr) 16px;gap:14px}.clip-option strong{font-size:17px}}
@media(max-width:680px){.clip-switcher{grid-template-columns:1fr;gap:8px;margin-top:18px}.clip-option{grid-template-columns:105px minmax(0,1fr) 16px;padding:8px}.clip-option strong{font-size:18px}.clip-option small{font-size:11px}.trailer-dialog{max-height:90dvh;overflow-y:auto}.youtube-player-shell{aspect-ratio:16/9}}


/* PixelPicked — discovery badge */
.pixelpicked-feature{position:relative;padding:22px 0 25px;background:#091726;border-bottom:1px solid rgba(255,202,70,.2);border-top:1px solid rgba(255,202,70,.13)}
.pixelpicked-inner{display:flex;justify-content:space-between;align-items:center;gap:32px;min-height:116px}
.pixelpicked-detail{flex:1;min-width:0}.pixelpicked-kicker{display:flex;align-items:center;gap:10px;color:var(--mint);font:800 11px/1.5 var(--body);letter-spacing:.16em}.pixelpicked-pip{width:8px;height:8px;background:var(--mint);transform:rotate(45deg)}
.pixelpicked-detail h2{font:900 clamp(26px,2.8vw,43px)/1 var(--display);letter-spacing:.025em;margin:11px 0 7px}.pixelpicked-detail h2 span{color:var(--gold)}
.pixelpicked-detail p{margin:0;max-width:630px;color:#b8c8d7;font-size:13px;line-height:1.6}
.pixelpicked-badge-link{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:280px;padding:12px 16px 11px;background:#0e2134;border:1px solid rgba(255,202,70,.3);box-shadow:5px 5px 0 rgba(255,202,70,.09);transition:border-color .2s,transform .2s}
.pixelpicked-badge-link:hover{transform:translateY(-2px);border-color:var(--gold)}
.pixelpicked-badge-link img{width:250px;height:54px;object-fit:contain}
.pixelpicked-badge-link>span{color:var(--gold);font:800 10px/1.5 var(--body);letter-spacing:.13em}
@media(max-width:760px){.pixelpicked-inner{gap:22px;flex-direction:column;align-items:stretch}.pixelpicked-detail h2{font-size:37px}.pixelpicked-badge-link{align-self:flex-start;min-width:unset;width:min(100%,320px)}.pixelpicked-feature{padding:26px 0 32px}}
/* Analytics consent / clear privacy controls — GA tag is blocked until opt-in. */
[hidden]{display:none!important}
.privacy-footer-strip{display:flex;justify-content:center;align-items:center;gap:12px;padding:12px 0 4px;color:#92a9bd;font:700 11px/1.5 var(--body);letter-spacing:.07em;flex-wrap:wrap}
.privacy-footer-strip a,.privacy-settings-button{color:#c1d6e7;text-decoration:underline;text-underline-offset:3px}
.privacy-settings-button{background:none;border:0;padding:2px 3px;cursor:pointer;font:inherit;letter-spacing:inherit}
.privacy-settings-button:hover,.privacy-footer-strip a:hover{color:var(--gold)}
.consent-banner{position:fixed;z-index:150;bottom:16px;left:50%;transform:translateX(-50%);width:min(1100px,calc(100% - 32px));display:flex;align-items:center;justify-content:space-between;gap:28px;padding:18px 20px;background:#0d2034;border:1px solid #4d718a;box-shadow:0 18px 60px rgba(0,0,0,.55);border-radius:12px}
.consent-banner-copy{flex:1;min-width:0}.consent-banner-copy strong{font:900 22px/1.1 var(--display);letter-spacing:.06em;color:var(--gold)}
.consent-banner-copy p{color:#d0dae5;font-size:12px;line-height:1.55;margin:5px 0 0}.consent-banner-copy a{color:var(--mint);text-decoration:underline;text-underline-offset:3px}
.consent-actions{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}.consent-actions button{min-height:42px;padding:11px 16px;font:800 12px/1 var(--body);letter-spacing:.04em;cursor:pointer}
.consent-reject{border:1px solid #8ba7bc;background:#162c40;color:#fff}.consent-reject:hover{background:#25435c}
.privacy-article{max-width:900px}.privacy-article .article-callout button{margin-top:4px}
@media(max-width:760px){.consent-banner{bottom:82px;gap:14px;align-items:stretch;flex-direction:column;max-height:70dvh;overflow:auto;padding:16px}.consent-actions{display:grid;grid-template-columns:1fr 1fr}.consent-actions button{font-size:10px;padding:10px 8px}.consent-banner-copy strong{font-size:21px}.pixelpicked-feature{border-top-color:rgba(255,202,70,.2)}}
@media(prefers-reduced-motion:reduce){.pixelpicked-badge-link{transition:none}}

/* Shown only if the remote PixelPicked badge cannot load. */
.pixelpicked-badge-face{display:none;width:250px;height:54px;align-items:center;gap:12px;padding:6px 13px;border:1px solid rgba(255,202,70,.42);background:linear-gradient(105deg,#10192b,#19283c);box-shadow:inset 0 0 0 2px rgba(5,9,18,.9)}
.pixelpicked-badge-link.is-unavailable .pixelpicked-badge-face{display:flex}
.pixelpicked-badge-link.is-unavailable img{display:none}
.pixelpicked-badge-logo{width:34px;height:34px;background:var(--gold);color:#09111c;font:900 27px/34px var(--display);text-align:center;clip-path:polygon(0 0,100% 0,100% 76%,76% 100%,0 100%)}
.pixelpicked-badge-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;line-height:1.2!important}
.pixelpicked-badge-copy strong{font:900 19px/1 var(--display);letter-spacing:.08em;color:#fff}
.pixelpicked-badge-copy small{font:800 9px/1.8 var(--body);color:var(--gold);letter-spacing:.18em}
.pixelpicked-badge-check{margin-left:auto;color:var(--mint);font-size:20px;font-weight:900}

/* The designed fallback remains visible while the live PixelPicked badge loads. */
.pixelpicked-badge-slot{width:250px;height:54px;position:relative;display:block}
.pixelpicked-badge-link .pixelpicked-badge-face{display:flex}
.pixelpicked-badge-link .pixelpicked-badge-slot img{position:absolute;inset:0;width:250px;height:54px;opacity:0;transition:opacity .15s}
.pixelpicked-badge-link.has-image .pixelpicked-badge-slot img{opacity:1}
.pixelpicked-badge-link.has-image .pixelpicked-badge-face{visibility:hidden}
.pixelpicked-badge-link.is-unavailable .pixelpicked-badge-slot img{opacity:0}