@font-face{font-family:Clarika;src:url('assets/landing/clarika-regular.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:Clarika;src:url('assets/clarika-geo-700.otf') format('opentype');font-weight:700;font-display:swap}
@font-face{font-family:Clarika;src:url('assets/landing/clarika-black.otf') format('opentype');font-weight:900;font-display:swap}
:root{--sky:#75beee;--navy:#272b4e;--ink:#414242;--muted:#64788a;--ease:cubic-bezier(.22,1,.36,1);color:var(--navy);background:#fff;font-family:Clarika,Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}svg{display:block}a:focus-visible,button:focus-visible,summary:focus-visible,.game-scroll:focus-visible{outline:2px solid #1780bf;outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
.skip-link{position:fixed;left:16px;top:-80px;background:var(--navy);color:white;padding:14px 20px;z-index:30}.skip-link:focus{top:12px}
.site-header{height:90px;margin:0 4%;border-bottom:1px solid #e8eff4;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:10}.brand{display:block;padding:8px 0;flex:none}.brand img{display:block;width:119px;height:auto}.header-note{font-size:9px;letter-spacing:.19em;font-weight:700;color:var(--muted)}.header-games{display:flex;gap:14px;align-items:center;font-size:10px;letter-spacing:.12em;font-weight:900;min-height:44px}.header-games>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid #dce8f0;border-radius:50%;font-size:20px;transition:background .2s,transform .2s}.header-games:hover>span{background:#e9f6ff;transform:rotate(45deg)}
.experience{position:relative;isolation:isolate;overflow:hidden;padding:24px 20px 22px;min-height:calc(100svh - 143px);background:radial-gradient(ellipse 350px 270px at 50% 38%,#e9f7ff 0,#f9fdff88 68%,#fff0 100%)}
.field-decoration{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.field-decoration:before,.field-decoration:after{content:"";position:absolute;top:10%;width:33%;height:62%;border:1px solid #e9f3f9;transform:skew(-22deg)}.field-decoration:before{left:-25%}.field-decoration:after{right:-25%;transform:skew(22deg)}.field-decoration i{position:absolute;top:42%;left:calc(50% - 310px);width:6px;height:6px;border:1px solid #9acded;border-radius:50%}.field-decoration i+i{left:auto;right:calc(50% - 310px);top:24%;width:4px;height:4px;background:#a8d8f4;border:0}
.intro{text-align:center;position:relative;z-index:3;animation:arrival .8s var(--ease) both}.intro h1{width:300px;max-width:78vw;margin:0 auto;line-height:0}.intro h1 img{width:100%;height:auto}.intro>p{font-size:12px;letter-spacing:.02em;margin:10px 0 8px;color:var(--muted)}
.mascot-stage{position:relative;margin:0 auto;max-width:800px}.mascot-frame{position:relative;width:min(390px,calc(100vw - 48px));margin:0 auto}.mascot-float{animation:breathe 5.8s ease-in-out infinite}.mascot-tilt{transform:perspective(850px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .35s var(--ease)}.mascot-fallback{display:block;width:100%;height:auto;filter:drop-shadow(0 16px 16px #24436612)}.mascot-canvas{display:none;width:100%;height:100%;filter:drop-shadow(0 16px 16px #24436612)}
.face-trigger{position:absolute;inset:3% 3% 0;z-index:3;border-radius:45%;cursor:pointer}.face-trigger:focus-visible{outline-offset:5px}.touch-badge{position:absolute;right:-46px;top:49%;display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #dfedf6;border-radius:40px;box-shadow:0 8px 25px #3667870b;padding:11px 12px 11px 16px;font-size:8px;letter-spacing:.13em;font-weight:900;transform:rotate(7deg);transition:transform .35s var(--ease),background .3s}.touch-badge>span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;color:var(--navy);background:#e9f6ff;font-size:17px}.face-trigger:hover .touch-badge{transform:translateY(-4px) rotate(0);background:#f4fbff}.face-trigger:active .touch-badge{transform:scale(.94)}
.mouth-menu{position:relative;background:#182039;border-radius:18px;padding:16px;margin:24px -5% 0;outline:none;color:white}.games-dropdown{height:100%;display:flex;flex-direction:column}.games-dropdown summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;font-size:12px;letter-spacing:.04em;font-weight:900;min-height:34px;color:#d1eaff;border-bottom:1px solid #75beee24;flex:none}.games-dropdown summary::-webkit-details-marker{display:none}.games-dropdown summary>span{font:20px Arial,sans-serif;transition:transform .2s}.games-dropdown:not([open]) summary>span{transform:rotate(-90deg)}.game-scroll{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#75beee8f transparent;scrollbar-gutter:stable;max-height:230px;outline-offset:-2px!important;scroll-behavior:smooth}.game-scroll::-webkit-scrollbar{width:3px}.game-scroll::-webkit-scrollbar-thumb{background:#75beee8f;border-radius:6px}
.game-link{display:flex;align-items:center;gap:9px;color:white;min-height:60px;padding:10px 5px;border-bottom:1px solid #75beee22;transition:background .2s,padding .2s}.game-link:last-child{border-bottom:0}.game-link:hover{background:#75beee14;padding-left:9px}.game-link:focus-visible{outline-color:var(--sky);outline-offset:-2px}.game-number{font-size:10px;color:#86acc7;flex:none}.game-link strong{font-size:13px;font-weight:900;display:block;white-space:nowrap;line-height:1.2}.game-link small{display:block;font-size:10px;margin-top:4px;color:#a7bbcd}.game-arrow{margin-left:auto;font-size:20px;flex:none;color:var(--sky)}.catalog-more{border:0;background:none;color:#b7d9ee;font-size:8px;letter-spacing:.13em;min-height:26px;width:100%;display:flex;justify-content:center;align-items:center;gap:10px}.catalog-more>span{font:17px Arial,sans-serif}.catalog-more:hover{color:white}.catalog-more:disabled{opacity:.45;cursor:default}
.invitation{text-align:center;margin-top:8px;min-height:70px;position:relative;z-index:5}.ready-trigger{display:inline-flex;align-items:center;gap:17px;font-size:31px;letter-spacing:-.035em;font-weight:900;min-height:46px}.ready-arrow{display:grid;place-items:center;width:41px;height:41px;border-radius:50%;background:var(--navy);color:white;font-size:26px;box-shadow:0 4px 0 #c4e3f6;transition:transform .25s var(--ease),background .2s}.ready-trigger:hover .ready-arrow{transform:translate(3px,-3px);background:#197cb5}.close-trigger{display:none;align-items:center;gap:12px;font-size:11px;font-weight:900;letter-spacing:.06em;border:1px solid #d3e6f2;border-radius:30px;background:white;color:var(--navy);padding:11px 19px;min-height:44px}.close-trigger>span{font-size:18px}.close-trigger:hover{background:#eef9ff}.touch-hint{font-size:12px;color:var(--muted);margin:9px 0 0}.play-benefits{display:flex;justify-content:center;gap:17px;font-size:8px;letter-spacing:.13em;font-weight:700;color:var(--muted);margin:19px 0 24px}.play-benefits>span+span:before{content:"·";color:var(--sky);margin-right:17px}
.sponsors{max-width:680px;margin:0 auto;border-top:1px solid #e3edf4;padding-top:16px;text-align:center}.sponsors>p{font-size:8px;font-weight:700;letter-spacing:.19em;color:#7a858e;margin:0 0 16px}.sponsor-row{display:grid;align-items:center;justify-content:center;margin:0 auto}.principal{grid-template-columns:repeat(3,140px);gap:34px;height:30px}.partners{grid-template-columns:repeat(5,minmax(0,1fr));gap:25px;height:24px;margin-top:15px}.friends{grid-template-columns:110px 110px;gap:40px;height:30px;margin-top:14px}.sponsor{display:flex;align-items:center;justify-content:center;height:100%;min-width:0;opacity:.78}.sponsor svg,.sponsor img{width:100%;height:100%;max-height:25px;object-fit:contain;filter:grayscale(1);mix-blend-mode:multiply}.principal .sponsor svg{max-height:30px}.sponsor-cristal img{max-height:33px;width:auto;max-width:100%}.friends .sponsor:not(.sponsor-cristal) img{filter:grayscale(1) brightness(.62)}
footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 4%;font-size:8px;font-weight:700;letter-spacing:.09em;color:#6f7f90;border-top:1px solid #e8eff4}footer a{color:var(--navy)}
.is-enhanced .mascot-fallback{display:none}.is-enhanced .mascot-canvas{display:block}.is-enhanced .mascot-float,.is-enhanced .mascot-tilt{height:100%}.is-enhanced .mouth-menu{position:absolute;z-index:4;left:31.4%;width:37.2%;top:61.5%;height:21.5%;padding:0;margin:0;background:transparent;border-radius:0;opacity:0;visibility:hidden;transform:translateY(9px);pointer-events:none;transition:opacity .3s,transform .4s var(--ease),visibility .3s}.is-enhanced .games-dropdown[open]{display:flex}.is-enhanced .game-scroll{max-height:none;flex:1;min-height:0}.is-enhanced .game-link{min-height:58px}.is-enhanced .game-number{display:none}.is-enhanced .games-dropdown:not([open]) .game-scroll,.is-enhanced .games-dropdown:not([open]) .catalog-more{display:none}.experience[data-state="open"] .mouth-menu{opacity:1;visibility:visible;transform:none;pointer-events:auto}.experience[data-state="closed"] .mouth-menu{transition:none}.experience[data-state="open"] .face-trigger,.experience[data-state="opening"] .face-trigger{visibility:hidden;pointer-events:none}.experience:not([data-state="closed"]) .mascot-float{animation:none}.experience:not([data-state="closed"]) .mascot-tilt{transform:none}.experience[data-state="open"] .ready-trigger,.experience[data-state="opening"] .ready-trigger{display:none}.experience[data-state="open"] .close-trigger,.experience[data-state="opening"] .close-trigger{display:inline-flex}.experience[data-state="opening"] .close-trigger{opacity:.65}.motion-paused .mascot-float{animation-play-state:paused}
@keyframes breathe{0%,100%{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-5px) rotate(.5deg)}}@keyframes arrival{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:700px) and (max-height:820px){.site-header{height:78px}.brand img{width:105px}.experience{padding-top:18px}.intro h1{width:250px}.intro>p{font-size:11px;margin:8px 0}.mascot-frame{width:320px}.ready-trigger{font-size:28px}.invitation{margin-top:3px;min-height:62px}.play-benefits{margin:16px 0 18px}.sponsors{padding-top:13px}.sponsors>p{margin-bottom:13px}.partners,.friends{margin-top:10px}}
@media(max-width:640px){.site-header{height:75px;margin-inline:20px}.brand img{width:100px}.header-note{display:none}.header-games{font-size:9px;gap:9px}.header-games>span{width:29px;height:29px}.experience{padding:23px 16px 22px;background:radial-gradient(ellipse 210px 200px at 50% 36%,#e7f6ff 0,#fff0 100%)}.intro h1{width:265px}.intro>p{font-size:11px;margin:11px 0 9px}.mascot-frame{width:min(320px,calc(100vw - 42px))}.mascot-stage{width:100%}.touch-badge{font-size:7px;padding:8px 9px 8px 11px;gap:7px;right:-8px;top:48%;transform:rotate(8deg)}.touch-badge>span{width:20px;height:20px;font-size:15px}.invitation{margin-top:9px;min-height:64px}.ready-trigger{font-size:27px;gap:15px}.ready-arrow{width:36px;height:36px;font-size:23px}.touch-hint{font-size:10px}.play-benefits{font-size:7px;letter-spacing:.09em;gap:12px;margin:17px 0 22px}.play-benefits>span+span:before{margin-right:12px}.sponsors{padding-top:15px}.sponsors>p{font-size:7px;letter-spacing:.13em;margin-bottom:14px}.principal{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:90%;height:22px}.principal .sponsor svg{max-height:22px}.partners{height:18px;gap:12px;margin-top:15px}.friends{grid-template-columns:88px 88px;gap:31px;height:26px;margin-top:15px}.sponsor svg,.sponsor img{max-height:18px}.friends .sponsor img{max-height:24px}.sponsor-cristal img{max-height:29px!important}.sponsor{opacity:.8}footer{font-size:7px;letter-spacing:.03em;padding:18px 20px}footer>span:nth-child(2){display:none}.is-enhanced .mouth-menu{left:31%;width:38%;top:61.5%;height:21.5%}.games-dropdown summary{font-size:10px;letter-spacing:0;min-height:27px}.games-dropdown summary>span{font-size:16px}.is-enhanced .game-link{min-height:49px;padding:9px 3px;gap:4px}.game-link strong{font-size:11px}.game-link small{font-size:8px;margin-top:3px}.game-arrow{font-size:16px}.catalog-more{font-size:7px;min-height:21px;gap:7px}.catalog-more>span{font-size:14px}}
@media(max-width:360px){.intro h1{width:240px}.intro>p{font-size:10px}.touch-badge{right:0}.partners{gap:9px}.touch-hint{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.mascot-tilt{transform:none!important}}

/* Explicit scroll height also supports browsers without details-content layout. */
.is-enhanced .mouth-menu{top:61.7%;height:20%}
.is-enhanced .game-scroll{height:calc(var(--mouth-height) - 52px);max-height:calc(var(--mouth-height) - 52px)}
.is-enhanced .games-dropdown summary{min-height:30px}
.is-enhanced .game-link{min-height:51px;padding-block:8px}
.is-enhanced .catalog-more{min-height:22px}
@media(min-width:700px) and (min-height:821px) and (max-height:980px){.intro h1{width:260px}.mascot-frame{width:340px}.experience{padding-top:18px}}
@media(max-width:640px){.is-enhanced .game-scroll{height:calc(var(--mouth-height) - 46px);max-height:calc(var(--mouth-height) - 46px)}.is-enhanced .games-dropdown summary{min-height:26px}.is-enhanced .catalog-more{min-height:20px}.is-enhanced .game-link{min-height:47px}}

/* The mascot becomes the catalogue selector; the chosen game gets its own preview. */
.site-header{justify-content:flex-start}
.experience-brand{position:absolute;left:50%;transform:translateX(-50%);width:210px;margin:0;line-height:0}
.experience-brand img{display:block;width:100%;height:auto}
@media(max-width:640px){.site-header{justify-content:space-between;gap:18px}.experience-brand{position:static;transform:none;width:185px;max-width:58%}}
.experience{padding-top:22px}
.intro{margin-bottom:10px}.intro h1{width:300px}
.stage-layout{position:relative;max-width:1120px;margin:0 auto}
.mascot-stage{max-width:none;width:100%}
.invitation{margin-bottom:27px}
.sponsors{margin-top:8px}
.game-preview{position:absolute;right:1%;top:8%;width:44%;opacity:0;visibility:hidden;transform:translateX(26px);transition:opacity .5s var(--ease),transform .6s var(--ease),visibility .5s}
.experience[data-state="open"] .game-preview{opacity:1;visibility:visible;transform:none}
.preview-visual{position:relative;overflow:hidden;height:280px;border-radius:24px;background:linear-gradient(135deg,#eef9ff,#dff2ff)}
.preview-visual:before{content:"";position:absolute;width:85%;height:170%;border:1px solid #fff9;transform:rotate(35deg);right:-28%;top:-33%;border-radius:50%}
.preview-visual img{display:block;position:relative;width:100%;height:100%;object-fit:contain}
.preview-visual[data-art="runner"] img{padding:12px 0 0;filter:drop-shadow(0 12px 10px #37628118)}
.preview-visual[data-art="kart"] img{position:absolute;inset:0;width:200%;height:200%;max-width:none;object-fit:fill}
.preview-visual[data-art="trivia"] img{object-fit:contain;background:#f4f3ef}
.preview-copy{padding:24px 5px 0}.preview-label{font-size:10px;letter-spacing:.15em;font-weight:700;color:#657f92;margin:0 0 12px}.preview-label>span:first-child{color:#1680bd;margin-right:8px}.preview-copy h2{font-size:clamp(31px,3.2vw,46px);font-weight:900;line-height:.97;letter-spacing:-.035em;margin:0 0 15px;max-width:430px}.preview-description{font-size:15px;line-height:1.6;color:#627588;margin:0;max-width:405px;min-height:72px}.preview-play{display:inline-flex;align-items:center;gap:30px;border-radius:40px;background:var(--navy);color:white;padding:15px 23px;margin-top:23px;font-size:12px;font-weight:900;letter-spacing:.06em;transition:background .2s,transform .2s}.preview-play>span{font-size:23px;line-height:1}.preview-play:hover{background:#187cb5;transform:translateY(-2px)}.preview-counter{display:flex;align-items:center;gap:12px;color:#728595;font-size:10px;letter-spacing:.1em;margin:25px 0 0}.selected-game-number{color:var(--navy);font-weight:900}.counter-rule{height:1px;width:80px;background:#d7e7f1}.game-link[aria-current="true"]{background:#75beee1f}.game-link[aria-current="true"] strong{color:#9bd8ff}
@media(min-width:821px){.experience[data-state="open"] .touch-hint{font-size:11px}.intro h1{width:285px}.game-link strong{font-size:12px}.game-link small{font-size:9px}.games-dropdown summary{font-size:11px}.game-link{gap:5px}.is-enhanced .game-link{min-height:47px}}
@media(max-width:820px){.game-preview{position:relative;right:auto;top:auto;width:100%;max-width:460px;margin:0 auto;height:0;overflow:hidden;transform:translateY(16px)}.experience[data-state="open"] .game-preview{height:auto;overflow:visible;margin-top:6px;margin-bottom:34px}.preview-visual{height:245px;border-radius:20px}.preview-copy{padding-top:20px}.preview-copy h2{font-size:35px}.preview-description{font-size:14px;min-height:0}.preview-play{margin-top:20px}.preview-counter{margin-top:20px}.invitation{margin-bottom:22px}}
@media(max-width:640px){.intro h1{width:270px}.intro{margin-bottom:12px}.experience{padding-top:20px}.preview-visual{height:220px}.preview-copy h2{font-size:34px}.preview-description{font-size:13px}.preview-copy{padding-inline:7px}.sponsors{margin-top:4px}}

.preview-visual[data-art="kart"] img{inset:auto;top:0;left:calc(50% - 140px);width:560px;height:auto;clip-path:inset(0 50% 50% 0)}
@media(max-width:820px){.preview-visual[data-art="kart"] img{width:490px;left:calc(50% - 122.5px)}}
@media(max-width:640px){.preview-visual[data-art="kart"] img{width:440px;left:calc(50% - 110px)}}

/* Compact, neutral catalogue: one clear line per game, with details in the preview. */
.is-enhanced .mouth-menu{height:21.5%;background:#25262b;border-radius:7px;box-shadow:0 0 0 4px #25262b}
.games-dropdown summary{color:#f5f4f0;border-bottom:0;font-size:9px;letter-spacing:.13em}
.is-enhanced .games-dropdown summary{min-height:26px}
.game-scroll{scrollbar-color:#aaa8a1 transparent;scrollbar-gutter:auto;padding-right:4px}
.game-scroll::-webkit-scrollbar-thumb{background:#aaa8a1}
.is-enhanced .game-scroll{height:calc(var(--mouth-height) - 44px);max-height:calc(var(--mouth-height) - 44px)}
.is-enhanced .game-link,.game-link{min-height:30px;padding:6px 7px;margin-bottom:4px;gap:6px;border:0;border-radius:5px;background:#e5e4df;color:#303135;transition:background .18s,box-shadow .18s}
.game-link:last-child{margin-bottom:0}
.game-link:hover{padding-left:7px;background:#fff}
.is-enhanced .game-number{display:block;font-size:8px;color:#797a78}
.game-link strong{font-size:10px;letter-spacing:-.025em;font-weight:900}
.game-link small{display:none}
.game-arrow{font-size:14px;color:#5a5c5b}
.game-link[aria-current="true"]{background:#fff;box-shadow:inset 3px 0 #5a5c5b}
.game-link[aria-current="true"] strong{color:#222429}
.game-link:focus-visible{outline-color:#f5f4f0;outline-offset:1px}
.catalog-more{color:#c4c3bd;letter-spacing:.08em;font-size:7px}
.is-enhanced .catalog-more{min-height:18px}
.catalog-more:disabled{opacity:.65}
@media(max-width:640px){.game-link strong{font-size:9px}.is-enhanced .game-link{padding-inline:5px;gap:4px;min-height:34px}.game-arrow{font-size:12px}.games-dropdown summary{font-size:8px}.is-enhanced .games-dropdown summary{min-height:24px}.is-enhanced .game-scroll{height:calc(var(--mouth-height) - 42px);max-height:calc(var(--mouth-height) - 42px)}}
@media(max-width:360px){.game-arrow{display:none}.is-enhanced .game-number{font-size:7px}.game-link strong{font-size:8.5px}}

/* Only game choices occupy the mouth; no catalogue header or footer bars. */
.is-enhanced .game-scroll{height:100%;max-height:100%;padding:1px 4px 1px 1px}
.is-enhanced .game-link{min-height:44px;padding:8px 7px}
.game-link strong{font-size:11px}
.is-enhanced .game-number{font-size:9px}
@media(max-width:640px){.is-enhanced .game-link{padding-inline:5px}.game-link strong{font-size:10px}.is-enhanced .game-number{font-size:8px}}
@media(max-width:360px){.game-link strong{font-size:9px}.is-enhanced .game-number{font-size:7px}}