/* Compact group estimate within the existing prices section. */
.group-calculator{margin:28px 0 42px;padding:30px;background:#21122d;color:#f4e7ca;border:2px solid #a778d8;box-shadow:7px 8px 0 #21122d22}.group-calculator h3{font:900 clamp(28px,3vw,42px)/1.05 'Barlow Condensed',sans-serif;margin:10px 0 24px}.calculator-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:32px}.group-calculator form{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;align-content:start}.group-calculator label{font-size:16px;font-weight:700;display:flex;flex-direction:column;gap:7px}.group-calculator select,.group-calculator input[type=number]{font:500 18px 'Barlow',sans-serif;border:1px solid #a778d8;border-radius:999px;padding:12px 20px;background:#fff5df;color:#21122d;width:100%;min-width:0;min-height:48px}.group-calculator .check-label{flex-direction:row;align-items:center;gap:12px}.group-calculator input[type=checkbox]{width:22px;height:22px;accent-color:#ec701b}.group-calculator [hidden]{display:none!important}.field-hint{font-size:14px;grid-column:1/-1;margin:0}.field-hint:empty{display:none}.calculator-result{border-left:1px solid #f4e7ca44;padding-left:30px}.calculator-result p{font-size:17px;margin:0 0 12px}.calculator-result strong{display:block;font:900 clamp(42px,4vw,64px)/1.1 'Barlow Condensed',sans-serif;color:#ffa154;margin-bottom:15px}.calculator-result small{display:block;font-size:14px;line-height:1.5;margin-top:18px}.calculator-result .paint-button{font-size:23px;padding:16px 24px}.group-calculator :focus-visible{outline:3px solid #ff9a40;outline-offset:3px}
/* Three photographic brand entries, native keyboard/touch disclosure. */
.experience-menu{position:relative;color:#f4e7ca}.experience-menu>summary{cursor:pointer;list-style:none;font:800 19px/1.1 'Barlow Condensed',sans-serif;text-transform:uppercase;white-space:nowrap;text-shadow:1px 2px #000}.experience-menu>summary::-webkit-details-marker{display:none}.experience-menu>summary::after{content:'+';display:inline-block;margin-left:7px;color:#ec701b}.experience-menu[open]>summary::after{content:'−'}.experience-choices{position:absolute;top:calc(100% + 20px);left:0;width:340px;max-width:calc(100vw - 30px);padding:10px;background:#160e20;border:2px solid #a778d8;box-shadow:0 16px 35px #0008;display:grid;gap:8px;z-index:100}.experience-choices>a{display:grid!important;grid-template-columns:92px 1fr;align-items:center;gap:14px;padding:10px!important;filter:none!important;transform:none!important;text-shadow:none!important;color:#f4e7ca!important;background:#ffffff08;text-align:left!important}.experience-choices>a:hover{background:#a778d830}.experience-thumb{position:relative;width:92px;height:76px;display:grid;place-items:center;isolation:isolate}.experience-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.65;z-index:-1}.experience-logo{width:65px;height:58px;object-fit:contain;filter:drop-shadow(2px 2px 1px #000)}.experience-choices strong{display:block;font:800 23px/1.1 'Barlow Condensed',sans-serif;text-transform:uppercase}.experience-choices small{display:block;margin-top:6px;font:500 14px/1.35 'Barlow',sans-serif;text-transform:none}.experience-menu summary:focus-visible{outline:3px solid #ec701b;outline-offset:6px}.site-header:has(.experience-menu[open]){transform:translateY(0)!important}.site-header nav{gap:clamp(12px,1.3vw,23px)}.site-header nav>a{font-size:19px}.mobile-menu{overflow-y:auto;max-height:100dvh}.mobile-menu .experience-menu>summary{font-size:38px;margin:15px 0}.mobile-menu .experience-choices{position:static;width:100%;max-width:100%;box-shadow:none;margin:10px 0}.mobile-menu .experience-choices strong{font-size:23px}.mobile-menu .experience-choices small{font-size:14px}.mobile-menu .experience-choices a{margin:0!important}
/* Context-aware mobile action. */
.smart-book{display:none!important}.smart-book[hidden]{display:none!important}@media(max-width:760px){.smart-book.is-visible{position:fixed;left:0;right:0;bottom:0;z-index:90;background:#140d1cf5;display:flex!important;justify-content:center;padding:8px 18px max(8px,env(safe-area-inset-bottom));box-shadow:0 -4px 20px #0004}.smart-book .paint-button,.smart-book .cta{font-size:22px;padding:12px 20px;min-height:52px;width:100%;max-width:430px;justify-content:center}.smart-book .clash-action-icon{width:32px;height:32px;flex-basis:32px}.smart-book .clash-action-icon img{width:32px!important;height:32px!important}body:has(.smart-book) footer{padding-bottom:100px}.calculator-grid{grid-template-columns:1fr;gap:25px}.calculator-result{border-left:0;border-top:1px solid #f4e7ca44;padding:24px 0 0}.group-calculator{padding:22px 18px;margin-inline:-3vw}.group-calculator form{gap:16px 12px}.group-calculator label{font-size:15px}.group-calculator select{font-size:16px}.group-calculator .check-label{grid-column:1/-1}}
/* Each game world keeps its existing 3D object and receives its own graphic atmosphere. */
.discipline-atmosphere{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.discipline-atmosphere>div{opacity:0;transition:opacity .65s}.world-pin[data-atmosphere="0"] .knowledge-atmos,.world-pin[data-atmosphere="1"] .skill-atmos,.world-pin[data-atmosphere="2"] .action-atmos{opacity:1}.world-pin[data-atmosphere="0"] .world-backdrop{filter:hue-rotate(-12deg)}.world-pin[data-atmosphere="1"] .world-backdrop{filter:hue-rotate(32deg)}.world-pin[data-atmosphere="2"] .world-backdrop{filter:hue-rotate(-35deg)}.world-backdrop{transition:filter .7s}.knowledge-atmos{position:absolute;top:12%;right:8%;padding:14px 25px;border:2px solid #ec701b80;transform:rotate(3deg);background:#130b1e99;color:#ffc46d;box-shadow:0 0 35px #ec701b22}.knowledge-atmos span{font:700 14px 'Barlow',sans-serif;letter-spacing:.18em;display:block}.knowledge-atmos b{font:800 43px 'Barlow Condensed',sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.1em}.skill-atmos{position:absolute;inset:0;background:linear-gradient(transparent 49.8%,#f4e7ca18 50%,transparent 50.2%),linear-gradient(90deg,transparent 69.8%,#f4e7ca18 70%,transparent 70.2%)}.skill-atmos i{position:absolute;width:110px;height:110px;border:1px dashed #f4e7ca66;border-radius:50%;left:72%;top:24%}.skill-atmos i:nth-child(2){left:61%;top:63%;width:75px;height:75px}.skill-atmos i:nth-child(3){left:85%;top:45%;width:45px;height:45px}.action-atmos{position:absolute;inset:0;transform:rotate(-25deg)}.action-atmos i{position:absolute;left:55%;top:20%;width:43%;height:190px;border-top:3px solid #ff9e4277;border-radius:50%;filter:drop-shadow(0 0 6px #ec701b88)}.action-atmos i:nth-child(2){top:25%;left:58%;width:39%;opacity:.5}.action-atmos i:nth-child(3){top:30%;left:61%;width:35%;opacity:.3}.extra-motion .knowledge-atmos{animation:score-glow 3s ease-in-out infinite}.extra-motion .skill-atmos i{animation:target-scan 6s linear infinite}.extra-motion .action-atmos i{animation:ball-trail 2.8s ease-in-out infinite}.extra-motion .action-atmos i:nth-child(2){animation-delay:.2s}.extra-motion .action-atmos i:nth-child(3){animation-delay:.4s}.clock-hand{transform-origin:52px 58px}.touch-hand{transform-origin:64px 75px}.extra-motion .clock-hand{animation:clock-turn 8s linear infinite}.extra-motion .touch-hand{animation:screen-tap 2.6s ease-in-out infinite}.ticker-trophy.extra-motion{animation:trophy-shine 3.4s ease-in-out infinite}.motion-off .discipline-atmosphere{display:none}@keyframes clock-turn{to{transform:rotate(360deg)}}@keyframes screen-tap{0%,60%,100%{transform:translateY(0)}25%,40%{transform:translateY(-5px) scale(.96)}}@keyframes trophy-shine{0%,70%,100%{filter:none}35%{filter:brightness(1.6) drop-shadow(0 0 6px #ffd460)}}@keyframes score-glow{50%{box-shadow:0 0 38px #ec701b55}}@keyframes target-scan{to{transform:rotate(360deg)}}@keyframes ball-trail{50%{transform:translate(12px,-8px);opacity:.65}}@media(max-width:760px){.knowledge-atmos{top:8%;right:6%;padding:8px 12px}.knowledge-atmos span{font-size:12px}.knowledge-atmos b{font-size:27px}.skill-atmos i{width:70px;height:70px}.discipline-atmosphere{opacity:.55}}@media(prefers-reduced-motion:reduce){.extra-motion,.extra-motion *{animation:none!important}.discipline-atmosphere>div,.world-backdrop{transition:none}}

.winner-morph.extra-motion:is(.winner-burst,.winner-finished)::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,#fff9 48%,transparent 60%);clip-path:polygon(20% 10%,80% 10%,80% 65%,60% 75%,65% 95%,35% 95%,40% 75%,20% 65%);pointer-events:none;animation:cup-glint 3.4s ease-in-out infinite}@keyframes cup-glint{0%,65%,100%{opacity:0;transform:translateX(-25%)}35%{opacity:.8;transform:translateX(20%)}}
@media(max-width:460px){.group-calculator form>label:first-child{grid-column:1/-1}.group-calculator form>label:nth-child(2){grid-column:1/-1}.group-calculator form>label:nth-child(4){grid-column:1/-1}.experience-choices{max-width:100%}}
@media(max-width:1200px){.site-header>nav{display:none}.site-header>.menu-button{display:block}}

/* Navigation disclosures must not inherit the FAQ accordion layout. */
body>header>nav{align-items:center}
header .experience-menu{margin:0;padding:0;border:0;flex:none}
header .experience-menu>summary{display:inline-flex;align-items:center;justify-content:flex-start;gap:0;padding:0;margin:0}

/* Location panel: keep map controls native and readable. */
.clash-location{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(28px,5vw,72px);align-items:center;padding:0 0 65px;margin-bottom:55px;border-bottom:1px solid #f4e7ca33;text-align:left}.clash-location .hand{margin:0 0 18px;color:#ec701b}.clash-location h2{font:900 clamp(38px,4vw,60px)/1 'Barlow Condensed',sans-serif;color:#f4e7ca;margin:0 0 24px}.clash-location address{font-style:normal;font-size:20px;line-height:1.5;color:#f4e7ca}.clash-location ul{list-style:none;padding:0;margin:22px 0;display:grid;gap:12px;font-size:16px;line-height:1.5;color:#d4c2dd}.clash-location li strong{color:#f4e7ca}.clash-location .clash-arrival-time{font-size:15px;line-height:1.5;margin:0 0 22px;color:#d4c2dd}.clash-location .paint-button{width:fit-content;font-size:22px}.clash-location .clash-entrance-link{display:block;width:fit-content;margin-top:18px;text-decoration:underline;text-underline-offset:4px;font-size:15px}.clash-location-map{min-width:0;background:#a778d8;border:5px solid #a778d8;box-shadow:8px 8px 0 #000}.clash-location-map iframe{display:block;border:0;width:100%;height:410px;background:#f4e7ca}.clash-location-map>a{display:block;padding:12px;text-align:center;color:#21122d;font-weight:700;font-size:15px;text-decoration:underline}.clash-location a:focus-visible{outline:3px solid #ec701b;outline-offset:5px}@media(max-width:760px){.clash-location{grid-template-columns:1fr;gap:30px;padding-bottom:40px;margin-bottom:40px}.clash-location-map iframe{height:310px}.clash-location h2{font-size:42px}}

/* Shared menu typography; native details must match the adjacent anchors. */
.site-header nav>a,.site-header nav>.experience-menu>summary{font:800 19px/1.1 var(--display);letter-spacing:.025em;text-transform:uppercase;filter:url(#nav-ink-outline);text-shadow:0 1px 0 #050307}
body>header:not(.site-header)>nav>a,body>header:not(.site-header)>nav>.experience-menu>summary{font:800 20px/1.1 'Barlow Condensed',sans-serif;letter-spacing:0;text-transform:uppercase}
body>header:not(.site-header)>nav{align-items:center}body>header:not(.site-header) .experience-menu{padding:0;border:0;margin:0}
.hero-trailer-window>span{display:none}
/* Half the previous scroll spacing, while keeping body text readable. */
#ablauf.process-parallax .process-content{gap:30px;padding:50svh 7vw 55px}
#ablauf.process-parallax .process-steps{padding-top:27.5svh}
#ablauf.process-parallax .process-step{min-height:23.5svh;padding-top:15px;padding-bottom:27px;margin-bottom:25px}
#ablauf.process-parallax .process-tail{padding-top:18px;min-height:12svh}
#ablauf .process-step .hand{margin-bottom:14px}
/* The purple teeth overlap the video; there is no intervening dark seam. */
#gruppen{position:relative;z-index:2;padding-bottom:85px;clip-path:polygon(0 0,100% 0,100% calc(100% - 36px),96% calc(100% - 6px),92% calc(100% - 40px),88% calc(100% - 4px),84% calc(100% - 34px),79% 100%,74% calc(100% - 42px),69% calc(100% - 7px),64% calc(100% - 36px),59% calc(100% - 3px),54% calc(100% - 43px),49% calc(100% - 8px),44% calc(100% - 38px),39% 100%,34% calc(100% - 35px),29% calc(100% - 5px),24% calc(100% - 42px),19% calc(100% - 4px),14% calc(100% - 35px),9% 100%,4% calc(100% - 40px),0 calc(100% - 10px))}
#gruppen+.real-clash{margin-top:-52px;clip-path:none;z-index:1}
@media(max-width:760px){#ablauf.process-parallax .process-content{padding:45svh 7vw 38px;gap:18px}#ablauf.process-parallax .process-steps{padding-top:10svh}#ablauf.process-parallax .process-step{min-height:0;padding:13px 0 23px;margin-bottom:23px}#ablauf.process-parallax .process-tail{padding-top:0;min-height:0}}

/* Shared illustrated action plaques. Labels remain selectable and accessible. */
.paint-button,.cta{background:transparent url('assets/graffiti-button-v2.png') center/100% 100% no-repeat!important;clip-path:none!important;border:0!important;box-shadow:none!important;padding:22px 38px;min-height:76px;gap:12px;isolation:isolate}
.paint-button::before,.paint-button::after,.cta::before,.cta::after{display:none!important}
.paint-button:hover,.cta:hover{filter:brightness(1.08)}
.site-header .paint-button.small,body>header .cta{padding:17px 26px;min-height:66px;gap:7px}
.hero-actions>.paint-button{padding:24px 32px;min-height:78px}
.calculator-result .paint-button{padding:23px 36px;min-height:78px}
.paint-button .button-label,.cta{color:#fff0c7;text-shadow:1px 1px 0 #27102e,2px 2px 0 #27102e}
.hero-stamp{width:174px;height:174px;background:none;border:0;box-shadow:none;backdrop-filter:none;transform:rotate(5deg)}
.hero-stamp::before,.hero-stamp::after{display:none}
.hero-stamp>img{width:100%;height:100%;object-fit:contain}
.facts-strip>div{grid-template-columns:86px minmax(0,1fr);column-gap:12px}
.facts-strip img.fact-icon{width:86px;height:96px;object-fit:contain;grid-row:1/3;align-self:center}
.game-graffiti-icon{flex:0 0 84px;width:84px;height:84px;object-fit:contain;filter:drop-shadow(2px 3px 0 #21122d20)}
.game-ticket summary{padding-block:12px}
.ticker{padding:20px 0;background:#21122d;box-shadow:0 5px 0 #110c17;isolation:isolate}
.ticker::before,.ticker::after{content:"";position:absolute;z-index:2;left:0;right:0;height:18px;background:repeating-linear-gradient(90deg,transparent 0 10px,#f3e6c9 10px 24px,transparent 24px 36px) center/100% 10px no-repeat,#100b16}
.ticker::before{top:0}.ticker::after{bottom:0}
.ticker .ticker-track{display:flex;width:max-content;animation:marquee 22s linear infinite}
.ticker .ticker-sequence{display:flex;align-items:center;gap:22px;padding-right:22px;width:max-content;animation:none}
.ticker-word{display:block;width:230px;height:96px;object-fit:contain}
.ticker-word-knowledge{width:330px}.ticker-word-team-de,.ticker-word-team-en{width:620px}
.ticker img.ticker-trophy{display:block;width:70px;height:84px;object-fit:contain;margin:0;flex:none}
.real-clash .partner{width:248px;height:248px;bottom:24px;right:4vw;padding:52px 44px 47px;display:flex;flex-direction:column;justify-content:center;gap:5px;background:transparent url('assets/graffiti-partner-stamp-v2.png') center/contain no-repeat;transform:rotate(5deg);box-shadow:none}
.real-clash .partner>img{width:116px;height:85px;object-fit:contain;flex:none}
.real-clash .partner>span{font:800 12px/1.15 'Barlow',sans-serif;text-align:center;color:#21122d;max-width:145px}
@media(max-width:1100px){.site-header nav>a,.site-header nav>.experience-menu>summary{font-size:17px}.site-header .paint-button.small{padding-inline:20px}.facts-strip>div{grid-template-columns:70px minmax(0,1fr)}.facts-strip img.fact-icon{width:70px;height:84px}}
@media(max-width:760px){.hero-stamp{width:116px;height:116px}.paint-button,.cta{padding:22px 30px;min-height:72px}.site-header .paint-button.small,body>header .cta{padding:16px 22px;min-height:62px}.hero-actions>.paint-button{padding:21px 26px;min-height:70px}.smart-book .paint-button,.smart-book .cta{padding:18px 28px;min-height:66px}.game-graffiti-icon{flex-basis:60px;width:60px;height:68px}.game-ticket summary{gap:10px}.ticker-word{width:175px;height:78px}.ticker-word-knowledge{width:240px}.ticker-word-team-de,.ticker-word-team-en{width:490px}.ticker img.ticker-trophy{width:54px;height:66px}.real-clash .partner{width:194px;height:194px;padding:40px 33px 35px;right:4vw;bottom:18px}.real-clash .partner>img{width:94px;height:63px}.real-clash .partner>span{font-size:10px}.real-clash{padding-bottom:220px}}
@media(prefers-reduced-motion:reduce){.ticker .ticker-track{animation:none}}
body.motion-off .ticker .ticker-track{animation:none}
/* Long word art has transparent headroom; keep its painted letters at the same scale. */
.ticker .ticker-sequence{height:100px}.ticker-word-team-de,.ticker-word-team-en{height:207px}
img.fact-icon.extra-motion{animation:fact-art-float 4s ease-in-out infinite}
@keyframes fact-art-float{50%{transform:translateY(-3px) rotate(3deg)}}
@media(max-width:760px){.ticker .ticker-sequence{height:80px}.ticker-word-team-de,.ticker-word-team-en{height:164px}}

/* Keep the full label/icon group inside the orange face of the painted plaque.
   The lower paint drips make the artwork's optical centre higher than 50%. */
.art-button.art-button{display:inline-flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:fit-content;max-width:100%;min-width:0;min-height:98px!important;padding:26px 54px 38px!important;gap:0!important;font-size:23px;line-height:1.12;text-align:center;vertical-align:middle;flex-shrink:0}
.art-button .art-button-content{display:inline-flex;align-items:center;justify-content:center;gap:10px;max-width:240px;min-width:0;width:100%;line-height:1.12}
.art-button .button-label{display:block;flex:0 1 auto;min-width:0;white-space:normal;overflow-wrap:normal;word-break:normal;text-align:center;text-wrap:balance;transform:none!important;line-height:1.12;letter-spacing:0}
.art-button .art-button-content>.clash-action-icon,.art-button .art-button-content>.action-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px!important;width:34px!important;height:36px!important;margin:0!important;object-fit:contain}
.art-button .clash-action-icon img{width:34px!important;height:36px!important;object-fit:contain}
header .art-button.art-button{font-size:19px!important;min-height:82px!important;padding:22px 42px 32px!important}
header .art-button .art-button-content{max-width:195px;gap:7px}
header .art-button .art-button-content>.clash-action-icon,header .art-button .art-button-content>.action-icon,header .art-button .clash-action-icon img{flex-basis:27px!important;width:27px!important;height:29px!important}
@media(max-width:760px){.art-button.art-button{font-size:21px;min-height:92px!important;padding:25px 46px 35px!important}.art-button .art-button-content{max-width:220px;gap:8px}header .art-button.art-button{font-size:17px!important;padding:19px 32px 27px!important;min-height:74px!important;max-width:calc(100vw - 166px)}header .art-button .art-button-content{gap:5px}.smart-book .art-button.art-button{width:min(100%,410px);max-width:410px}}
@media(max-width:380px){header .art-button .art-button-content>.clash-action-icon,header .art-button .art-button-content>.action-icon{flex-basis:23px!important;width:23px!important;height:25px!important}header .art-button.art-button{font-size:16px!important;padding-inline:28px!important}}

/* Centre the logo/text group inside the stamp's cream disc, not the outer splatter. */
.real-clash .partner{width:310px;height:310px;padding:0;display:grid;place-items:center;transform:rotate(0deg);bottom:22px;right:3vw}
.real-clash .partner-content{position:absolute;left:50%;top:49%;width:56%;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transform:translate(-50%,-50%)}
.real-clash .partner-content>img{display:block;width:150px;max-width:100%;height:110px;object-fit:contain;flex:none}
.real-clash .partner-content>span{display:block;width:100%;max-width:none;white-space:nowrap;text-align:center;font:700 11px/1.2 'Barlow',sans-serif;color:#21122d}
@media(max-width:760px){.real-clash .partner{width:248px;height:248px;bottom:12px;right:4vw}.real-clash .partner-content{gap:6px}.real-clash .partner-content>img{width:120px;height:88px}.real-clash .partner-content>span{font-size:9px;max-width:none}.real-clash{padding-bottom:280px}}
