:root{--ink:#21122d;--deep:#110c17;--paper:#f4e6ce;--purple:#a570e8;--orange:#ec701b;--acid:#d0df8a;--body:'Barlow',Arial,sans-serif;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--hand:'Permanent Marker',cursive;--tear:polygon(0 1.3%,3% .6%,7% 1.4%,11% .3%,15% 1%,20% .2%,24% .9%,29% .1%,35% .8%,40% .3%,45% .7%,50% 0,56% .8%,61% .2%,66% .9%,71% .4%,77% 1.2%,82% .5%,88% 1.1%,93% .3%,97% 1.1%,100% .5%,100% 99%,96% 99.6%,90% 99%,85% 99.8%,80% 99.2%,74% 100%,69% 99.3%,64% 99.8%,58% 99.1%,53% 99.7%,48% 99.2%,42% 100%,36% 99.2%,30% 99.8%,24% 99.3%,19% 100%,14% 99.1%,9% 99.6%,4% 99%,0 99.5%)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--deep);color:var(--paper);font:500 17px/1.6 var(--body);overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{border:0}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:900;line-height:.9;letter-spacing:-.025em}h2{font-size:clamp(64px,7.8vw,126px)}h3{font-size:clamp(34px,3.5vw,54px)}h4{font:800 25px var(--display)}h1 em,h2 em{font-style:italic;color:var(--orange)}p+p{margin-top:18px}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:6px}::selection{background:var(--orange);color:var(--ink)}.hand{font:400 clamp(18px,1.7vw,26px)/1.4 var(--hand);color:var(--orange);transform:rotate(-3deg);margin-bottom:27px}.kicker{font:800 16px var(--body);letter-spacing:.1em;text-transform:uppercase}.skip{position:fixed;left:20px;top:-100px;background:var(--paper);color:var(--ink);padding:15px;z-index:1000}.skip:focus{top:10px}.paper{background:var(--paper);color:var(--ink);position:relative}.paper:after,.groups:after,.game-lineup:after,footer:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.76' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%238b6f58' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E");mix-blend-mode:multiply}.torn{clip-path:var(--tear)}.paint-button{font:800 23px/1.1 var(--display);text-transform:uppercase;letter-spacing:.02em;display:inline-flex;justify-content:center;align-items:center;gap:30px;padding:20px 36px;background:var(--orange);color:var(--ink);min-height:61px;clip-path:polygon(3% 8%,23% 4%,38% 7%,65% 2%,78% 6%,96% 0,99% 22%,97% 55%,100% 80%,95% 97%,68% 93%,51% 100%,36% 95%,3% 100%,5% 70%,0 51%);transform:rotate(-2deg);transition:transform .25s,background .25s;position:relative;z-index:2}.paint-button:hover{transform:rotate(1deg) translateY(-3px);background:#f4872f}.paint-button.light{background:var(--paper)}.paint-button.small{font-size:20px;padding:14px 24px;min-height:51px;gap:22px}.underlink{font:800 23px var(--display);display:inline-flex;gap:28px;align-items:center;border-bottom:2px solid currentColor;padding-block:8px}.site-header{position:absolute;left:0;top:0;width:100%;z-index:30;padding:22px 4.5vw;display:flex;align-items:center;gap:38px}.brand img{width:90px;height:80px;object-fit:contain}.site-header nav{display:flex;gap:28px;margin-left:auto;align-items:center}.site-header nav a{font:800 19px var(--display);text-transform:uppercase;letter-spacing:.025em}.site-header nav a:hover{color:var(--orange)}.menu-button{display:none;background:none;width:43px;height:44px;padding:9px}.menu-button span{display:block;background:var(--paper);height:3px;margin:6px 0;transform:rotate(-3deg)}.mobile-menu{position:fixed;inset:0;background:#21122df7;backdrop-filter:blur(12px);z-index:25;padding:145px 8vw 50px}.mobile-menu a{font:900 48px var(--display);display:block;margin-block:10px}.hero{height:150svh;position:relative}.hero-pin{height:100svh;min-height:680px;position:sticky;top:0;overflow:hidden;background:var(--ink)}.hero-art{position:absolute;width:100%;height:100%;object-fit:cover;object-position:58% center;will-change:transform}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#170d20b5,transparent 80%),linear-gradient(0deg,#110c17 0%,transparent 24%,transparent 80%,#170d2080)}.hero-copy{position:absolute;left:7vw;top:25%;z-index:2;transform-origin:15% 50%;will-change:transform,opacity}.hero-copy .kicker{margin-bottom:26px;color:#fbc894}.hero h1{font-size:clamp(85px,10.1vw,160px);line-height:.87;text-shadow:0 5px 0 #21122d,4px 9px 30px #110c1750;transform:rotate(-3deg);letter-spacing:-.03em}.hero h1 em{color:var(--paper);display:inline-block}.hero-sub{font-size:19px;line-height:1.55;margin-top:36px;font-weight:600;text-shadow:0 2px 10px #000}.hero-actions{display:flex;gap:30px;align-items:center;margin-top:28px}.trailer-button{background:transparent;display:flex;align-items:center;gap:12px;font:800 23px var(--display)}.play-circle{display:grid;place-items:center;width:48px;height:48px;border:1.5px solid var(--paper);border-radius:50%;font-size:15px;padding-left:2px}.hero-stamp{position:absolute;right:8%;bottom:17%;z-index:3;display:flex;flex-direction:column;justify-content:center;width:135px;height:135px;border:2px solid var(--paper);border-radius:45% 52% 46% 51%;transform:rotate(13deg);text-align:center;font:700 13px/1.05 var(--body);background:#21122d90;backdrop-filter:blur(5px)}.hero-stamp br{display:none}.hero-stamp strong{font:900 45px/1.1 var(--display);margin:3px}.hero-floor{position:absolute;bottom:28px;left:5vw;right:5vw;display:flex;justify-content:space-between;font:700 13px var(--body);text-transform:uppercase;letter-spacing:.06em}.hero-floor a span{padding-left:20px;font-size:25px}.ticker{position:relative;background:var(--purple);color:var(--ink);padding:13px 0;z-index:3;overflow:hidden;transform:rotate(-2deg) scale(1.015);margin-top:-25px;box-shadow:0 6px 0 #110c17}.ticker div{white-space:nowrap;font:900 36px var(--display);letter-spacing:.025em;animation:marquee 45s linear infinite;width:max-content}@keyframes marquee{to{transform:translateX(-50%)}}.intro{padding:115px 7vw 90px;margin-top:-15px}.paper .hand{color:#8044aa}.paper h2 em{color:#854cad}.intro-heading{transform:rotate(-1.5deg)}.intro-body{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:48px;align-items:center}.intro-copy{max-width:600px}.lead{font-size:24px;font-weight:700;line-height:1.45}.intro-copy .underlink{margin-top:20px}.discipline-seals{display:flex;gap:16px;justify-content:space-around}.discipline-seals>div{text-align:center;flex:1}.discipline-seals img{width:100%;max-width:115px;height:125px;object-fit:contain;margin:0 auto 20px;filter:brightness(0) saturate(100%) invert(32%) sepia(49%) saturate(845%) hue-rotate(231deg)}.discipline-seals>div:nth-child(1){transform:rotate(-8deg)}.discipline-seals>div:nth-child(3){transform:rotate(8deg)}.discipline-seals strong{display:block;font:900 34px var(--display)}.discipline-seals span{font-size:14px}.facts-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:65px;border-top:2px solid #21122d30;padding-top:30px}.facts-strip b{display:block;font:900 36px var(--display)}.facts-strip span{font-size:15px}.world-journey{height:460svh;position:relative;margin-top:-10px}.world-pin{position:sticky;top:0;height:100svh;min-height:660px;overflow:hidden;background:#281236}.world-backdrop{position:absolute;inset:-5%;background:radial-gradient(ellipse at 74% 50%,#8844b145,transparent 58%),url('assets/clash-world-keyart.webp') center/cover;opacity:.25;filter:blur(4px);transform:scale(1.05)}.world-pin:after{position:absolute;inset:0;content:"";pointer-events:none;background:linear-gradient(90deg,#21122db8,transparent 55%),linear-gradient(0deg,#160d1f 0%,transparent 25%,transparent 85%,#160d1fa0);z-index:1}#world-canvas{position:absolute;inset:0}#world-canvas canvas{display:block;width:100%;height:100%}.world-topline{position:absolute;left:6vw;right:6vw;top:30px;display:flex;justify-content:space-between;z-index:4;font:700 13px var(--body);text-transform:uppercase;letter-spacing:.07em}.world-scenes{position:absolute;inset:0;z-index:3;pointer-events:none}.world-copy{position:absolute;left:7vw;top:23%;opacity:0;transform:translateY(35px) rotate(-2deg);max-width:460px;will-change:transform,opacity}.world-copy.is-active{opacity:1;transform:rotate(-2deg)}.world-copy h2{font-size:clamp(85px,10vw,154px);line-height:.86}.world-copy .hand{font-size:22px;margin-bottom:26px}.world-copy>p:last-of-type{font-size:17px;line-height:1.6;max-width:355px}.world-game{font:800 14px var(--body);letter-spacing:.08em;margin:27px 0 14px;color:var(--orange)}.world-copy[data-world="1"] em,.world-copy[data-world="1"] .hand,.world-copy[data-world="1"] .world-game{color:var(--acid)}.world-copy[data-world="2"] em,.world-copy[data-world="2"] .hand{color:var(--orange)}.world-bottom{position:absolute;left:6vw;right:6vw;bottom:30px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:30px}.world-tabs{display:flex;gap:13px}.world-tabs button{background:transparent;color:#c2b2c9;border-bottom:2px solid #c2b2c960;min-width:140px;text-align:left;padding:12px 4px;font:600 14px var(--body)}.world-tabs b{font:900 25px var(--display);text-transform:uppercase;margin-left:8px}.world-tabs button[aria-pressed="true"]{color:var(--orange);border-color:var(--orange)}.world-proof{position:absolute;right:6vw;bottom:110px;z-index:4;width:230px;transform:rotate(5deg);background:var(--paper);padding:9px 9px 27px;box-shadow:5px 9px 25px #0006;clip-path:polygon(1% 0,100% 2%,99% 99%,0 97%)}.world-proof video{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.tape{position:absolute;background:#e3d2a6;color:#21122d;z-index:2;padding:7px 16px;left:20px;top:-17px;font:400 15px var(--hand);transform:rotate(-6deg);clip-path:polygon(2% 0,98% 3%,100% 100%,0 95%)}.world-proof .tape{top:4px;left:12px;font-size:11px;padding:4px 10px}.proof-label{font:600 10px var(--body);color:#21122d;position:absolute;bottom:10px;left:13px}.static-world{display:none}.game-lineup{position:relative;padding:100px 7vw 120px;background:var(--deep)}.section-heading>p:last-child:not(.hand){margin-top:30px;font-size:19px}.lineup{display:grid;grid-template-columns:1.03fr 1fr;gap:6vw;align-items:center;margin-top:70px}.lineup-image{position:relative;transform:rotate(-4deg);padding:11px;background:var(--paper)}.lineup-image img{width:100%;height:530px;object-fit:cover;object-position:68% center;clip-path:polygon(0 1%,98% 0,100% 97%,0 100%)}.round-play{position:absolute;left:42%;top:42%;width:75px;height:75px;border-radius:50%;font-size:22px;background:var(--orange);color:var(--ink);padding-left:8px;transition:transform .2s}.round-play:hover{transform:scale(1.1)}.game-name{display:grid;grid-template-columns:24px 1fr;column-gap:18px;padding:20px 0;border-bottom:1px solid #f4e6ce40}.game-name>span{font-size:12px;color:var(--orange);padding-top:9px}.game-name h3{font-size:38px;text-transform:uppercase}.game-name p{grid-column:2;font-size:14px;margin-top:7px;color:#cbb6d1}.process{padding:120px 7vw 95px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.process-header{position:sticky;top:100px;height:fit-content}.process-header h2{font-size:clamp(64px,6.7vw,104px)}.process-header>p:last-child{margin-top:30px;font-size:21px;font-weight:700}.process-step{display:flex;gap:25px;padding:28px 0 55px;border-bottom:1px solid #21122d40;margin-bottom:20px}.step-number{font:900 110px/.8 var(--display);font-style:italic;color:#9b67bd;opacity:.6;transform:rotate(-7deg)}.process-step h3{font-size:44px;margin-bottom:20px}.process-step .hand{margin:0 0 17px;font-size:20px}.process-step p:last-child{max-width:365px}.process-tail{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.process-tail .hand{margin:0}.groups{padding:120px 7vw 100px;background:#281533;position:relative}.groups .section-heading{text-align:center;max-width:900px;margin:0 auto 90px}.groups .hand{color:#c3a1e9}.groups h2 em{color:#c3a1e9}.group-posters{display:grid;grid-template-columns:repeat(3,1fr);gap:55px 32px;align-items:start;max-width:1450px;margin:auto}.group-poster{background:var(--poster);color:var(--ink);position:relative;transform:rotate(var(--tilt));transition:transform .35s,filter .35s;filter:drop-shadow(9px 14px 0 #0c061343);clip-path:polygon(0 1%,34% 0,71% 1.3%,99% 0,100% 61%,99% 100%,57% 99%,17% 100%,0 98%);isolation:isolate}.group-poster:before{position:absolute;inset:0;content:"";z-index:1;pointer-events:none;background:linear-gradient(0deg,var(--poster) 7%,transparent 70%)}.group-poster:hover{transform:rotate(0) translateY(-9px);filter:drop-shadow(10px 20px 0 #0c061363)}.group-poster>img{width:100%;height:255px;object-fit:cover;object-position:50% 30%;mix-blend-mode:luminosity}.group-poster:nth-child(2){margin-top:30px}.group-poster:nth-child(5){margin-top:30px}.poster-copy{position:relative;z-index:2;padding:0 25px 29px;margin-top:-32px}.poster-index{font:700 12px var(--body);letter-spacing:.05em;text-transform:uppercase;display:inline-block;margin-bottom:16px;background:var(--poster);padding:2px 5px}.poster-copy h3{font-size:49px;line-height:.91;transform:rotate(-2deg);margin-bottom:20px}.poster-copy p{font-size:16px;line-height:1.45;font-weight:600;min-height:70px}.deal{display:block;font:800 17px/1.3 var(--display);background:var(--ink);color:var(--paper);padding:10px 12px;margin-top:22px;transform:rotate(-2deg);clip-path:polygon(1% 4%,99% 0,100% 98%,0 100%)}.poster-link{font:800 18px var(--display);text-transform:uppercase;display:block;margin-top:18px}.group-poster.wide{grid-column:span 1}.group-poster:last-child{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;align-items:center}.group-poster:last-child>img{height:390px;mix-blend-mode:normal}.group-poster:last-child:before{display:none}.group-poster:last-child .poster-copy{margin-top:0;padding:28px}.group-note{font-size:14px;margin-top:70px;max-width:850px;color:#cab9d2}.group-note a{text-decoration:underline}.real-clash{height:720px;position:relative;overflow:hidden}.real-video,.real-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.real-clash:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#160d1fe6,transparent),linear-gradient(0deg,#160d1fa1,transparent);z-index:1}.real-copy{position:absolute;z-index:2;left:7vw;top:25%}.real-copy h2{font-size:clamp(65px,7.7vw,116px)}.real-copy .paint-button{margin-top:40px}.partner{position:absolute;z-index:2;bottom:35px;right:6vw;display:flex;align-items:center;gap:15px;background:#f4e6cef0;padding:12px 24px;transform:rotate(3deg);color:var(--ink)}.partner img{width:85px;height:65px;object-fit:contain}.partner span{font:700 14px/1.4 var(--body)}.pricing{padding:120px 7vw 95px}.price-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:60px}.price-heading>p{font-size:17px;font-weight:600}.price-row{display:grid;grid-template-columns:1.55fr .8fr 1.4fr .55fr;gap:30px;align-items:center;border-top:2px solid #21122d38;padding:35px 0}.price-name>span{font:700 12px var(--body);letter-spacing:.04em;display:block;margin-bottom:12px;color:#704e80}.price-name h3{font-size:37px}.price-deal{display:block;font:800 15px/1.4 var(--body);color:#713595;margin-top:12px}.price{font:900 80px var(--display);white-space:nowrap;letter-spacing:-.04em}.price small{font-size:23px;letter-spacing:0}.price sup{font-size:36px;vertical-align:top;position:relative;top:10px}.price-row>p{font-size:16px;line-height:1.5}.price-row>a{font:800 20px var(--display);text-decoration:underline;text-underline-offset:6px;white-space:nowrap}.price-fineprint{border-top:2px solid var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding-top:40px}.price-fineprint p{font-size:15px;margin-top:12px;max-width:600px}.price-fineprint .paint-button{margin-top:22px}.last-call{position:relative;height:850px;overflow:hidden}.last-call>img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.6;object-position:center}.last-shade{position:absolute;inset:0;background:linear-gradient(90deg,#110c17e6,transparent 85%),linear-gradient(0deg,#110c17,transparent 70%)}.last-copy{position:relative;padding:120px 7vw}.last-copy h2{font-size:clamp(80px,10vw,154px);transform:rotate(-3deg)}.last-copy .paint-button{margin-top:40px}footer{position:relative;padding:55px 7vw 25px;background:var(--deep)}.footer-top{display:grid;grid-template-columns:.65fr 1fr 1fr 1fr;gap:45px;padding-bottom:60px}.footer-top img{width:125px}.footer-top h3{font-size:28px;margin-bottom:23px}.footer-top p,.footer-top a:not(:first-child){font-size:15px;line-height:1.65}.footer-top a{display:block;margin-bottom:7px}.footer-top>div>p{margin-top:10px;color:#c2aecd}.footer-bottom{display:flex;justify-content:space-between;font-size:12px;border-top:1px solid #f4e6ce40;padding-top:24px;gap:25px}.footer-bottom>div{display:flex;gap:22px;flex-wrap:wrap}.footer-bottom button{background:none;padding:0;font-size:12px;text-decoration:underline}.study-note{font-size:11px;color:#a892b2;margin-top:25px}.study-note a{text-decoration:underline}dialog{max-width:min(1080px,94vw);width:94vw;border:0;padding:18px;background:var(--ink);color:var(--paper)}dialog::backdrop{background:#09030ee8;backdrop-filter:blur(10px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:5px 3px 15px}.dialog-head h2{font-size:30px}.dialog-head button{background:none;width:44px;height:44px;font-size:25px}dialog video{width:100%;display:block;max-height:75svh}.reveal{transition:opacity .8s ease,translate .8s cubic-bezier(.22,1,.36,1)}.js .reveal{opacity:0;translate:0 32px}.js .reveal.shown{opacity:1;translate:0 0}
body.motion-off .hero{height:100svh;min-height:720px}body.motion-off .hero-pin{position:relative}body.motion-off .hero-art,body.motion-off .hero-copy{transform:none!important;opacity:1!important}body.motion-off .ticker div{animation:none}body.motion-off .world-journey{height:auto}body.motion-off .world-pin{height:auto;position:relative;min-height:0;padding:70px 7vw}body.motion-off .world-scenes{position:relative}body.motion-off .world-copy{opacity:1!important;transform:none!important;position:relative;top:auto;left:auto;max-width:100%;padding:30px 0 60px}body.motion-off .world-copy h2{font-size:80px}body.motion-off .world-copy>p:last-of-type{max-width:none}body.motion-off .static-world{display:block;max-width:550px;width:100%;height:300px;object-fit:cover;margin-top:30px}body.motion-off .world-topline,body.motion-off .world-bottom,body.motion-off .world-proof,body.motion-off #world-canvas{display:none}body.motion-off .reveal{opacity:1;translate:none}body.motion-off .real-video video{visibility:hidden}body.motion-off .real-video{background:url('assets/hero.jpg') center/cover}
@media(min-width:1800px){.hero-copy{left:10vw}.hero h1{font-size:190px}.world-copy{left:10vw}.world-copy h2{font-size:170px}}
@media(max-width:1050px){.site-header{gap:22px}.site-header nav{gap:18px}.site-header nav a{font-size:17px}.hero-copy{top:28%}.hero h1{font-size:11vw}.intro-body{gap:5vw}.discipline-seals{gap:8px}.discipline-seals span{font-size:12px}.world-proof{width:180px;right:5vw}.world-copy{max-width:380px}.world-tabs button{min-width:110px}.group-posters{grid-template-columns:repeat(2,1fr);gap:45px 35px}.group-poster:nth-child(5){margin-top:0}.group-poster:last-child{grid-column:auto;display:block}.group-poster:last-child>img{height:255px}.group-poster:last-child .poster-copy{margin-top:-32px}.group-poster:last-child:before{display:block}.price-row{grid-template-columns:1.4fr .8fr 1.2fr;gap:25px}.price-row>a{grid-column:3;margin-top:-12px}.footer-top{gap:25px;grid-template-columns:.6fr 1fr 1fr}.footer-top>div:last-child{grid-column:2/4}.process{gap:35px}.process-step{gap:15px}.step-number{font-size:85px}.process-step h3{font-size:38px}}
@media(max-width:760px){html{scroll-padding-top:25px}.site-header{padding:18px 6vw;gap:18px}.site-header nav{display:none}.brand img{width:70px;height:65px}.site-header>.paint-button{margin-left:auto}.site-header .small{font-size:18px;padding:12px 20px}.menu-button{display:block}.hero{height:130svh}.hero-pin{min-height:720px}.hero-art{object-position:64% center}.hero-shade{background:linear-gradient(90deg,#160b22b5,transparent),linear-gradient(0deg,#160b22 0%,#160b2211 70%,#160b2255)}.hero-copy{left:7vw;top:28%;right:5vw}.hero h1{font-size:clamp(80px,13.7vw,110px)}.hero-sub{font-size:18px;margin-top:28px}.hero .kicker{font-size:12px}.hero-actions{gap:20px}.hero-actions .paint-button{padding:19px 25px;font-size:22px}.hero-stamp{width:100px;height:100px;right:8%;bottom:13%;font-size:10px}.hero-stamp strong{font-size:35px}.hero-floor{bottom:22px;font-size:10px;left:7vw;right:7vw}.hero-floor>span{max-width:160px}.hero-floor a{align-self:flex-end}.hero-floor a span{padding-left:9px}.ticker div{font-size:28px}.intro{padding:90px 7vw 75px}.intro h2{font-size:clamp(55px,9.5vw,80px)}.hand{font-size:19px}.intro-body{grid-template-columns:1fr;gap:50px;margin-top:35px}.lead{font-size:22px}.discipline-seals{gap:25px;max-width:460px}.discipline-seals img{height:100px;max-width:95px}.discipline-seals strong{font-size:32px}.discipline-seals span{font-size:13px}.facts-strip{grid-template-columns:1fr 1fr;gap:27px;margin-top:45px}.facts-strip b{font-size:29px}.facts-strip span{font-size:13px}.world-journey{height:430svh}.world-pin{min-height:720px}.world-topline{font-size:10px;top:24px;left:7vw}.world-scroll-hint{display:none}.world-copy{top:11%;left:7vw;right:7vw;max-width:none}.world-copy h2{font-size:clamp(77px,15vw,106px);line-height:.84}.world-copy .hand{font-size:17px;margin-bottom:20px}.world-game{font-size:12px;margin:20px 0 10px}.world-copy>p:last-of-type{font-size:15px;line-height:1.4;max-width:280px}.world-proof{display:none}.world-pin:after{background:linear-gradient(0deg,#160d1f,transparent 22%,transparent 40%,#21122da0 65%,#21122d88)}.world-bottom{left:7vw;right:7vw;bottom:20px}.world-tabs{gap:17px;width:100%}.world-tabs button{min-width:0;flex:1;padding:10px 0;font-size:10px}.world-tabs b{font-size:23px;margin-left:4px}.world-bottom .underlink{display:none}.game-lineup{padding:80px 7vw 95px}.section-heading h2{font-size:clamp(65px,12vw,88px)}.lineup{grid-template-columns:1fr;gap:45px;margin-top:55px}.lineup-image{max-width:500px}.lineup-image img{height:380px}.game-name{padding:17px 0}.game-name h3{font-size:33px}.process{padding:95px 7vw 75px;grid-template-columns:1fr;gap:35px}.process-header{position:relative;top:0}.process-header h2{font-size:clamp(65px,12vw,85px)}.process-step{gap:25px;padding-bottom:32px}.step-number{font-size:95px;min-width:74px}.process-step h3{font-size:40px}.process-step p:last-child{font-size:16px}.process-tail{display:block}.process-tail .hand{margin-bottom:25px}.groups{padding:95px 7vw 75px}.groups .section-heading{margin-bottom:65px;text-align:left}.groups .section-heading>p:last-child{font-size:17px}.group-posters{gap:45px 22px}.poster-copy{padding:0 18px 23px}.poster-copy h3{font-size:37px}.poster-copy p{font-size:14px;min-height:80px}.group-poster>img,.group-poster:last-child>img{height:210px}.deal{font-size:15px;padding:9px}.poster-link{font-size:16px}.poster-index{font-size:10px}.group-note{margin-top:50px;font-size:13px}.real-clash{height:650px}.real-copy{top:24%;right:7vw}.real-copy h2{font-size:clamp(57px,10vw,78px)}.partner{bottom:38px;right:7vw}.pricing{padding:95px 7vw 80px}.price-heading{display:block;margin-bottom:40px}.price-heading h2{font-size:clamp(60px,11vw,86px)}.price-heading>p{margin-top:27px;font-size:16px}.price-row{grid-template-columns:1fr auto;column-gap:25px;row-gap:17px;padding:30px 0}.price-name h3{font-size:32px}.price-name>span{font-size:11px}.price{font-size:68px}.price small{font-size:19px}.price sup{font-size:29px;top:12px}.price-row>p{grid-column:1/-1;font-size:15px;max-width:460px}.price-row>a{grid-column:1/-1;margin-top:0;font-size:18px}.price-deal{font-size:13px}.price-fineprint{grid-template-columns:1fr;gap:30px}.last-call{height:730px}.last-copy{padding-top:110px}.last-copy h2{font-size:clamp(77px,14vw,110px)}.footer-top{grid-template-columns:1fr 1fr;gap:38px 25px}.footer-top>a:first-child{grid-column:1/-1}.footer-top>div:last-child{grid-column:1/-1}.footer-top img{width:95px}.footer-top h3{font-size:25px}.footer-top p,.footer-top a:not(:first-child){font-size:13px}.footer-bottom{display:block}.footer-bottom>div{margin-top:20px;gap:18px}.study-note{font-size:10px}body.motion-off .world-copy h2{font-size:70px}}
@media(max-width:460px){.hero h1{font-size:16vw}.hero-copy{top:28%}.hero-sub{font-size:16px}.hero-actions{gap:16px}.hero-actions .paint-button{font-size:20px;padding:18px 22px;gap:18px}.trailer-button{font-size:20px;gap:8px}.play-circle{width:39px;height:39px;font-size:12px}.hero-stamp{bottom:12%;right:8%;width:92px;height:92px}.hero .kicker{font-size:10px;letter-spacing:.07em}.site-header{gap:10px}.site-header .small{font-size:17px;padding:12px 16px;gap:12px}.menu-button{width:37px}.brand img{width:60px}.intro h2{font-size:12vw}.lead{font-size:20px}.discipline-seals{gap:14px}.discipline-seals img{height:86px}.discipline-seals strong{font-size:29px}.discipline-seals span{font-size:11px}.section-heading h2{font-size:14vw}.group-posters{grid-template-columns:1fr;gap:48px}.group-poster{max-width:400px;width:100%;margin:0!important}.group-poster>img,.group-poster:last-child>img{height:290px}.poster-copy,.group-poster:last-child .poster-copy{padding:0 26px 28px;margin-top:-32px}.poster-copy h3{font-size:57px}.poster-copy p{font-size:16px;min-height:0}.poster-index{font-size:12px}.deal{font-size:18px}.poster-link{font-size:18px}.world-copy h2{font-size:22vw}.world-copy .hand{font-size:16px}.world-copy{top:12%}.world-game{font-size:10px}.world-copy>p:last-of-type{font-size:14px;max-width:235px}.world-tabs b{font-size:21px}.step-number{font-size:80px;min-width:57px}.process-step{gap:16px}.process-step h3{font-size:35px}.process-header h2{font-size:14vw}.process-tail .paint-button{font-size:21px;padding-inline:27px}.price-name h3{font-size:29px}.price{font-size:60px}.price small{font-size:15px}.price sup{font-size:25px}.price-row{column-gap:12px}.price-name>span{font-size:10px}.price-deal{font-size:12px}.real-copy h2{font-size:12vw}.real-copy .paint-button{font-size:20px;padding:20px 25px}.partner img{width:65px}.partner span{font-size:12px}.last-copy h2{font-size:17vw}.footer-top{grid-template-columns:1fr}.footer-top>div:last-child{grid-column:auto}.footer-top p,.footer-top a:not(:first-child){font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
body.menu-open .site-header{position:fixed}body.world-fallback .static-world{display:block;width:300px;height:210px;object-fit:cover;margin-top:25px}body.world-fallback .world-copy{top:14%}@media(max-width:760px){body.world-fallback .static-world{position:absolute;top:330px;width:240px;height:175px;left:10vw}}
.price-name{min-width:0}.price-name h3{overflow-wrap:break-word}@media(max-width:460px){.price-name h3{font-size:clamp(25px,7.4vw,29px)}.paint-button:focus-visible{clip-path:none;outline-offset:3px}}

/* V4: game disclosures and torn illustrated occasion posters */
.games-instruction{font-size:19px;margin-top:28px}.game-catalog{margin-top:55px;display:grid;gap:17px}.game-ticket{background:var(--paper);color:var(--ink);padding:5px 24px;transform:rotate(-.4deg);clip-path:polygon(0 4%,9% 1%,20% 3%,33% 0,48% 2%,65% 0,79% 3%,96% 0,100% 4%,99.5% 95%,89% 99%,74% 97%,57% 100%,38% 98%,23% 100%,10% 97%,0 100%)}.game-ticket:nth-child(even){background:var(--orange);transform:rotate(.5deg)}.game-ticket[open]{background:var(--purple);transform:rotate(0)}.game-ticket summary{display:flex;align-items:center;gap:25px;cursor:pointer;list-style:none;padding:24px 10px}.game-ticket summary::-webkit-details-marker{display:none}.game-ticket summary:focus-visible{outline:3px dashed var(--ink);outline-offset:-4px}.game-number{font:900 28px var(--display);opacity:.65}.game-ticket h3{font-size:clamp(32px,4.5vw,64px);line-height:1;text-transform:uppercase;flex:1}.game-toggle{font-size:40px;line-height:1;transition:transform .3s}.game-ticket[open] .game-toggle{transform:rotate(45deg)}.game-reveal{display:flex;gap:35px;align-items:center;padding:5px 10px 35px 65px}.game-description{flex:1;max-width:670px}.game-description .hand{font-size:22px;margin-bottom:16px}.game-description>p:last-child{font-size:19px;line-height:1.5}.game-reveal>img{width:32%;max-height:260px;object-fit:cover;transform:rotate(2deg);border:8px solid var(--paper)}.games-outro{font-size:17px;line-height:1.5;max-width:650px;margin-top:35px}
.group-posters{gap:65px 36px}.group-poster{padding:12px 12px 20px;clip-path:polygon(1% 1%,5% 2%,9% 0,13% 1.3%,18% .4%,23% 2%,29% .3%,34% 1%,40% 0,45% 1.5%,51% .2%,58% 1%,63% 0,69% 1.8%,75% .6%,82% 1.5%,89% 0,95% 1%,99% 0,98% 8%,100% 14%,98.7% 20%,100% 27%,98% 34%,99.5% 41%,98.8% 48%,100% 55%,98% 63%,100% 70%,98.5% 77%,100% 85%,98% 91%,99% 98%,94% 97%,89% 99%,84% 97.6%,78% 100%,71% 98%,64% 99.6%,58% 98%,51% 100%,44% 98%,36% 99.7%,29% 98%,21% 100%,15% 98.5%,9% 100%,2% 98%,0 92%,1.4% 85%,0 79%,1.5% 72%,0 65%,1% 58%,0 51%,1.5% 44%,0 37%,1% 30%,0 22%,1.8% 15%,0 8%);background-image:repeating-linear-gradient(7deg,#21122d08 0 1px,transparent 1px 4px)}.group-poster:before{inset:0;background:linear-gradient(100deg,#fff2,transparent 25%,#21122d0a 70%,#fff3);z-index:3;mix-blend-mode:multiply}.group-poster>img,.group-poster:last-child>img{height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center;mix-blend-mode:normal;clip-path:polygon(0 0,100% 0,99% 93%,91% 96%,79% 92%,67% 98%,52% 94%,40% 99%,28% 94%,15% 98%,0 92%)}.poster-copy,.group-poster:last-child .poster-copy{margin-top:4px;padding:15px 20px 14px}.poster-copy h3{font-size:clamp(40px,3.9vw,64px);line-height:.98;letter-spacing:-.02em;margin:16px 0 20px}.poster-copy p{font-size:17px;min-height:0}.poster-index{font-size:14px;font-weight:800;line-height:1.3}.deal{font-size:17px;line-height:1.25;clip-path:polygon(1% 6%,98% 0,100% 90%,3% 100%,0 80%);margin-top:22px}.poster-link{font-size:19px;margin-top:24px}.group-poster:last-child{grid-template-columns:1.1fr 1fr}.group-poster:last-child>img{height:100%;min-height:360px;aspect-ratio:auto}.group-poster:nth-child(3n){transform:rotate(-1.6deg)}.group-poster:hover,.group-poster:focus-visible{transform:rotate(0) translateY(-8px);outline:4px solid var(--orange);outline-offset:8px}.occasion-art-note{font-size:14px;line-height:1.5;text-align:center;margin-top:55px;opacity:.8}.group-note{margin-top:18px}
@media(max-width:1050px){.group-poster:last-child>img{height:auto;min-height:0;aspect-ratio:3/2}.poster-copy h3{font-size:49px}}
@media(max-width:760px){.game-ticket{padding:5px 14px}.game-ticket summary{gap:14px;padding:22px 6px}.game-number{font-size:21px}.game-ticket h3{font-size:35px}.game-toggle{font-size:31px}.game-reveal{padding:0 6px 28px;gap:24px;flex-direction:column;align-items:stretch}.game-description>p:last-child{font-size:17px}.game-reveal>img{width:100%;max-height:260px}.group-posters{gap:45px 26px}.poster-copy,.group-poster:last-child .poster-copy{padding:10px 12px 16px}.poster-copy h3{font-size:39px}.poster-copy p{font-size:16px}.poster-index{font-size:14px}.deal{font-size:16px}.poster-link{font-size:18px}}
@media(max-width:580px){.group-posters{grid-template-columns:1fr;max-width:430px}.group-poster,.group-poster:last-child{display:block;grid-column:auto;max-width:none;margin:0!important}.poster-copy,.group-poster:last-child .poster-copy{padding:15px 22px 20px}.poster-copy h3{font-size:clamp(43px,12vw,59px)}.group-poster>img,.group-poster:last-child>img{height:auto;min-height:0;aspect-ratio:3/2}.game-ticket h3{font-size:clamp(27px,7.5vw,37px)}.game-description .hand{font-size:19px}}
body.motion-off .game-ticket,body.motion-off .group-poster{transition:none}

.game-description .hand{color:var(--ink)}
@supports(interpolate-size:allow-keywords){.game-ticket{interpolate-size:allow-keywords}.game-ticket::details-content{height:0;overflow:clip;transition:height .4s ease,content-visibility .4s allow-discrete}.game-ticket[open]::details-content{height:auto}}

.clash-brand-moment{grid-column:1/-1;margin:0 0 36px;transform:rotate(-1deg);background:#310444;clip-path:polygon(0 0,100% 0,100% 94%,0 100%)}.clash-brand-moment img{width:100%;height:auto;display:block}.process .clash-brand-moment{max-width:1456px}@media(max-width:760px){.clash-brand-moment{margin:0 -4vw 18px;transform:none}}

body.motion-off .game-ticket::details-content{transition:none}

/* Direction-aware fixed navigation. */
.site-header{position:fixed;transition:transform .28s ease,background-color .2s ease;will-change:transform}
.site-header.is-scrolled{background:rgba(17,12,23,.96);box-shadow:0 6px 22px #0003}
.site-header.is-hidden{transform:translateY(-110%);pointer-events:none}
body.menu-open .site-header{transform:translateY(0);pointer-events:auto}
body.motion-off .site-header{transition:none}
@media(prefers-reduced-motion:reduce){.site-header{transition:none}}

/* Oversized graffiti discipline marks. */
.intro-body{grid-template-columns:.9fr 1.35fr;gap:4vw}
.discipline-seals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;max-width:none;align-items:center}
.discipline-seals>div{min-width:0}
.discipline-seals img{width:100%;max-width:250px;height:auto;aspect-ratio:1;object-fit:contain;filter:none;margin:0 auto 12px}
.discipline-seals strong{font-size:clamp(38px,3.5vw,54px);line-height:1.05}
.discipline-seals span{display:block;font-size:16px;line-height:1.35;margin-top:10px}
.discipline-seals>div:nth-child(1){transform:rotate(-5deg)}
.discipline-seals>div:nth-child(3){transform:rotate(5deg)}
@media(max-width:1050px){.intro-body{grid-template-columns:1fr;gap:45px}.discipline-seals{max-width:790px;margin:auto}.discipline-seals img{max-width:230px}.discipline-seals strong{font-size:46px}}
@media(max-width:540px){.discipline-seals{grid-template-columns:1fr;gap:20px;max-width:390px}.discipline-seals>div{display:grid;grid-template-columns:145px 1fr;column-gap:15px;align-items:center;text-align:left;transform:none!important}.discipline-seals img{grid-row:1/3;width:145px;max-width:none;margin:0}.discipline-seals strong{align-self:end;font-size:42px}.discipline-seals span{align-self:start;font-size:16px;margin-top:6px}}
@media(max-width:360px){.discipline-seals>div{grid-template-columns:125px 1fr;column-gap:10px}.discipline-seals img{width:125px}.discipline-seals strong{font-size:36px}}

/* Rough black ink contours: distort only the silhouette, preserve crisp lettering. */
.graffiti-filter-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.hero h1,.world-copy h2,.game-lineup h2,.groups>.section-heading h2,.real-copy h2,.last-copy h2{filter:url(#graffiti-ink-outline);text-shadow:none}

/* Reserve identical slots for prefix, amount and currency in every row. */
.price-row{grid-template-columns:minmax(0,1.55fr) minmax(0,.8fr) minmax(0,1.4fr) minmax(0,.55fr)}
.price-row .price{display:grid;grid-template-columns:.35em 1em .3em;column-gap:.06em;align-items:baseline;white-space:nowrap;font-variant-numeric:tabular-nums;transform:none}
.price-row .price small{min-width:0;text-align:left}
.price-amount{text-align:right;letter-spacing:0}
.price-row .price sup{align-self:start;position:static;padding-top:.28em;line-height:1}
@media(max-width:1050px) and (min-width:761px){.price-row{grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr) minmax(0,1.2fr)}}
@media(max-width:760px){.price-row{grid-template-columns:minmax(0,1fr) auto}.price-row .price{width:1.77em}}

/* Keep the portraits clear: editorial copy band below the faces. */
.hero-copy{top:auto;bottom:105px;left:7vw;right:7vw;display:grid;grid-template-columns:1.1fr 1fr;column-gap:4vw;align-items:center;transform-origin:50% 100%}
.hero-copy .kicker{grid-column:1/-1;margin-bottom:20px;font-size:14px}
.hero h1{grid-column:1;grid-row:2/4;font-size:clamp(60px,6.7vw,100px);line-height:.92;transform:rotate(-2deg)}
.hero-sub{grid-column:2;margin-top:0;font-size:clamp(16px,1.5vw,20px);align-self:end}
.hero-actions{grid-column:2;margin-top:20px;gap:22px;align-self:start}
.hero-actions .paint-button{font-size:21px;padding:18px 25px;gap:22px}
.hero-stamp{right:5%;bottom:44%;width:105px;height:105px;font-size:11px}
.hero-stamp strong{font-size:36px}
.hero-shade{background:linear-gradient(0deg,#110c17 0%,#110c17e6 10%,#110c178c 32%,transparent 56%),linear-gradient(180deg,#110c1780,transparent 20%)}
@media(max-width:760px){
.hero-copy{display:block;left:7vw;right:7vw;top:auto;bottom:95px}
.hero-copy .kicker{font-size:10px;margin-bottom:13px}
.hero h1{font-size:clamp(52px,12vw,85px);line-height:.9}
.hero-sub{font-size:15px;line-height:1.45;margin-top:17px}
.hero-actions{margin-top:16px;gap:16px}
.hero-actions .paint-button{font-size:19px;padding:15px 20px;min-height:52px}
.hero-stamp{right:6%;bottom:48%;width:78px;height:78px;font-size:9px}
.hero-stamp strong{font-size:28px}
.hero-art{object-position:35% center}
}

/* Logo silhouette outlined for contrast against the arena. */
.site-header .brand img{filter:url(#brand-outline)}

.ticker-trophy{display:inline-block;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:.8em;line-height:1;vertical-align:.03em;margin-inline:.12em}

/* Bold, painted pictograms for the four practical facts. */
.facts-strip>div{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:12px;align-content:start;align-items:center}.fact-icon{grid-column:1;grid-row:1/3;width:64px;height:72px;overflow:visible;transform:rotate(-6deg)}.facts-strip>div:nth-child(even) .fact-icon{transform:rotate(5deg)}.facts-strip>div>b,.facts-strip>div>span{grid-column:2}.facts-strip>div>b{font-size:clamp(25px,2.4vw,38px);line-height:1.1}.facts-strip>div>span{margin-top:7px}@media(min-width:761px) and (max-width:1200px){.facts-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}}@media(max-width:460px){.facts-strip>div{grid-template-columns:48px minmax(0,1fr);column-gap:8px}.fact-icon{width:48px;height:60px}.facts-strip>div>b{font-size:25px}}

/* Loose paper-strip wobble, triggered by a mouse entering each game. */
.game-ticket{--rest-angle:-.4deg;transform-origin:48% 50%;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.game-ticket:nth-child(even){--rest-angle:.5deg;transform-origin:54% 50%}
.game-ticket[open]{--rest-angle:0deg}
@keyframes game-paper-wobble{
0%{transform:translateY(0) rotate(var(--rest-angle)) scale(1)}
18%{transform:translateY(-5px) rotate(calc(var(--rest-angle) - .85deg)) scale(1.008,1.025)}
39%{transform:translateY(-2px) rotate(calc(var(--rest-angle) + .65deg)) scale(1.012,.99)}
59%{transform:translateY(-4px) rotate(calc(var(--rest-angle) - .35deg)) scale(1.009,1.015)}
78%{transform:translateY(-3px) rotate(calc(var(--rest-angle) + .18deg)) scale(1.01,1)}
100%{transform:translateY(-3px) rotate(var(--rest-angle)) scale(1.01)}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
body:not(.motion-off) .game-ticket:hover{animation:game-paper-wobble .85s ease-out both;position:relative;z-index:2}
}
@media(prefers-reduced-motion:reduce){.game-ticket{animation:none!important;transition:none}}
body.motion-off .game-ticket{animation:none!important}

/* Full-width arena starts directly beneath the section's torn upper edge. */
#ablauf.process{padding-top:0}
#ablauf.process .clash-brand-moment{width:calc(100% + 14vw);max-width:none;margin:0 -7vw 36px;transform:none;clip-path:none}
#ablauf.process .clash-brand-moment img{display:block;width:100%;height:auto}
@media(max-width:760px){#ablauf.process .clash-brand-moment{margin-bottom:18px}}

/* Compact DE / EN switch, matching the Escape relaunch interaction. */
.site-header{gap:22px}.site-header nav{gap:20px}
.language-switch{display:flex;flex-shrink:0;gap:2px;padding:3px;background:#110c17d9;border:1px solid #f4e6ce80;transform:rotate(-2deg)}
.language-switch a{display:grid;place-items:center;min-width:36px;min-height:38px;font:800 18px var(--display);color:var(--paper)}
.language-switch a[aria-current="page"]{background:var(--orange);color:var(--ink)}
.language-switch a:hover{background:var(--paper);color:var(--ink)}
html[lang="en"] .hero-copy .kicker{letter-spacing:.04em}
html[lang="en"] .price-row .price{grid-template-columns:.55em 1em .3em}
html[lang="en"] .price small{font-size:18px}
@media(max-width:1100px){.site-header nav{display:none}.site-header>.paint-button{margin-left:auto}.menu-button{display:block}}
@media(max-width:760px){.site-header{gap:10px}.language-switch a{min-width:30px;min-height:38px;font-size:16px}.site-header .small{font-size:17px;padding:12px 15px;gap:8px}html[lang="en"] .price-row .price{width:1.97em}}
@media(max-width:380px){.site-header{padding-inline:4vw;gap:7px}.site-header .brand img{width:48px}.site-header .small{font-size:15px;padding-inline:10px}.site-header .small span{display:none}.language-switch a{min-width:27px}.menu-button{width:32px;padding:6px}}

/* Deep orange pebbled paint and raised graffiti lettering. */
:root{--court-grain:radial-gradient(ellipse at 30% 30%,#ffffff08 0 20%,#54200808 30% 42%,transparent 56%),radial-gradient(ellipse at 70% 65%,#52200707 0 25%,transparent 55%)}
.paint-button,.game-ticket:nth-child(even),.language-switch a[aria-current="page"]{background-color:var(--orange);background-image:var(--court-grain),linear-gradient(125deg,#ffffff0c,transparent 45%,#7d2e0010);background-size:7px 6px,9px 8px,100% 100%}
.paint-button{box-shadow:inset 0 2px 0 #ffc06b80;gap:18px}
.paint-button .button-label{color:#fff0c7;font-weight:900;letter-spacing:.015em;-webkit-text-stroke:1px #27102e;paint-order:stroke fill;text-shadow:1px 1px 0 #27102e,2px 2px 0 #27102e,3px 3px 0 #27102e,4px 4px 0 #582147;transform:rotate(-2deg);display:inline-block}
.paint-button:hover{background-color:#f4872f}
.clash-action-icon{display:inline-flex!important;vertical-align:middle;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:44px;margin-left:5px;transform-origin:50% 65%;animation:clash-bulb-wiggle 2.8s ease-in-out infinite;animation-play-state:paused}
.clash-action-icon img{display:block!important;width:42px!important;height:44px!important;object-fit:contain;transform:rotate(40deg);filter:drop-shadow(1px 2px 1px #21122d65)}
.clash-action-icon.in-view{animation-play-state:running}
.paint-button .clash-action-icon{margin:0;flex-basis:44px;width:44px;height:46px}
.site-header .paint-button.small{padding:10px 19px;gap:10px}
.poster-link .clash-action-icon{width:34px;height:36px;flex-basis:34px}
.poster-link .clash-action-icon img{width:34px!important;height:36px!important}
.price-row>a{white-space:normal;display:flex;align-items:center;gap:3px;text-decoration:none}
.price-row>a .clash-action-icon{flex-basis:32px;width:32px;height:38px}
.price-row>a .clash-action-icon img{width:32px!important;height:38px!important}
@keyframes clash-bulb-wiggle{0%,58%,100%{transform:rotate(0)}65%{transform:rotate(-9deg) translateX(-1px)}73%{transform:rotate(8deg) translateX(1px)}81%{transform:rotate(-5deg)}89%{transform:rotate(3deg)}}
@media(max-width:760px){.site-header .paint-button.small{padding:8px 11px;gap:5px}.site-header .paint-button .clash-action-icon{width:30px;height:36px;flex-basis:30px}.site-header .paint-button .clash-action-icon img{width:30px!important;height:36px!important}.paint-button .button-label{text-shadow:1px 1px 0 #27102e,2px 2px 0 #27102e,3px 3px 0 #582147}.site-header .small .button-label{display:inline-block}}
@media(max-width:380px){.site-header .small{font-size:14px}.site-header .paint-button.small{padding-inline:8px}.site-header .paint-button .clash-action-icon{flex-basis:25px;width:25px}}
body.motion-off .clash-action-icon{animation:none}
@media(prefers-reduced-motion:reduce){.clash-action-icon{animation:none}}

/* Click feedback for the outlined brand mark. */
.site-header .brand{position:relative;isolation:isolate}
.site-header .brand::before{content:"";position:absolute;inset:-14px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#b375ff99 0%,#843cf866 32%,transparent 70%);opacity:0;transform:scale(.7)}
.site-header .brand.logo-hit img{animation:clash-logo-hit .7s ease-out}
.site-header .brand.logo-hit::before{animation:clash-logo-aura .85s ease-out}
@keyframes clash-logo-hit{0%,100%{transform:rotate(0) scale(1)}20%{transform:rotate(-9deg) scale(1.07)}42%{transform:rotate(7deg) scale(1.04)}64%{transform:rotate(-4deg) scale(1.02)}82%{transform:rotate(2deg)}}
@keyframes clash-logo-aura{0%{opacity:0;transform:scale(.7)}25%{opacity:1;transform:scale(1.25)}100%{opacity:0;transform:scale(1.6)}}
@media(prefers-reduced-motion:reduce){.site-header .brand.logo-hit img{animation:none}.site-header .brand.logo-hit::before{animation:none;opacity:.7;transform:none}}
body.motion-off .site-header .brand.logo-hit img{animation:none}
body.motion-off .site-header .brand.logo-hit::before{animation:none;opacity:.7;transform:none}

/* Sequential impact entrances for the process headline. */
.crash-heading .crash-word{display:block;transform-origin:20% 85%}
.process-header:has(.crash-heading){opacity:1!important;transform:none!important}
.crash-heading.crash-armed:not(.crash-landed) .crash-word{opacity:0;transform:translateY(100px) rotate(5deg) scale(.88)}
@keyframes clash-word-impact{0%{opacity:0;transform:translateY(100px) rotate(5deg) scale(.88)}48%{opacity:1;transform:translateY(-12px) rotate(-2.5deg) scale(1.055,.96)}66%{opacity:1;transform:translateY(5px) rotate(1deg) scale(.985,1.035)}83%{opacity:1;transform:translateY(-3px) rotate(-.5deg) scale(1.01)}100%{opacity:1;transform:none}}
.crash-heading.crash-landed .crash-word{animation:clash-word-impact .72s cubic-bezier(.2,.7,.2,1) both}
.crash-heading.crash-landed .crash-word:nth-child(2){animation-delay:.23s}
.crash-heading.crash-landed .crash-word:nth-child(3){animation-delay:.46s}
body.motion-off .crash-heading .crash-word{animation:none!important;opacity:1!important;transform:none!important}
@media(prefers-reduced-motion:reduce){.crash-heading .crash-word{animation:none!important;opacity:1!important;transform:none!important}}

/* Keep the arena logo centred and both opponents visible on narrow screens. */
.hero-art{object-position:50% center;transform-origin:50% 45%}
@media(max-width:760px){
.hero-pin{min-height:780px;background:#110c17}
.hero-art{top:88px;width:100%;height:auto;aspect-ratio:1.18;object-fit:cover;object-position:50% 43%;mask-image:linear-gradient(#000 0%,#000 78%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 78%,transparent 100%)}
.hero-copy{bottom:98px;top:auto}
.hero-stamp{bottom:auto;top:calc(88px + 100vw / 1.18 - 25px);right:7%;width:74px;height:74px;z-index:1}
.hero-shade{background:linear-gradient(180deg,#110c1740 0,transparent 130px,transparent 46%,#110c1733 60%,#110c17 100%)}
}
@media(min-width:540px) and (max-width:760px){.hero-pin{min-height:960px}}

/* Painted duration sticker, placed below the faces. */
.hero-stamp{top:auto;bottom:35%;right:5%;width:136px;height:124px;border:0;border-radius:0;background:none;backdrop-filter:none;transform:rotate(8deg);isolation:isolate;color:#fff0c7;font-family:var(--hand);font-size:12px;text-shadow:1px 2px 0 #21122d}
.hero-stamp::before{content:"";position:absolute;inset:-10px;z-index:-2;background:#8e3fd4;clip-path:polygon(5% 30%,21% 26%,10% 8%,35% 18%,45% 0,56% 17%,83% 4%,77% 24%,100% 29%,84% 45%,99% 64%,77% 70%,85% 94%,60% 83%,47% 100%,37% 83%,10% 96%,18% 72%,0 63%,13% 48%)}
.hero-stamp::after{content:"";position:absolute;inset:5px 0;z-index:-1;background:var(--court-grain),linear-gradient(145deg,#ff9b32,#e45b0d);background-size:7px 6px,100% 100%;border:4px solid #21122d;box-shadow:3px 4px 0 #21122d;clip-path:polygon(5% 9%,30% 0,54% 7%,91% 1%,100% 31%,94% 54%,99% 89%,64% 96%,40% 91%,8% 100%,0 68%,4% 43%)}
.hero-stamp strong{font-size:51px;line-height:1;margin:4px 0 5px;color:#fff0c7;font-style:italic;-webkit-text-stroke:1.4px #21122d;paint-order:stroke fill;text-shadow:2px 2px 0 #21122d,3px 4px 0 #592073}
@media(max-width:760px){.hero-stamp{top:calc(88px + 100vw / 1.18 - 4px);bottom:auto;right:7%;width:98px;height:80px;font-size:9px}.hero-stamp strong{font-size:36px;margin:2px 0}.hero-stamp::before{inset:-6px}.hero-stamp::after{border-width:3px}}

/* Ragged black ink keeps navigation readable over the arena. */
.site-header nav a{filter:url(#nav-ink-outline);text-shadow:0 1px 0 #050307}

/* Center the original-footage card within the game world. */
.world-proof{left:50%;right:auto;transform:translateX(-50%) rotate(5deg)}

/* Graffiti discipline icons replace the numbered world tabs. */
.world-tabs button{display:flex;align-items:center;gap:7px}.world-tabs b{margin-left:0}.world-tab-icon{width:38px;height:38px;object-fit:contain;flex-shrink:0;filter:drop-shadow(1px 2px 0 #050307)}
@media(max-width:760px){.world-tabs{gap:8px}.world-tabs button{gap:4px}.world-tab-icon{width:30px;height:30px}.world-tabs b{font-size:21px}}

.team-formation{display:inline-flex;white-space:nowrap;isolation:isolate}.team-formation>span{display:inline-block;position:relative}

/* Compact split-flap scoreboard within the process heading. */
.points-flap{display:inline-flex;gap:.035em;vertical-align:baseline;white-space:nowrap;letter-spacing:0;margin-right:.05em}
.points-flap-tile{display:inline-block;position:relative;width:.55em;height:.95em;border-radius:2px;background:#21122d;color:#f3e6c9;box-shadow:0 2px 0 #08060b;perspective:150px;text-align:center;line-height:.95em}
.points-flap-tile>span{display:block;transform-origin:50% 50%;backface-visibility:hidden}
.points-flap-tile::after{content:"";position:absolute;left:0;right:0;top:49%;height:1px;background:#08060b99;pointer-events:none}

/* Winner punctuation pulses three times, then bursts into a gold trophy. */
.winner-morph{display:inline-block;position:relative;width:.95em;height:.95em;vertical-align:-.06em;text-align:center;isolation:isolate}
.winner-amp{display:block;line-height:.95em;transform-origin:center}
.winner-cup{position:absolute;inset:0;display:grid;place-items:center;font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif;font-size:.86em;line-height:1;opacity:0;transform:scale(.15);filter:drop-shadow(1px 2px 0 #21122d)}
.winner-pulsing .winner-amp{animation:winner-pulse .6s ease-in-out 3}
@keyframes winner-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}
.winner-burst .winner-amp{animation:winner-disappear .2s ease-in forwards}
@keyframes winner-disappear{to{opacity:0;transform:scale(.1) rotate(25deg)}}
.winner-burst .winner-cup{animation:winner-pop .65s cubic-bezier(.2,.8,.25,1) forwards}
@keyframes winner-pop{0%{opacity:0;transform:scale(.15) rotate(-20deg)}25%{opacity:1}55%{opacity:1;transform:scale(1.35) rotate(8deg)}80%{opacity:1;transform:scale(.92) rotate(-4deg)}100%{opacity:1;transform:scale(1) rotate(0)}}
.winner-splash{position:absolute;inset:-.2em;z-index:-1;opacity:0;background:#9252ca;clip-path:polygon(50% 0,60% 30%,90% 8%,76% 40%,100% 54%,72% 63%,90% 94%,57% 77%,42% 100%,34% 73%,0 88%,24% 56%,0 33%,35% 34%)}
.winner-burst .winner-splash{animation:winner-splash .65s ease-out forwards}
@keyframes winner-splash{0%{opacity:0;transform:scale(.1)}30%{opacity:.8}100%{opacity:0;transform:scale(1.5)}}
.winner-spark{position:absolute;left:48%;top:48%;width:.1em;height:.16em;background:#ec701b;opacity:0;pointer-events:none}
.winner-spark:nth-of-type(even){background:#9252ca}.winner-burst .winner-spark{animation:winner-spark .7s ease-out forwards}
@keyframes winner-spark{0%{opacity:0;transform:translate(0,0) scale(.3)}20%{opacity:1}100%{opacity:0;transform:translate(var(--spark-x),var(--spark-y)) rotate(120deg) scale(.4)}}
.winner-finished .winner-amp{opacity:0}.winner-finished .winner-cup{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.winner-morph *{animation:none!important}.winner-burst .winner-amp{opacity:0}.winner-burst .winner-cup{opacity:1;transform:none}}
body.motion-off .winner-morph *{animation:none!important}body.motion-off .winner-amp{opacity:0}body.motion-off .winner-cup{opacity:1;transform:none}

/* Compact prices: tighter typography and spacing, full tariff details retained. */
.pricing{padding:58px 7vw 45px}
.price-heading{gap:30px;margin-bottom:26px}
.price-heading .hand{font-size:19px;margin-bottom:14px}
.price-heading h2{font-size:clamp(48px,5vw,72px)}
.price-heading>p{font-size:15px;line-height:1.45}
.price-row{padding:15px 0;gap:16px}
.price-name>span{font-size:10px;margin-bottom:5px}
.price-name h3{font-size:28px;line-height:1}
.price-deal{font-size:13px;margin-top:5px}
.price-row .price{font-size:58px;line-height:1}
.price-row .price small{font-size:17px}.price-row .price sup{font-size:24px}
.price-row>p{font-size:14px;line-height:1.4}
.price-row>a{font-size:17px;margin-top:0}
.price-fineprint{padding-top:20px;gap:35px}
.price-fineprint h4{font-size:22px}.price-fineprint p{font-size:13px;line-height:1.45;margin-top:7px}
.price-fineprint .paint-button{margin-top:12px;padding:12px 22px;min-height:46px;font-size:19px}
@media(max-width:760px){
.pricing{padding:48px 7vw 38px}.price-heading{margin-bottom:22px}.price-heading h2{font-size:52px}.price-heading>p{margin-top:14px;font-size:14px}
.price-row{padding:14px 0;column-gap:12px;row-gap:8px}.price-name h3{font-size:25px}.price-row .price{font-size:48px}.price-row .price small{font-size:14px}.price-row .price sup{font-size:20px}
.price-row>p{font-size:13px;line-height:1.4}.price-row>a{font-size:16px;min-height:28px}.price-row>a .clash-action-icon,.price-row>a .clash-action-icon img{height:28px!important;width:26px!important}.price-fineprint{gap:20px}
}

/* Bound the sticky heading to the steps row, above the separate closing line. */
.process-header-track{min-width:0;align-self:stretch}.process-header-track .process-header{max-width:100%}

/* Let the video continue behind the pricing section's torn edge. */
.real-clash + .pricing{margin-top:-28px;z-index:2;clip-path:polygon(0 18px,3% 8px,7% 21px,11% 4px,15% 15px,20% 3px,24% 14px,29% 1px,35% 12px,40% 5px,45% 11px,50% 0,56% 13px,61% 3px,66% 14px,71% 6px,77% 19px,82% 8px,88% 17px,93% 4px,97% 17px,100% 7px,100% 99%,96% 99.6%,90% 99%,85% 99.8%,80% 99.2%,74% 100%,69% 99.3%,64% 99.8%,58% 99.1%,53% 99.7%,48% 99.2%,42% 100%,36% 99.2%,30% 99.8%,24% 99.3%,19% 100%,14% 99.1%,9% 99.6%,4% 99%,0 99.5%)}

.real-clash{clip-path:polygon(0 1.3%,3% .6%,7% 1.4%,11% .3%,15% 1%,20% .2%,24% .9%,29% .1%,35% .8%,40% .3%,45% .7%,50% 0,56% .8%,61% .2%,66% .9%,71% .4%,77% 1.2%,82% .5%,88% 1.1%,93% .3%,97% 1.1%,100% .5%,100% 100%,0 100%)}

/* A live silent trailer teaser replaces the hero play-only link. */
.hero-trailer-preview{width:174px;flex-shrink:0;text-align:center}
.hero-trailer-window{position:relative;display:block;width:100%;padding:3px;background:var(--orange);clip-path:polygon(1% 4%,97% 0,100% 94%,3% 100%);transform:rotate(2deg)}
.hero-trailer-window video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.hero-trailer-window>span{position:absolute;inset:0;display:grid;place-items:center;font-size:22px;color:#fff;text-shadow:0 2px 6px #000}
.hero-trailer-caption{background:none;padding:7px 0 0;font:800 15px/1.15 var(--body);text-decoration:underline;text-underline-offset:3px;color:var(--paper)}
.hero-trailer-caption:hover{color:var(--orange)}
@media(max-width:760px){.hero-trailer-preview{width:142px}.hero-actions{gap:15px}.hero-trailer-caption{font-size:12px}.hero-actions>.paint-button{padding-inline:18px;font-size:20px}}

/* A pinned arena behind the full process story; content scrolls over warm light. */
.process-content{display:contents}
#ablauf.process.process-parallax{display:block;padding:0;isolation:isolate}
#ablauf.process-parallax .clash-brand-moment{position:sticky;top:0;width:100%;max-width:none;height:100svh;margin:0 0 -100svh;z-index:-1;overflow:hidden;clip-path:none}
#ablauf.process-parallax .clash-brand-moment img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}
#ablauf.process-parallax .clash-brand-moment::after{content:"";position:absolute;inset:0;background:#f4e6ce;opacity:var(--process-light,0);pointer-events:none}
#ablauf.process-parallax .process-content{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:100svh 7vw 110px}
#ablauf.process-parallax .process-header{top:150px}
#ablauf.process-parallax .process-steps{padding-top:55svh}
#ablauf.process-parallax .process-step{min-height:47svh;padding-top:30px;margin-bottom:50px}
#ablauf.process-parallax .process-tail{padding-top:35px;min-height:24svh}
#ablauf.process-parallax .process-header>.hand{opacity:var(--intro-opacity,0);transform:translateY(var(--intro-y,65px)) rotate(-3deg)}
#ablauf.process-parallax .crash-word{animation:none!important;opacity:var(--word-opacity,0);transform:translateY(var(--word-y,110px)) rotate(var(--word-turn,4deg))!important}
#ablauf.process-parallax .process-header>p:last-child{opacity:var(--caption-opacity,0)}
@media(max-width:760px){
#ablauf.process-parallax .process-content{grid-template-columns:1fr;gap:35px;padding:90svh 7vw 75px}
#ablauf.process-parallax .process-header{position:relative;top:0}
#ablauf.process-parallax .process-steps{padding-top:20svh}
#ablauf.process-parallax .process-step{min-height:0;padding:25px 0 45px;margin-bottom:45px}
#ablauf.process-parallax .process-tail{padding-top:0;min-height:0}
}

/* Compact group intro and tuck its purple field behind the preceding torn edge. */
#ablauf{z-index:2;clip-path:polygon(0 18px,3% 8px,7% 21px,11% 4px,15% 15px,20% 3px,24% 14px,29% 1px,35% 12px,40% 5px,45% 11px,50% 0,56% 13px,61% 3px,66% 14px,71% 6px,77% 19px,82% 8px,88% 17px,93% 4px,97% 17px,100% 7px,100% calc(100% - 16px),96% calc(100% - 6px),90% calc(100% - 19px),85% calc(100% - 3px),80% calc(100% - 14px),74% 100%,69% calc(100% - 12px),64% calc(100% - 3px),58% calc(100% - 17px),53% calc(100% - 5px),48% calc(100% - 14px),42% 100%,36% calc(100% - 14px),30% calc(100% - 3px),24% calc(100% - 12px),19% 100%,14% calc(100% - 17px),9% calc(100% - 6px),4% calc(100% - 19px),0 calc(100% - 9px))}
#gruppen{z-index:1;margin-top:-24px;padding-top:65px}
#gruppen .section-heading{margin-bottom:38px}
#gruppen .section-heading .hand{margin-bottom:17px}
#gruppen .section-heading>p:last-child{margin-top:22px}
@media(max-width:760px){#gruppen{padding-top:52px}#gruppen .section-heading{margin-bottom:30px}#gruppen .section-heading>p:last-child{margin-top:18px}}

/* Original Galaxy event media, framed like perforated cinema film. */
.galaxy-film{position:relative;background:#08060b;padding:30px 0;z-index:3}
.galaxy-film::before,.galaxy-film::after{content:"";position:absolute;left:0;right:0;height:15px;background:repeating-linear-gradient(90deg,transparent 0 9px,#f4e6ce 9px 26px,transparent 26px 39px);pointer-events:none}
.galaxy-film::before{top:7px}.galaxy-film::after{bottom:7px}
.galaxy-film-frames{display:grid;grid-template-columns:1fr 1fr 1fr 1.7fr 1fr;gap:7px}
.galaxy-film figure{margin:0;min-width:0;height:clamp(160px,18vw,280px);overflow:hidden;background:#21122d}
.galaxy-film img,.galaxy-film video{width:100%;height:100%;display:block;object-fit:cover}
.galaxy-film video{object-fit:contain;background:#08060b}
.galaxy-film + .pricing{margin-top:0}
@media(max-width:760px){.galaxy-film{padding:25px 0}.galaxy-film::before,.galaxy-film::after{height:12px}.galaxy-film::before{top:6px}.galaxy-film::after{bottom:6px}.galaxy-film-frames{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:6px}.galaxy-film figure{flex:0 0 64vw;height:190px;scroll-snap-align:center}.galaxy-film figure.galaxy-film-video{flex-basis:90vw}}

/* Closing banner: original cinematic hero, keep the buzzer in the mobile crop. */
.last-call>img{object-position:65% center}
@media(max-width:760px){.last-call>img{object-position:72% center}}

/* Hold the complete hero frame until the ticker and paper have covered it.
   The extra frame of pin travel is cancelled by the ticker overlap. */
body:not(.motion-off) .hero{height:calc(var(--hero-frame,100svh) * 2.45);z-index:0}
body:not(.motion-off) .hero-pin{height:100svh;position:sticky;top:0}
body:not(.motion-off) .hero+.ticker{margin-top:calc(-1 * var(--hero-frame-global,100svh) - 25px)}
body:not(.motion-off) .hero-art{transform:none!important;will-change:auto}
body:not(.motion-off) .hero-copy,body:not(.motion-off) .hero-stamp,body:not(.motion-off) .hero-floor{opacity:calc(1 - var(--hero-exit,0));translate:0 calc(-48px * var(--hero-exit,0));will-change:opacity,translate}
body:not(.motion-off) .hero-copy{transform:none!important}
body.motion-off .hero-copy,body.motion-off .hero-stamp,body.motion-off .hero-floor{translate:none;opacity:1}