@font-face{font-family:"Fredoka";src:url("/assets/fonts/fredoka-latin.woff2") format("woff2");font-weight:300 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Nunito";src:url("/assets/fonts/nunito-latin.woff2") format("woff2");font-weight:200 1000;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--navy:#07346b;--navy-deep:#04234a;--blue:#087cf5;--blue-ink:#0563cc;--blue-btn:#0a6fe4;--aqua:#49d6ef;--aqua-soft:#c9f7ff;--aqua-mist:#eafbff;--sky:#f4fbff;--sun:#ffc83d;--sun-deep:#f5a800;--pink:#ff6b99;--white:#fff;--ink:#0b2a4a;--ink-soft:#3f5874;--line:#d9ecf8;--font-display:"Fredoka","Nunito",ui-rounded,system-ui,sans-serif;--font-body:"Nunito",ui-rounded,system-ui,-apple-system,"Segoe UI",sans-serif;--step--1:clamp(0.84rem,0.82rem + 0.1vw,0.9rem);--step-0:clamp(1rem,0.97rem + 0.15vw,1.08rem);--step-1:clamp(1.15rem,1.08rem + 0.35vw,1.35rem);--step-2:clamp(1.35rem,1.2rem + 0.75vw,1.8rem);--step-3:clamp(1.75rem,1.45rem + 1.5vw,2.7rem);--step-4:clamp(2.2rem,1.7rem + 2.6vw,3.9rem);--step-5:clamp(2.7rem,1.9rem + 4vw,5.2rem);--radius-sm:12px;--radius:20px;--radius-lg:30px;--radius-xl:40px;--shadow-sm:0 2px 6px rgba(7,52,107,0.07),0 8px 20px -10px rgba(7,52,107,0.18);--shadow:0 4px 10px rgba(7,52,107,0.05),0 18px 40px -18px rgba(7,52,107,0.3);--shadow-lg:0 8px 18px rgba(7,52,107,0.06),0 32px 70px -28px rgba(7,52,107,0.42);--shadow-blue:0 10px 24px -10px rgba(8,124,245,0.65);--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-swell:cubic-bezier(0.45,0,0.55,1);--header-h:76px;--container:1200px;--gutter:clamp(1.1rem,0.6rem + 2.4vw,2.5rem)}
*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 16px)}body{margin:0;min-height:100vh;font-family:var(--font-body);font-size:var(--step-0);line-height:1.6;color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}img,svg,picture{display:block;max-width:100%}img{height:auto}picture img{width:100%}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.08;color:var(--navy);margin:0 0 0.5em;letter-spacing:-0.01em;text-wrap:balance}p{margin:0 0 1em;text-wrap:pretty}ul,ol{margin:0;padding:0}[role="list"],.card-grid,.chips{list-style:none}a{color:var(--blue-ink);text-decoration-thickness:2px;text-underline-offset:3px}a:hover{color:var(--blue)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:6px}::selection{background:var(--aqua-soft);color:var(--navy)}main:focus{outline:none}[hidden]{display:none !important}.is-hidden{display:none !important}.visually-hidden{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:12px;z-index:1000;padding:0.7rem 1.1rem;border-radius:999px;background:var(--navy);color:var(--white);font-weight:800;text-decoration:none;transform:translateY(-160%);transition:transform 0.25s var(--ease-out)}.skip-link:focus{transform:none;color:var(--white)}.icon{width:1.25em;height:1.25em;flex:none}
.container{width:min(100% - var(--gutter) * 2,var(--container));margin-inline:auto}.container--narrow{width:min(100% - var(--gutter) * 2,820px)}.section{position:relative;padding-block:clamp(3.5rem,2.4rem + 4.5vw,6.5rem)}.section--tight{padding-block:clamp(2rem,1.5rem + 2vw,3.5rem)}.section--tint{background:radial-gradient(120% 80% at 100% 0%,rgba(201,247,255,0.7),transparent 60%),linear-gradient(180deg,var(--sky),var(--aqua-mist))}.section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem 2rem;flex-wrap:wrap;margin-bottom:clamp(1.6rem,1.2rem + 1.4vw,2.6rem)}.section-head--center{display:block;text-align:center;max-width:760px;margin-inline:auto}.section-head--center .section-lede{margin-inline:auto}.section-head .section-title{margin:0}.eyebrow{display:inline-flex;align-items:center;gap:0.5em;margin:0 0 0.75rem;font-family:var(--font-display);font-weight:600;font-size:var(--step--1);letter-spacing:0.14em;text-transform:uppercase;color:var(--blue-ink)}.eyebrow::before{content:"";width:18px;height:18px;background:url("/assets/img/icons/shark_fin.svg") center / contain no-repeat}.section-title{font-size:var(--step-4)}.section-title--sm{font-size:var(--step-3);margin-bottom:1.2rem}.section-title em,.page-hero__title em,.hero__title em{font-style:normal;color:var(--blue)}.section-lede{font-size:var(--step-1);color:var(--ink-soft);max-width:60ch}.card-grid{display:grid;gap:clamp(1rem,0.6rem + 1.4vw,1.75rem)}.card-grid--2{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}.card-grid--3{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.card-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.card-grid--games{grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr))}@media (max-width:1080px){.card-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.card-grid--4{grid-template-columns:minmax(0,1fr)}.card-grid--rail{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);margin-inline:calc(var(--gutter) * -1);padding:0.5rem var(--gutter) 1.5rem;scrollbar-width:none}.card-grid--rail::-webkit-scrollbar{display:none}.card-grid--rail>*{scroll-snap-align:start}}
.btn{--btn-bg:var(--blue-btn);--btn-fg:var(--white);--btn-edge:#0552b0;--btn-ring:0 0 0 0 transparent;position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:0.55em;min-height:48px;padding:0.7em 1.35em;border:0;border-radius:999px;background:var(--btn-bg);color:var(--btn-fg);font-family:var(--font-display);font-weight:600;font-size:1.02rem;line-height:1.1;letter-spacing:0.01em;text-decoration:none;white-space:nowrap;overflow:hidden;box-shadow:var(--btn-ring),0 4px 0 var(--btn-edge),0 10px 22px -10px rgba(7,52,107,0.55);transition:transform 0.25s var(--ease-spring),box-shadow 0.25s var(--ease-out),background-color 0.25s,color 0.25s;-webkit-tap-highlight-color:transparent}.btn::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,0.45) 48%,transparent 66%);transform:translateX(-120%);transition:transform 0.7s var(--ease-out)}.btn:hover{color:var(--btn-fg);transform:translateY(-3px);box-shadow:var(--btn-ring),0 7px 0 var(--btn-edge),0 18px 30px -12px rgba(7,52,107,0.55)}.btn:hover::after{transform:translateX(120%)}.btn:active{transform:translateY(3px);box-shadow:var(--btn-ring),0 1px 0 var(--btn-edge),0 6px 14px -8px rgba(7,52,107,0.5);transition-duration:0.08s}.btn .icon{width:1.2em;height:1.2em;transition:transform 0.3s var(--ease-spring)}.btn:hover .icon:last-child:not(:first-child){transform:translateX(4px)}.btn:hover .icon:first-child{transform:rotate(-8deg) scale(1.1)}.btn--secondary{--btn-bg:var(--white);--btn-fg:var(--blue-ink);--btn-edge:#8cc4f5;--btn-ring:inset 0 0 0 2px #b4dafb}.btn--secondary:hover{--btn-bg:var(--aqua-mist)}.btn--sun{--btn-bg:var(--sun);--btn-fg:var(--navy);--btn-edge:#d89200}.btn--glass{--btn-bg:rgba(255,255,255,0.16);--btn-fg:var(--white);--btn-edge:rgba(4,35,74,0.45);--btn-ring:inset 0 0 0 2px rgba(255,255,255,0.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn--glass:hover{--btn-bg:rgba(255,255,255,0.26)}.btn--sm{min-height:42px;padding:0.55em 1.1em;font-size:0.95rem}.btn--lg{min-height:56px;padding:0.85em 1.6em;font-size:1.1rem}.btn[disabled],.btn[aria-busy="true"]{opacity:0.7;pointer-events:none}.link-arrow{display:inline-flex;align-items:center;gap:0.4em;font-family:var(--font-display);font-weight:600;color:var(--blue-ink);text-decoration:none}.link-arrow .icon{transition:transform 0.3s var(--ease-spring)}.link-arrow:hover .icon,a:hover .link-arrow .icon{transform:translateX(5px)}.link-arrow--back:hover .icon{transform:translateX(-5px)}.chip{min-height:42px;padding:0.45rem 1.1rem;border:2px solid var(--line);border-radius:999px;background:var(--white);color:var(--navy);font-family:var(--font-display);font-weight:600;transition:background-color 0.2s,border-color 0.2s,color 0.2s,transform 0.25s var(--ease-spring)}.chip:hover{border-color:var(--aqua);transform:translateY(-2px)}.chip.is-active{background:var(--navy);border-color:var(--navy);color:var(--white)}.badge{display:inline-flex;align-items:center;padding:0.28em 0.8em;border-radius:999px;font-family:var(--font-display);font-weight:600;font-size:0.78rem;letter-spacing:0.04em;text-transform:uppercase;color:var(--white);background:var(--pink);box-shadow:0 2px 0 rgba(0,0,0,0.12);transform:rotate(-3deg)}.badge--featured{background:var(--sun);color:var(--navy)}.badge--update{background:var(--blue-btn)}.badge--event{background:#9a5cff}.badge--legacy{background:#5b6b84}.tag{display:inline-flex;padding:0.3em 0.85em;border-radius:999px;background:var(--aqua-mist);border:1px solid var(--aqua-soft);color:var(--navy);font-weight:700;font-size:0.85rem}.tag--accent{background:color-mix(in srgb,var(--accent,var(--aqua)) 18%,white);border-color:color-mix(in srgb,var(--accent,var(--aqua)) 40%,white)}
.site-header{position:sticky;top:0;z-index:100;height:var(--header-h);view-transition-name:site-header;transition:background-color 0.35s,box-shadow 0.35s,-webkit-backdrop-filter 0.35s,backdrop-filter 0.35s}.site-header.is-scrolled,.no-js .site-header{background:rgba(255,255,255,0.86);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);box-shadow:0 1px 0 rgba(7,52,107,0.06),0 10px 30px -18px rgba(7,52,107,0.35)}.page-home .site-header{margin-bottom:calc(var(--header-h) * -1)}.site-header__inner{display:flex;align-items:center;gap:1.5rem;height:100%}.brand{display:inline-flex;align-items:center;gap:0.55rem;color:var(--navy);text-decoration:none;flex:none}.brand__logo{display:block;width:auto;height:62px;filter:drop-shadow(0 3px 0 rgba(7,52,107,0.12));transition:transform 0.5s var(--ease-spring)}.brand:hover .brand__logo{transform:translateY(-2px) rotate(-2deg) scale(1.03)}.site-footer .brand__logo{height:76px;filter:none}.nav{margin-inline:auto}.nav__list{display:flex;gap:0.25rem;list-style:none}.nav__link{position:relative;display:block;padding:0.55rem 0.9rem;border-radius:999px;font-family:var(--font-display);font-weight:600;font-size:1.02rem;color:var(--navy);text-decoration:none;transition:color 0.2s,background-color 0.2s}.nav__link::after{content:"";position:absolute;left:50%;bottom:3px;width:22px;height:6px;margin-left:-11px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 6'%3E%3Cpath d='M1 3q2.5-3 5 0t5 0 5 0 5 0' fill='none' stroke='%23087cf5' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;transform:scaleX(0);transition:transform 0.35s var(--ease-spring)}.nav__link:hover{color:var(--blue-ink);background:rgba(201,247,255,0.55)}.nav__link:hover::after,.nav__link[aria-current]::after{transform:scaleX(1)}.nav__link[aria-current]{color:var(--blue-ink)}.header-cta{flex:none}.menu-toggle{display:none;place-items:center;width:48px;height:48px;margin-left:auto;border:0;border-radius:16px;background:var(--white);color:var(--navy);box-shadow:var(--shadow-sm);position:relative;z-index:3}.menu-toggle__bars{position:relative;width:22px;height:16px}.menu-toggle__bars span{position:absolute;left:0;width:100%;height:3px;border-radius:3px;background:currentColor;transition:transform 0.35s var(--ease-spring),opacity 0.2s,top 0.35s var(--ease-out)}.menu-toggle__bars span:nth-child(1){top:0}.menu-toggle__bars span:nth-child(2){top:6.5px}.menu-toggle__bars span:nth-child(3){top:13px}.menu-toggle[aria-expanded="true"] .menu-toggle__bars span:nth-child(1){top:6.5px;transform:rotate(45deg)}.menu-toggle[aria-expanded="true"] .menu-toggle__bars span:nth-child(2){opacity:0;transform:scaleX(0.2)}.menu-toggle[aria-expanded="true"] .menu-toggle__bars span:nth-child(3){top:6.5px;transform:rotate(-45deg)}.mobile-menu{position:fixed;inset:0;z-index:2;background:rgba(4,35,74,0.35);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity 0.3s}.mobile-menu.is-open{opacity:1}.mobile-menu__panel{position:absolute;inset:0 0 auto 0;min-height:100dvh;padding:calc(var(--header-h) + 1rem) var(--gutter) 2rem;background:linear-gradient(180deg,var(--white) 0%,var(--sky) 60%,var(--aqua-soft) 100%);overflow:hidden auto;display:flex;flex-direction:column;transform:translateY(-24px);transition:transform 0.45s var(--ease-out)}.mobile-menu.is-open .mobile-menu__panel{transform:none}.mobile-menu__list{list-style:none;display:grid;gap:0.25rem}.mobile-menu__list a{display:block;padding:0.6rem 0.25rem;font-family:var(--font-display);font-weight:600;font-size:clamp(1.7rem,7vw,2.3rem);color:var(--navy);text-decoration:none;border-bottom:2px dashed var(--line);opacity:0;transform:translateX(-16px);transition:opacity 0.4s,transform 0.5s var(--ease-out),color 0.2s}.mobile-menu__list li:nth-child(1) a{transition-delay:0.05s}.mobile-menu__list li:nth-child(2) a{transition-delay:0.09s}.mobile-menu__list li:nth-child(3) a{transition-delay:0.13s}.mobile-menu__list li:nth-child(4) a{transition-delay:0.17s}.mobile-menu__list li:nth-child(5) a{transition-delay:0.21s}.mobile-menu__list li:nth-child(6) a{transition-delay:0.25s}.mobile-menu.is-open .mobile-menu__list a{opacity:1;transform:none}.mobile-menu__list a[aria-current],.mobile-menu__list a:hover{color:var(--blue)}.mobile-menu__list .nav__link{padding:0.6rem 0.25rem;border-radius:0;background:none}.mobile-menu__list .nav__link::after{display:none}.mobile-menu__cta{margin-top:1.6rem;align-self:flex-start}.mobile-menu .menu__sharky{position:absolute;right:6%;bottom:70px}.mobile-menu__sea{position:absolute;inset:auto 0 0 0;height:90px;background:url("/assets/img/deco/wave_divider.svg") 0 100% / 800px 90px repeat-x;animation:sea-drift 14s linear infinite}@media (max-width:960px){.nav,.header-cta{display:none}.menu-toggle{display:grid}:root{--header-h:68px}.brand__logo{height:52px}}@media (min-width:961px){.mobile-menu{display:none !important}}body.menu-open{overflow:hidden}body.menu-open .site-header{background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.site-header .brand{position:relative;z-index:3}
.site-footer{position:relative;margin-top:clamp(2rem,1rem + 4vw,5rem);color:var(--aqua-soft)}.site-footer__surface{position:relative;height:120px}.site-footer .footer-waves{top:0;bottom:-1px;height:auto}.footer-waves .waves__layer--back{color:#7fe2f5}.footer-waves .waves__layer--mid{color:#2aa6f2}.footer-waves .waves__layer--front{color:var(--blue)}.site-footer__deep{position:relative;background:linear-gradient(180deg,var(--blue) 0%,#0659c2 30%,var(--navy) 75%,var(--navy-deep) 100%);padding:1.5rem 0 calc(1.5rem + env(safe-area-inset-bottom));margin-top:-1px}.site-footer__grid{position:relative;display:grid;grid-template-columns:1.3fr 2fr 1fr auto;align-items:start;gap:2rem;padding-bottom:2rem}.site-footer__tag{margin:0.8rem 0 0;font-weight:700;color:var(--aqua-soft)}.site-footer__nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:0.25rem 0.5rem}.site-footer__nav .nav__link{color:var(--white)}.site-footer__nav .nav__link:hover{color:var(--navy);background:var(--aqua-soft)}.site-footer__nav .nav__link::after{display:none}.site-footer__label{margin:0 0 0.6rem;font-family:var(--font-display);font-weight:600;font-size:0.8rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--aqua)}.social{display:flex;gap:0.6rem;flex-wrap:wrap}.social__link{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,0.12);color:var(--white);transition:transform 0.3s var(--ease-spring),background-color 0.2s,color 0.2s}.social__link:hover{background:var(--aqua);color:var(--navy);transform:translateY(-4px) rotate(-6deg)}.footer__sharky{margin-top:-3.5rem}.site-footer__legal{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;gap:0.5rem 2rem;padding-top:1.2rem;border-top:1px solid rgba(201,247,255,0.2);font-size:0.85rem;color:rgba(201,247,255,0.8)}.site-footer__legal p{margin:0}@media (max-width:900px){.site-footer__grid{grid-template-columns:1fr 1fr}.site-footer__nav{grid-column:1 / -1;grid-row:2}.footer__sharky{position:absolute;right:0;top:-1rem;margin:0;--size:96px !important}.site-footer__social{grid-row:3}}@media (max-width:560px){.site-footer__grid{grid-template-columns:1fr;gap:1.5rem}.site-footer__nav ul{gap:0}}
.waves{position:absolute;left:0;right:0;bottom:-1px;height:clamp(60px,4vw + 40px,110px);overflow:hidden;pointer-events:none}.waves__layer{position:absolute;left:0;bottom:0;width:200%;max-width:none;height:100%;will-change:transform}.waves__layer--back{color:rgba(201,247,255,0.75);animation:wave-drift 26s linear infinite}.waves__layer--mid{color:rgba(255,255,255,0.7);animation:wave-drift 18s linear infinite reverse;bottom:-4px}.waves__layer--front{color:var(--white);animation:wave-drift 12s linear infinite;bottom:-2px}.sharky{display:inline-block;width:var(--size,180px);max-width:100%;position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none}.sharky__body{display:block;width:100%;height:100%;transform-origin:50% 90%;filter:drop-shadow(0 10px 14px rgba(7,52,107,0.22))}.sharky picture,.sharky img{width:100%;height:100%;object-fit:contain}.sharky--bob .sharky__body{animation:sharky-bob 4.6s var(--ease-swell) infinite}.sharky--wave .sharky__body{animation:sharky-wave 3.6s var(--ease-swell) infinite}.sharky--peek .sharky__body{animation:sharky-peek 5.5s var(--ease-swell) infinite}.sharky--snooze .sharky__body{animation:sharky-snooze 4.8s var(--ease-swell) infinite;transform-origin:50% 100%}.sharky:hover .sharky__body{animation-duration:1.6s}.sharky.is-booped .sharky__body{animation:sharky-boop 0.7s var(--ease-spring)}.bubbles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.bubble{position:absolute;bottom:-40px;left:var(--x);width:var(--s);height:var(--s);border-radius:50%;background:radial-gradient(circle at 32% 30%,rgba(255,255,255,0.95) 0 12%,rgba(255,255,255,0.18) 13% 55%,rgba(201,247,255,0.35) 56%);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,0.8),0 0 0 1px rgba(73,214,239,0.35);opacity:0;animation:bubble-rise var(--d) linear var(--delay) infinite;will-change:transform,opacity}.bubbles.is-paused .bubble{animation-play-state:paused}.card-media{position:relative;overflow:hidden;border-radius:calc(var(--radius) - 6px);background:linear-gradient(135deg,var(--aqua-soft),var(--sky));aspect-ratio:16 / 9}.card-media picture,.card-media img{width:100%;height:100%;object-fit:cover}.card-media img{transition:transform 0.8s var(--ease-out)}.game-card{--accent:var(--aqua);--rx:0deg;--ry:0deg;--mx:50%;--my:50%;position:relative;border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow);transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform 0.5s var(--ease-out),box-shadow 0.4s var(--ease-out);transform-style:preserve-3d}.game-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 70%,white),transparent 55%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0.6;pointer-events:none;transition:opacity 0.3s}.game-card::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(400px circle at var(--mx) var(--my),rgba(255,255,255,0.35),transparent 45%);opacity:0;pointer-events:none;transition:opacity 0.3s}.game-card:hover{box-shadow:var(--shadow-lg)}.game-card:hover::before{opacity:1}.game-card:hover::after{opacity:1}.game-card:hover .card-media img{transform:scale(1.07)}.game-card__link{display:flex;flex-direction:column;height:100%;padding:8px 8px 0;color:inherit;text-decoration:none;border-radius:inherit}.game-card__link:hover{color:inherit}.game-card__badges{position:absolute;top:10px;left:10px}.game-card__body{flex:1;padding:1rem 0.9rem 1.2rem;padding-right:3.6rem}.game-card__genre{margin:0 0 0.25rem;font-size:0.78rem;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 55%,var(--navy))}.game-card__title{font-size:var(--step-1);margin:0 0 0.4rem}.game-card__text{margin:0;font-size:0.95rem;color:var(--ink-soft);line-height:1.5}.game-card__meta{display:flex;align-items:center;gap:0.4rem;margin:0.7rem 0 0;font-size:0.85rem;font-weight:800;color:var(--navy)}.game-card__meta .icon{color:var(--blue);width:1.1em;height:1.1em}.game-card__go{position:absolute;right:16px;bottom:18px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:2px solid var(--aqua-soft);color:var(--blue);background:var(--white);transition:transform 0.4s var(--ease-spring),background-color 0.25s,color 0.25s,border-color 0.25s}.game-card:hover .game-card__go{background:var(--blue);border-color:var(--blue);color:var(--white);transform:translateX(3px) rotate(-8deg) scale(1.06)}.game-card.is-filtered-out{display:none}.live-pill__dot{width:8px;height:8px;border-radius:50%;background:#3ddc84;box-shadow:0 0 0 0 rgba(61,220,132,0.7);animation:live-dot 2s ease-out infinite;display:inline-block}.logo-marquee{--gap:clamp(0.75rem,0.5rem + 1vw,1.25rem);--speed:42s;position:relative}.logo-marquee__viewport{display:flex;overflow:hidden;padding-block:0.6rem 1rem;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.logo-marquee__track{flex:none;display:flex;align-items:center;justify-content:space-around;gap:var(--gap);min-width:100%;padding:0 var(--gap) 0 0;margin:0;list-style:none;animation:marquee var(--speed) linear infinite}.logo-marquee:hover .logo-marquee__track,.logo-marquee:focus-within .logo-marquee__track,.logo-marquee.is-paused .logo-marquee__track,.is-offscreen .logo-marquee__track{animation-play-state:paused}.logo-marquee__item{flex:none;display:grid;place-items:center;width:clamp(150px,120px + 6vw,200px);height:clamp(84px,70px + 2.5vw,104px);padding:0 1.2rem;border-radius:var(--radius);background:var(--white);border:2px solid var(--line);box-shadow:0 4px 0 var(--aqua-soft),0 12px 24px -16px rgba(7,52,107,0.4);transition:transform 0.35s var(--ease-spring),border-color 0.25s}.logo-marquee__item:hover{transform:translateY(-4px) rotate(-1.5deg);border-color:var(--aqua)}.logo-marquee__item picture{display:block;max-width:100%;line-height:0}.logo-marquee__img{width:auto;max-width:100%;height:calc(var(--h,40px) * var(--logo-scale,1));object-fit:contain}.logo-marquee__toggle{position:absolute;right:0.25rem;bottom:-1.9rem;display:grid;place-items:center;width:36px;height:36px;border:2px solid var(--line);border-radius:50%;background:var(--white);color:var(--blue-ink);transition:border-color 0.2s,transform 0.25s var(--ease-spring)}.logo-marquee__toggle:hover{border-color:var(--aqua);transform:scale(1.08)}.logo-marquee__toggle .icon{width:16px;height:16px}.logo-marquee__toggle .icon--play,.logo-marquee.is-paused .icon--pause{display:none}.logo-marquee.is-paused .icon--play{display:block}@media (max-width:720px){.logo-marquee{--logo-scale:0.8;--speed:32s}}.stats-band{position:relative;z-index:3;margin-top:clamp(-5.5rem,-3rem - 3vw,-3rem)}.stats-band--flat{margin-top:0;padding-block:clamp(2.5rem,2rem + 2vw,4rem)}.stats-card{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:var(--radius-lg);background:rgba(255,255,255,0.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-lg);border:1px solid rgba(201,247,255,0.9);padding:clamp(1rem,0.6rem + 1.2vw,1.75rem) clamp(0.5rem,1vw,1rem)}.stat{display:flex;align-items:center;gap:1rem;padding:0.5rem clamp(0.75rem,2vw,2rem)}.stat + .stat{border-left:2px dashed var(--line)}.stat__icon{display:grid;place-items:center;flex:none;width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,var(--aqua-mist),var(--aqua-soft))}.stat__icon img{width:34px;height:34px}.stat__value{margin:0;font-family:var(--font-display);font-weight:700;font-size:var(--step-3);line-height:1;color:var(--navy);font-variant-numeric:tabular-nums}.stat__label{margin:0.25rem 0 0;font-weight:800;color:var(--navy)}.stat__note{margin:0;font-size:0.86rem;color:var(--ink-soft);line-height:1.35}.stats-band__note{display:flex;justify-content:center;align-items:center;gap:0.45rem;margin:0.9rem 0 0;font-size:0.82rem;font-weight:700;color:var(--ink-soft);opacity:0;transition:opacity 0.4s}.stats-band__note::before{content:"";width:8px;height:8px;border-radius:50%;background:#3ddc84;animation:live-dot 2s ease-out infinite}.stats-band__note.is-live{opacity:1}.stats-band__inner{position:relative}.stats-band__inner .stats-card{z-index:1}@media (max-width:1000px){.stat{flex-direction:column;align-items:flex-start;gap:0.6rem}}@media (max-width:680px){.stat{flex-direction:row;align-items:center;gap:1rem}.stats-band:not(.stats-band--flat){margin-top:-2.25rem}.stats-card{grid-template-columns:1fr;padding-block:0.5rem}.stat{padding:1rem 0.75rem}.stat + .stat{border-left:0;border-top:2px dashed var(--line)}}.polaroid{margin:0;padding:10px 10px 34px;border-radius:10px;background:var(--white);box-shadow:var(--shadow-lg)}.polaroid img{border-radius:4px}.cloud-note{position:relative;display:inline-block;padding:1.1rem 1.6rem;border-radius:60px;background:var(--aqua-mist);border:2px solid var(--aqua-soft);font-family:var(--font-display);font-weight:600;font-size:1.15rem;line-height:1.2;color:var(--blue-ink);text-align:center;transform:rotate(-4deg)}.cloud-note::before,.cloud-note::after{content:"";position:absolute;border-radius:50%;background:var(--aqua-mist);border:2px solid var(--aqua-soft)}.cloud-note::before{width:18px;height:18px;left:14px;bottom:-16px}.cloud-note::after{width:10px;height:10px;left:4px;bottom:-28px}.cloud-note__heart{color:var(--pink)}.page-hero{position:relative;overflow:hidden;padding:clamp(2.5rem,1.5rem + 4vw,5rem) 0 clamp(5rem,3rem + 5vw,8rem);background:radial-gradient(90% 120% at 85% 10%,rgba(255,255,255,0.9),transparent 60%),linear-gradient(180deg,#bfeeff 0%,#dff7ff 45%,#9fe4f7 100%)}.page-hero__inner{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2rem}.page-hero__title{font-size:var(--step-5);margin-bottom:0.3em}.page-hero__lede{font-size:var(--step-1);color:var(--ink-soft);max-width:46ch;margin:0;font-weight:600}.page-hero__art{padding-right:clamp(0rem,3vw,3rem)}.page-hero__sky{position:absolute;inset:0;pointer-events:none}.page-hero__cloud{position:absolute;opacity:0.9}.page-hero__cloud--a{top:8%;left:48%;width:150px;animation:cloud-drift 30s var(--ease-swell) infinite alternate}.page-hero__cloud--b{top:64%;left:58%;width:100px;animation:cloud-drift 24s var(--ease-swell) infinite alternate-reverse}@media (max-width:720px){.page-hero__cloud--b{display:none}}.page-hero__waves .waves__layer--back{color:rgba(73,214,239,0.45)}.page-hero__waves .waves__layer--mid{color:rgba(201,247,255,0.9)}@media (max-width:720px){.page-hero__inner{grid-template-columns:1fr}.page-hero__art{order:-1;padding:0}.page-hero__sharky{--size:140px !important}.page-hero{padding-top:1.5rem}}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:0.3rem;list-style:none;font-size:0.9rem;font-weight:700;margin-bottom:1.5rem}.breadcrumbs li{display:flex;gap:0.3rem;color:var(--ink-soft)}.breadcrumbs li + li::before{content:"/";color:var(--aqua)}.breadcrumbs a{color:var(--blue-ink);text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs [aria-current]{color:var(--navy);max-width:32ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.check-list{list-style:none;display:grid;gap:0.75rem}.check-list li{display:flex;gap:0.7rem;align-items:flex-start;font-weight:700;color:var(--navy)}.check-list__icon{width:24px;height:24px;flex:none;margin-top:1px}.prose{font-size:var(--step-1)}.prose p,.prose li{color:var(--ink-soft)}.prose h2{font-size:var(--step-2);margin-top:1.6em}.prose h2.section-title,.prose h1.section-title{font-size:var(--step-4);margin-top:0}.prose ul:not(.check-list):not(.tags){padding-left:1.2em;display:grid;gap:0.5rem;margin-bottom:1em}.prose .check-list{margin:0 0 1.2em}.prose .check-list li{color:var(--navy);font-size:var(--step-0)}.tags{display:flex;flex-wrap:wrap;gap:0.5rem;list-style:none;margin-top:1.5rem}.mini-card,.offer-card,.value-card,.step{position:relative;border-radius:var(--radius);background:var(--white);padding:1.4rem 1.4rem 1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--line);transition:transform 0.45s var(--ease-spring),box-shadow 0.35s}.mini-card:hover,.offer-card:hover,.value-card:hover,.step:hover{transform:translateY(-6px) rotate(-0.6deg);box-shadow:var(--shadow)}.mini-card h3,.offer-card h3,.value-card h3,.step h3{font-size:var(--step-1);margin:0.8rem 0 0.35rem}.mini-card p,.offer-card p,.value-card p,.step p{margin:0;color:var(--ink-soft);font-size:0.96rem}.mini-card img,.value-card img{transition:transform 0.5s var(--ease-spring)}.mini-card:hover img,.value-card:hover img{transform:rotate(-10deg) scale(1.12)}.join-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem;padding:clamp(1.4rem,1rem + 1.5vw,2.2rem);border-radius:var(--radius-lg);background:linear-gradient(120deg,var(--aqua-mist),#fff 60%);border:2px solid var(--aqua-soft)}.join-card--sun{background:linear-gradient(120deg,#fff6dc,#fff 60%);border-color:#ffe7a6}.join-card__title{font-size:var(--step-2);margin:0 0 0.25rem}.join-card p{margin:0;color:var(--ink-soft)}@media (max-width:760px){.join-card{grid-template-columns:1fr;text-align:left}.join-card .btn{justify-self:start}}.cta-band{padding:clamp(2rem,1rem + 4vw,4rem) 0 0}.cta-band__panel{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--radius-xl);min-height:360px;display:grid;place-items:center;text-align:center;padding:clamp(2.5rem,2rem + 3vw,4.5rem) var(--gutter);background:var(--navy);box-shadow:var(--shadow-lg)}.cta-band__bg{position:absolute;inset:-12% 0;z-index:-2}.cta-band__bg img{width:100%;height:100%;object-fit:cover;object-position:50% 70%}.cta-band__panel::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(4,35,74,0.05) 0%,rgba(4,35,74,0.55) 70%,rgba(4,35,74,0.75))}.cta-band__copy{max-width:640px;color:var(--white)}.cta-band__title{color:var(--white);font-size:var(--step-5);text-shadow:0 4px 20px rgba(4,35,74,0.45)}.cta-band__copy p{font-size:var(--step-1);font-weight:700;text-shadow:0 2px 10px rgba(4,35,74,0.6)}.cta-band__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.5rem}.form{display:grid;gap:1.2rem}.form__row--2{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}@media (max-width:640px){.form__row--2{grid-template-columns:1fr}}.field{display:grid;gap:0.4rem;border:0;padding:0;margin:0;min-width:0}.field label,.field legend{font-family:var(--font-display);font-weight:600;color:var(--navy);padding:0}.field legend{margin-bottom:0.5rem}.field__opt{color:var(--ink-soft);font-weight:500}.field input,.field textarea{width:100%;min-height:52px;padding:0.8rem 1rem;border:2px solid var(--line);border-radius:16px;background:var(--sky);font-size:1rem;transition:border-color 0.2s,box-shadow 0.2s,background-color 0.2s}.field textarea{resize:vertical;min-height:150px}.field input:hover,.field textarea:hover{border-color:#b9e6f7}.field input:focus,.field textarea:focus{outline:none;border-color:var(--blue);background:var(--white);box-shadow:0 0 0 4px rgba(8,124,245,0.16)}.field [aria-invalid="true"]{border-color:#e5476d;background:#fff6f8}.field__error{margin:0;font-size:0.88rem;font-weight:700;color:#c42a52}.field--hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.topic-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0.6rem}@media (max-width:640px){.topic-options{grid-template-columns:1fr 1fr}.topic:last-child:nth-child(odd){grid-column:1 / -1}}.topic{position:relative}.topic input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.topic__face{display:flex;flex-direction:column;align-items:center;gap:0.35rem;padding:0.85rem 0.5rem;border:2px solid var(--line);border-radius:16px;background:var(--white);font-weight:800;font-size:0.92rem;color:var(--navy);text-align:center;transition:border-color 0.2s,background-color 0.2s,transform 0.3s var(--ease-spring)}.topic:hover .topic__face{border-color:var(--aqua);transform:translateY(-2px)}.topic input:checked + .topic__face{border-color:var(--blue);background:var(--aqua-mist);box-shadow:inset 0 0 0 1px var(--blue)}.topic input:focus-visible + .topic__face{outline:3px solid var(--blue);outline-offset:2px}.form__safety{margin:0;font-size:0.88rem;color:var(--ink-soft);padding:0.8rem 1rem;border-radius:14px;background:#fff8e3;border:1px solid #ffe6a3}.form__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.form__status{margin:0;font-weight:800}.form__status.is-error{color:#c42a52}.form__status.is-success{color:#11875a}
.hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:clamp(640px,94vh,880px);padding:calc(var(--header-h) + 2rem) 0 clamp(7rem,5rem + 5vw,10rem);overflow:hidden;background:linear-gradient(180deg,#8fd6ff,#d6f3ff)}.hero__stage{position:absolute;inset:0;z-index:-2;container-type:size}.hero__scene{position:absolute;top:50%;right:0;width:max(100cqw,177.78cqh);aspect-ratio:16 / 9;transform:translateY(-50%);will-change:translate}.hero__scene picture{width:100%;height:100%;animation:hero-breathe 18s var(--ease-swell) infinite alternate;transform-origin:72% 60%}.hero__img{width:100%;height:100%;object-fit:cover}.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(255,255,255,0.55) 0%,rgba(255,255,255,0) 22%),linear-gradient(90deg,rgba(255,255,255,0.95) 0%,rgba(255,255,255,0.82) 28%,rgba(255,255,255,0.35) 46%,rgba(255,255,255,0) 60%);pointer-events:none}.hero__inner{position:relative}.hero__copy{max-width:590px}.hero__kicker{display:inline-flex;align-items:center;gap:0.45rem;margin:0 0 1rem;padding:0.4rem 0.95rem 0.4rem 0.7rem;border-radius:999px;background:rgba(255,255,255,0.85);box-shadow:var(--shadow-sm);font-weight:800;font-size:0.9rem;color:var(--navy)}.hero__title{font-size:clamp(3rem,1.8rem + 5.4vw,6rem);line-height:0.98;letter-spacing:-0.025em;margin-bottom:0.6em}.hl{position:relative;display:inline-block;color:var(--blue)}.hl__line{position:absolute;left:-4%;top:calc(100% + 0.04em);width:112%;height:auto;pointer-events:none}.js .hl__line{clip-path:inset(0 100% 0 0);animation:draw-line 1s 0.7s var(--ease-out) forwards}.hero__lede{font-size:var(--step-1);font-weight:600;color:var(--ink);max-width:30ch;margin-bottom:1.8rem}.hero__actions{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:0.9rem}.hero__ripple{position:absolute;left:73%;top:77%;width:30%;height:7%;border-radius:50%;border:3px solid rgba(255,255,255,0.85);transform:translate(-50%,-50%) scale(0.6);opacity:0;animation:ripple 4.5s ease-out infinite}.hero__ripple--b{animation-delay:2.25s}.hero__drop{position:absolute;width:1.1%;aspect-ratio:3 / 4;border-radius:50% 50% 50% 50% / 60% 60% 40% 40%;background:linear-gradient(160deg,#fff,var(--aqua));box-shadow:0 0 0 2px rgba(255,255,255,0.6);opacity:0;animation:drop-pop 3.2s var(--ease-out) infinite}.hero__drop--a{left:57%;top:62%;--dx:-40px}.hero__drop--b{left:88%;top:58%;--dx:36px;animation-delay:1.1s}.hero__drop--c{left:60%;top:66%;--dx:-60px;animation-delay:2s;width:0.8%}.hero__waves{height:clamp(70px,6vw + 40px,130px)}.hero__waves .waves__layer--back{color:rgba(201,247,255,0.6)}@media (max-width:900px){.hero{flex-direction:column;align-items:stretch;min-height:0;padding:calc(var(--header-h) + 1.25rem) 0 0;background:linear-gradient(180deg,#e8f8ff 0%,#c7ecff 100%)}.hero::before{display:none}.hero__inner{order:-1}.hero__copy{max-width:none;text-align:center}.hero__lede{margin-inline:auto}.hero__actions{justify-content:center}.hero__stage{position:relative;inset:auto;z-index:0;height:clamp(360px,96vw,600px);margin-top:-1rem;-webkit-mask:linear-gradient(180deg,transparent 0,#000 14%);mask:linear-gradient(180deg,transparent 0,#000 14%)}}@media (max-width:480px){.hero__actions{display:grid;grid-auto-flow:row}.hero__title{font-size:clamp(2.6rem,12vw,3.4rem)}}.featured{padding-top:clamp(4rem,3rem + 3vw,6rem)}.partner-teaser__panel{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,0.9fr) minmax(0,1.5fr);gap:clamp(1.5rem,3vw,3rem);align-items:center;padding:clamp(1.75rem,1rem + 3vw,3.5rem);border-radius:var(--radius-xl);background:radial-gradient(70% 90% at 0% 100%,rgba(73,214,239,0.25),transparent 60%),linear-gradient(135deg,var(--aqua-mist),#f7fdff 55%,var(--aqua-mist));border:2px solid var(--aqua-soft)}.partner-teaser__copy{position:relative;z-index:1;padding-bottom:7rem}.partner-teaser__copy p{color:var(--ink-soft);font-size:var(--step-1)}.partner-teaser__sharky{position:absolute;left:0;bottom:-3.5rem;--size:150px !important}.partner-teaser__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;position:relative}.partner-teaser__brands{grid-column:1 / -1;min-width:0;position:relative;padding:1.5rem 0 1.4rem;border-top:2px dashed var(--aqua-soft)}.partner-teaser__brands-title{margin:0 0 0.6rem;text-align:center;font-family:var(--font-display);font-weight:600;font-size:0.85rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--blue-ink)}.partner-teaser__brands .logo-marquee__item{box-shadow:0 4px 0 var(--aqua-soft)}@media (max-width:1180px){.partner-teaser__panel{grid-template-columns:minmax(0,1fr)}.partner-teaser__copy{padding-bottom:0;padding-right:120px}.partner-teaser__sharky{left:auto;right:0;bottom:-1rem;--size:120px !important}}@media (max-width:700px){.partner-teaser__cards{grid-template-columns:1fr}.partner-teaser__copy{padding-right:0;padding-bottom:6rem}.partner-teaser__sharky{bottom:-1.5rem}}.story__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:center}.story__art{position:relative;padding:2rem 3rem 3rem 0}.polaroid--main{transform:rotate(-3deg)}.polaroid--a,.polaroid--b{position:absolute;width:34%;padding:6px 6px 18px}.polaroid--a{right:0;top:0;transform:rotate(7deg)}.polaroid--b{left:-4%;bottom:0;transform:rotate(-9deg)}.story__copy{position:relative}.story__copy>p{color:var(--ink-soft);font-size:var(--step-1)}.story__copy .btn{margin-top:0.5rem}@media (max-width:900px){.story__grid{grid-template-columns:1fr}.story__art{max-width:560px;margin-inline:auto;padding:1rem 1.5rem 4.5rem 0.5rem}.story .polaroid{translate:none}}.partner-teaser__actions{display:flex;flex-wrap:wrap;align-items:center;gap:0.8rem 1.4rem}
.games-index{padding-top:clamp(1.5rem,1rem + 2vw,3rem)}.games-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2rem}.chips{display:flex;flex-wrap:wrap;gap:0.5rem}.games-toolbar__count{margin:0;font-weight:800;color:var(--ink-soft)}.game-hero{--accent:var(--aqua);position:relative;overflow:hidden;padding:clamp(1.5rem,1rem + 2vw,2.5rem) 0 clamp(6rem,4rem + 5vw,9rem);background:radial-gradient(60% 80% at 80% 20%,color-mix(in srgb,var(--accent) 30%,transparent),transparent 70%),linear-gradient(180deg,color-mix(in srgb,var(--accent) 14%,white) 0%,var(--aqua-mist) 100%)}.game-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(2rem,4vw,4rem);align-items:center}.game-hero__id{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.game-hero__icon{width:84px;height:84px;flex:none;border-radius:24px;overflow:hidden;border:4px solid var(--white);box-shadow:var(--shadow);transform:rotate(-5deg)}.game-hero__icon img{width:100%;height:100%;object-fit:cover}.game-hero__genre{display:flex;flex-wrap:wrap;gap:0.5rem;margin:0}.game-hero__title{font-size:var(--step-5);margin-bottom:0.2em}.game-hero__tagline{font-size:var(--step-2);font-family:var(--font-display);font-weight:500;color:var(--ink-soft)}.legacy-note{max-width:34rem;margin:-0.4rem 0 1.4rem;padding:0.7rem 1rem;border-radius:14px;background:rgba(255,255,255,0.75);border:2px dashed #b8c3d6;color:var(--ink-soft);font-size:0.95rem}.legacy-note strong{color:var(--navy)}.game-hero__actions{display:flex;flex-wrap:wrap;gap:0.9rem;margin:1.6rem 0 2rem}.btn--play{--btn-bg:#00b06f;--btn-edge:#008553}.game-hero__art{position:relative}.game-hero__frame{--rx:0deg;--ry:0deg;border-radius:var(--radius-lg);overflow:hidden;border:6px solid var(--white);box-shadow:var(--shadow-lg);transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry)) rotate(1.5deg);transition:transform 0.6s var(--ease-out);aspect-ratio:16 / 9}.game-hero__frame picture,.game-hero__frame img{width:100%;height:100%;object-fit:cover}.game-hero__sharky{position:absolute;left:-2.5rem;bottom:-3rem}.game-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:0.75rem;margin:0}.game-stats__item{padding:0.75rem 0.9rem;border-radius:16px;background:rgba(255,255,255,0.85);border:1px solid rgba(255,255,255,0.9);box-shadow:var(--shadow-sm)}.game-stats dt{font-size:0.78rem;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;color:var(--ink-soft)}.game-stats dd{display:flex;align-items:center;gap:0.4rem;margin:0.15rem 0 0;font-family:var(--font-display);font-weight:700;font-size:1.35rem;color:var(--navy);font-variant-numeric:tabular-nums}@media (max-width:900px){.game-hero__grid{grid-template-columns:1fr}.game-hero__art{order:-1;margin:0 0.5rem 1rem}.game-hero__sharky{left:auto;right:-0.5rem;bottom:-2.5rem;--size:100px !important}}.game-about__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:start}.feature-card{position:sticky;top:calc(var(--header-h) + 1.5rem);padding:clamp(1.4rem,1rem + 1.5vw,2.2rem);border-radius:var(--radius-lg);background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 16%,white),var(--white));border:2px solid color-mix(in srgb,var(--accent) 30%,white);box-shadow:var(--shadow)}.feature-card__title{font-size:var(--step-2)}@media (max-width:900px){.game-about__grid{grid-template-columns:1fr}.feature-card{position:static}}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,2vw,1.75rem)}.gallery__item{margin:0;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);aspect-ratio:16 / 9;background:var(--aqua-mist)}.gallery__item:nth-child(odd){transform:rotate(-1deg)}.gallery__item:nth-child(even){transform:rotate(1deg) translateY(1rem)}.gallery__item picture,.gallery__item img{width:100%;height:100%;object-fit:cover;transition:transform 0.8s var(--ease-out)}.gallery__item:hover img{transform:scale(1.05)}@media (max-width:640px){.gallery{grid-template-columns:1fr}.gallery__item:nth-child(even){transform:rotate(1deg)}}.story--about .story__art{padding:1rem 1rem 3rem 0}.cloud-note--art{position:absolute;right:-1rem;bottom:-0.5rem;animation:bubble-float 6s var(--ease-swell) infinite}@media (max-width:720px){.cloud-note--art{right:0.25rem;max-width:calc(100% - 0.5rem)}}.values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}@media (max-width:1000px){.values{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.values{grid-template-columns:1fr}}.timeline{position:relative;list-style:none;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(170px,1fr);gap:1.25rem;padding:2.6rem 0 1rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}.timeline::before{content:"";position:absolute;left:0;right:0;top:1.15rem;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 14'%3E%3Cpath d='M0 7q10-8 20 0t20 0' fill='none' stroke='%2349d6ef' stroke-width='3'/%3E%3C/svg%3E") left center / 40px 14px repeat-x}.timeline__year{position:relative;scroll-snap-align:start}.timeline__label{position:absolute;top:-2.6rem;left:0;display:inline-block;padding:0.2rem 0.8rem;border-radius:999px;background:var(--navy);color:var(--white);font-family:var(--font-display);font-weight:700}.timeline__year>ul{list-style:none;display:grid;gap:0.6rem;padding-top:0.6rem}.timeline__year a{display:flex;align-items:center;gap:0.6rem;padding:0.5rem 0.75rem 0.5rem 0.5rem;border-radius:16px;background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow-sm);font-weight:800;font-size:0.92rem;line-height:1.2;color:var(--navy);text-decoration:none;transition:transform 0.35s var(--ease-spring),border-color 0.2s}.timeline__year a:hover{transform:translateY(-3px);border-color:var(--aqua)}.timeline__year picture{width:44px;height:44px;flex:none;border-radius:12px;overflow:hidden}.timeline__year img{width:100%;height:100%;object-fit:cover}.sharky-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;align-items:end;margin-top:2rem}.sharky-gallery__item{display:grid;place-items:center;padding:1rem 0.5rem}.sharky-gallery__sticker{--size:min(170px,100%) !important}@media (max-width:900px){.sharky-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:480px){.sharky-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}.offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.offer-card{display:grid;grid-template-columns:auto 1fr;column-gap:1.2rem;align-items:start;padding:1.6rem}.offer-card__icon{grid-row:span 2;display:grid;place-items:center;width:76px;height:76px;border-radius:24px;background:linear-gradient(145deg,var(--aqua-mist),var(--aqua-soft));transition:transform 0.5s var(--ease-spring)}.offer-card:hover .offer-card__icon{transform:rotate(-8deg) scale(1.06)}.offer-card h3{margin-top:0.2rem}@media (max-width:760px){.offer-grid{grid-template-columns:1fr}}.steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;counter-reset:step}.step{padding-top:2.2rem}.step__num{position:absolute;top:-1.1rem;left:1.4rem;display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--blue-btn);color:var(--white);font-family:var(--font-display);font-weight:700;font-size:1.15rem;box-shadow:0 3px 0 #0552b0}@media (max-width:960px){.steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:2rem}}@media (max-width:560px){.steps{grid-template-columns:1fr}}.case-card{border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow);overflow:hidden}.case-card__body{padding:1.2rem 1.4rem 1.5rem}.contact{padding-top:clamp(1.5rem,1rem + 2vw,3rem)}.contact__grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(1.5rem,3vw,3rem);align-items:start}.contact-form-card{padding:clamp(1.4rem,1rem + 2vw,2.6rem);border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-lg);border:1px solid var(--line)}.contact-aside{display:grid;gap:1rem}.contact-aside__card{padding:1.4rem;border-radius:var(--radius);background:linear-gradient(150deg,var(--aqua-mist),var(--white));border:1px solid var(--aqua-soft)}.contact-aside__card h3{font-size:var(--step-1);margin:0.6rem 0 0.3rem}.contact-aside__card p{color:var(--ink-soft);font-size:0.96rem;margin-bottom:0.6rem}.contact-aside__email{font-weight:800}@media (max-width:900px){.contact__grid{grid-template-columns:1fr}}.center-page{position:relative;overflow:hidden;display:grid;place-items:center;min-height:calc(100vh - var(--header-h) - 120px);padding:3rem 0 4rem;text-align:center;background:linear-gradient(180deg,var(--white),var(--aqua-mist))}.center-page__inner{position:relative;display:grid;justify-items:center}.center-page__code{margin:0 0 -1.5rem;font-family:var(--font-display);font-weight:700;font-size:clamp(5rem,3rem + 10vw,10rem);line-height:1;color:var(--aqua-soft);-webkit-text-stroke:3px var(--aqua)}.center-page__code span{display:inline-block;animation:sharky-bob 3s var(--ease-swell) infinite}.center-page__title{font-size:var(--step-4);margin-top:1rem}.center-page__lede{font-size:var(--step-1);color:var(--ink-soft);max-width:40ch}.center-page__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1rem}.legal .section-title{font-size:var(--step-4)}.legal__updated{font-weight:700;color:var(--ink-soft)}.consulting__panel{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(1.5rem,3vw,3rem);align-items:center;padding:clamp(1.75rem,1rem + 3vw,3.5rem);border-radius:var(--radius-xl);background:radial-gradient(80% 80% at 100% 0%,rgba(73,214,239,0.35),transparent 60%),linear-gradient(150deg,var(--navy) 0%,#0a4a96 55%,var(--blue) 100%);color:var(--white)}.consulting__copy{position:relative;z-index:1;padding-bottom:7.5rem}.consulting .eyebrow{color:var(--aqua)}.consulting .section-title{color:var(--white)}.consulting .section-title em{color:var(--aqua)}.consulting__intro{color:var(--aqua-soft);font-size:var(--step-1)}.consulting__creds{display:grid;gap:0.55rem;margin:1.4rem 0 1.6rem;padding:0;list-style:none}.consulting__creds li{display:flex;align-items:center;gap:0.7rem;font-family:var(--font-display);font-weight:600;font-size:1.05rem}.consulting__creds .kit-icon{flex:none;padding:6px;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,0.14)}.consulting__sharky{position:absolute;left:-0.5rem;bottom:-3rem}.consulting__services{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none}.consult-card{padding:1.4rem 1.3rem;border-radius:var(--radius);background:var(--white);color:var(--ink);box-shadow:0 5px 0 rgba(4,35,74,0.35),0 18px 30px -18px rgba(0,0,0,0.5);transition:transform 0.35s var(--ease-spring)}.consult-card:hover{transform:translateY(-5px) rotate(-0.6deg)}.consult-card__icon{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--aqua-mist);margin-bottom:0.7rem}.consult-card h3{margin:0 0 0.35rem;font-size:var(--step-1)}.consult-card p{margin:0;color:var(--ink-soft);font-size:0.96rem}@media (max-width:1000px){.consulting__panel{grid-template-columns:minmax(0,1fr)}.consulting__copy{padding-bottom:0;padding-right:170px}.consulting__sharky{left:auto;right:-0.5rem;bottom:-1rem;--size:150px !important}}@media (max-width:640px){.consulting__services{grid-template-columns:minmax(0,1fr)}.consulting__copy{padding-right:0;padding-bottom:7rem}.consulting__sharky{right:auto;left:50%;translate:-50% 0;bottom:-1.5rem;--size:140px !important}}
.js [data-reveal]{opacity:0}.js [data-reveal].is-visible{animation:reveal-up 0.9s var(--ease-out) both;animation-delay:calc(var(--i,0) * 90ms)}.js [data-reveal="left"].is-visible{animation-name:reveal-left}.js [data-reveal="right"].is-visible{animation-name:reveal-right}.js [data-reveal="zoom"].is-visible{animation-name:reveal-zoom;animation-timing-function:var(--ease-spring)}:where([data-parallax]){translate:0 var(--py,0px)}@keyframes reveal-up{from{opacity:0;translate:0 28px}to{opacity:1;translate:0 0}}@keyframes reveal-left{from{opacity:0;translate:-40px 0}to{opacity:1;translate:0 0}}@keyframes reveal-right{from{opacity:0;translate:40px 0}to{opacity:1;translate:0 0}}@keyframes reveal-zoom{from{opacity:0;scale:0.88}to{opacity:1;scale:1}}@keyframes marquee{to{transform:translateX(-100%)}}@keyframes sea-drift{to{background-position-x:-800px}}@keyframes wave-drift{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes bubble-rise{0%{transform:translate3d(0,0,0) scale(0.6);opacity:0}8%{opacity:0.95}25%{transform:translate3d(8px,calc(var(--rise) * -0.25),0) scale(0.85)}50%{transform:translate3d(-6px,calc(var(--rise) * -0.5),0) scale(1)}75%{transform:translate3d(7px,calc(var(--rise) * -0.75),0) scale(1);opacity:0.8}100%{transform:translate3d(-4px,calc(var(--rise) * -1),0) scale(1.05);opacity:0}}@keyframes hero-breathe{from{transform:scale(1)}to{transform:scale(1.04)}}@keyframes ripple{0%{transform:translate(-50%,-50%) scale(0.5);opacity:0}15%{opacity:0.9}100%{transform:translate(-50%,-50%) scale(1.35);opacity:0}}@keyframes drop-pop{0%{transform:translate(0,0) scale(0.4);opacity:0}10%{opacity:1}45%{transform:translate(calc(var(--dx) * 0.6),-70px) scale(1)}80%{transform:translate(var(--dx),6px) scale(0.8);opacity:0}100%{opacity:0}}@keyframes bubble-float{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-10px) rotate(-5deg)}}@keyframes cloud-drift{from{transform:translateX(0)}to{transform:translateX(46px)}}@keyframes live-dot{0%{box-shadow:0 0 0 0 rgba(61,220,132,0.6)}70%,100%{box-shadow:0 0 0 8px rgba(61,220,132,0)}}@keyframes draw-line{to{clip-path:inset(0 0 0 0)}}@keyframes sharky-bob{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-10px) rotate(1.5deg)}}@keyframes sharky-wave{0%,100%{transform:rotate(-3deg)}20%{transform:rotate(5deg) translateY(-4px)}40%{transform:rotate(-4deg)}60%{transform:rotate(4deg) translateY(-3px)}80%{transform:rotate(-2deg)}}@keyframes sharky-peek{0%,100%{transform:translateY(16%)}35%,65%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-3%) rotate(2deg)}}@keyframes sharky-snooze{0%,100%{transform:scale(1,1)}50%{transform:scale(1.02,0.965)}}@keyframes sharky-boop{0%{transform:scale(1)}20%{transform:scale(1.14,0.86)}45%{transform:scale(0.9,1.12) translateY(-18px) rotate(-4deg)}70%{transform:scale(1.05,0.96) translateY(0)}100%{transform:scale(1)}}.boop-bubble{position:absolute;left:50%;top:30%;width:12px;height:12px;border-radius:50%;border:2px solid var(--aqua);background:rgba(255,255,255,0.7);pointer-events:none;animation:boop-bubble 0.9s var(--ease-out) forwards}@keyframes boop-bubble{from{transform:translate(-50%,0) scale(0.4);opacity:1}to{transform:translate(calc(-50% + var(--bx)),var(--by)) scale(1.2);opacity:0}}@view-transition{navigation:auto}::view-transition-old(root){animation:vt-out 0.22s var(--ease-out) both}::view-transition-new(root){animation:vt-in 0.45s var(--ease-out) both}@keyframes vt-out{to{opacity:0;transform:translateY(-6px)}}@keyframes vt-in{from{opacity:0;transform:translateY(12px)}}.is-offscreen .waves__layer,.is-offscreen .bubble,.is-offscreen .sharky__body,.is-offscreen .hero__scene picture,.is-offscreen .hero__ripple,.is-offscreen .hero__drop,.page-hidden *{animation-play-state:paused !important}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;animation-delay:0s !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}.hero__drop,.hero__ripple{display:none}.logo-marquee__viewport{flex-wrap:wrap;justify-content:center;-webkit-mask-image:none;mask-image:none}.logo-marquee__track{flex:1 1 100%;flex-wrap:wrap;justify-content:center;min-width:0;padding:0}.logo-marquee__track[aria-hidden],.logo-marquee__toggle{display:none}.js .hl__line{clip-path:none}:where([data-parallax]){translate:none}}