.island{position:relative;width:100%;container-type:inline-size}.island__stage{position:relative;width:100%;aspect-ratio:860 / 600}.island__stage>svg.studio{display:block;width:100%;height:100%;overflow:visible}.island .who{cursor:pointer}.island__cursor{position:absolute;left:0;top:0;z-index:5;pointer-events:none;display:none}.island.is-fighting,.island.is-fighting *{cursor:none!important}.island.is-fighting .island__cursor{display:block}.island .isle{animation:isle-bob 7s ease-in-out infinite}.island__overlay{position:absolute;inset:0;pointer-events:none;animation:isle-bob-html 7s ease-in-out infinite}.island .cloud{animation:isle-drift 18s ease-in-out infinite alternate}.island .c2{animation-duration:24s}.island .c3{animation-duration:30s;animation-direction:alternate-reverse}.island .coin{animation:isle-coin 1.8s ease-in infinite}.island .who[class*=panic-]{transform-box:fill-box;transform-origin:50% 100%;animation:5s linear}.island .who.panic-1{animation-name:isle-panic-1}.island .who.panic-2{animation-name:isle-panic-2}.island .who.panic-3{animation-name:isle-panic-3}.island .who.wave{transform-box:fill-box;transform-origin:50% 100%;animation:isle-wave .6s ease-out}.island.is-paused *,.island.is-paused .island__overlay{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.island *,.island__overlay{animation-play-state:paused!important}}.bub{position:absolute;padding:.4rem .75rem;border-radius:10px;background:#fff;color:var(--fg);border:1px solid var(--border);font-family:var(--f-chat);font-size:16px;font-weight:400;line-height:1.3;width:max-content;max-width:min(15rem,46cqw);box-shadow:0 2px 8px #101d3814;opacity:0;transition:opacity .2s}.bub.is-on{opacity:1}.bub:after{content:"";position:absolute;bottom:-6px;width:10px;height:10px;background:#fff;border-right:1px solid var(--border);border-bottom:1px solid var(--border);transform:rotate(45deg)}.island--outward .bub--left{transform:translate(calc(-100% + 16px),calc(-100% - 14px))}.island--outward .bub--right{transform:translate(-16px,calc(-100% - 14px))}.island--outward .bub--left:after{right:11px}.island--outward .bub--right:after{left:11px}.island--sky .bub{top:3%}.island--sky .bub--left{left:2%}.island--sky .bub--right{right:2%}.island--sky .bub:after{display:none}.island__leaders{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.island__leaders line{stroke:var(--border-strong);stroke-width:1.5;stroke-dasharray:2 4;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:0;transition:opacity .2s}.island__leaders line.is-on{opacity:1}.react{position:absolute;transform:translate(-50%,calc(-100% - 6px));font-family:var(--f-pixel);font-size:12px;line-height:1;color:var(--fg);text-shadow:2px 0 0 #fff,-2px 0 0 #fff,0 2px 0 #fff,0 -2px 0 #fff;white-space:nowrap;opacity:0}.react.is-on{opacity:1;animation:react-pop .35s steps(4,end)}.react.is-marker{font-size:8px;color:var(--accent);animation:marker-bob 1s steps(2,end) infinite}.island__caption,.island__log{margin:.25rem auto 0;max-width:34rem;padding:0 .5rem;font-family:var(--f-chat);font-size:16px;line-height:1.35;color:var(--fg)}.island__caption{min-height:2.8em;text-align:center;opacity:0;transition:opacity .2s}.island__caption.is-on{opacity:1}.island__who{display:inline-block;margin-right:.6rem;font-family:var(--f-pixel);font-size:8px;text-transform:uppercase;color:var(--accent-text);vertical-align:.2em}.island__log{list-style:none;padding:0;min-height:4.2em;display:flex;flex-direction:column;justify-content:flex-end}.island__log li{display:grid;grid-template-columns:5.5rem 1fr;align-items:baseline;text-align:left;opacity:.35;transition:opacity .3s}.island__log li:nth-last-child(2){opacity:.6}.island__log li:last-child{opacity:1;animation:log-in .25s ease-out}@keyframes isle-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes isle-bob-html{0%,to{transform:translateY(0)}50%{transform:translateY(-1.4cqw)}}@keyframes isle-drift{0%{transform:translate(-40px)}to{transform:translate(40px)}}@keyframes isle-coin{0%{transform:translate(0);opacity:0}8%{opacity:1}35%{transform:translate(5px,-8px)}65%{transform:translate(-1px,-15px)}92%{opacity:1}to{transform:translate(3px,-23px);opacity:0}}@keyframes isle-panic-1{0.0%{transform:translate(0) rotate(0)}2.0%{transform:translate(-.6px,-2.7px) rotate(7deg)}4.0%{transform:translate(-2px,.9px) rotate(-8deg)}6.0%{transform:translate(-3.8px,-1.3px) rotate(7deg)}8.0%{transform:translate(-5.5px,2.4px) rotate(-10deg)}10.0%{transform:translate(-6.6px,-.1px) rotate(9deg)}12.0%{transform:translate(-6.5px,3px) rotate(-9deg)}14.0%{transform:translate(-4.8px,.4px) rotate(9deg)}16.0%{transform:translate(-1.9px,4px) rotate(-9deg)}18.0%{transform:translate(1.3px,1.7px) rotate(10deg)}20.0%{transform:translate(3.9px,5.3px) rotate(-9deg)}22.0%{transform:translate(5.1px,2.6px) rotate(8deg)}24.0%{transform:translate(4.2px,4.9px) rotate(-10deg)}26.0%{transform:translate(1.4px,-.1px) rotate(8deg)}28.0%{transform:translate(-2.2px,.3px) rotate(-9deg)}30.0%{transform:translate(-5.8px,-5.2px) rotate(9deg)}32.0%{transform:translate(-8.2px,-3.9px) rotate(-8deg)}34.0%{transform:translate(-8.8px,-7.3px) rotate(8deg)}36.0%{transform:translate(-9px,-4.3px) rotate(-8deg)}38.0%{transform:translate(-9.2px,-7.3px) rotate(8deg)}40.0%{transform:translate(-9.5px,-4.4px) rotate(-7deg)}42.0%{transform:translate(-9.7px,-7.4px) rotate(9deg)}44.0%{transform:translate(-9.9px,-4.4px) rotate(-9deg)}46.0%{transform:translate(-9px,-7.5px) rotate(10deg)}48.0%{transform:translate(-5.9px,-4.8px) rotate(-9deg)}50.0%{transform:translate(-1.7px,-8.2px) rotate(9deg)}52.0%{transform:translate(2.6px,-5.5px) rotate(-9deg)}54.0%{transform:translate(5.7px,-8.8px) rotate(7deg)}56.0%{transform:translate(6.5px,-5.9px) rotate(-9deg)}58.0%{transform:translate(5.8px,-8.8px) rotate(8deg)}60.0%{transform:translate(4.6px,-5.4px) rotate(-8deg)}62.0%{transform:translate(3px,-8.1px) rotate(8deg)}64.0%{transform:translate(1.7px,-4.8px) rotate(-9deg)}66.0%{transform:translate(.9px,-7.6px) rotate(8deg)}68.0%{transform:translate(.6px,-4.4px) rotate(-8deg)}70.0%{transform:translate(-.6px,-6.8px) rotate(9deg)}72.0%{transform:translate(-2.2px,-2.9px) rotate(-8deg)}74.0%{transform:translate(-4px,-5px) rotate(7deg)}76.0%{transform:translate(-5.3px,-1.3px) rotate(-8deg)}78.0%{transform:translate(-5.7px,-4.1px) rotate(8deg)}80.0%{transform:translate(-4.2px,-.8px) rotate(-8deg)}82.0%{transform:translate(-.8px,-3.2px) rotate(8deg)}84.0%{transform:translate(3.2px,.6px) rotate(-8deg)}86.0%{transform:translate(6.9px,-1.7px) rotate(7deg)}88.0%{transform:translate(9.2px,1.7px) rotate(-9deg)}90.0%{transform:translate(9.2px,-1.3px) rotate(10deg)}92.0%{transform:translate(7.6px,1.4px) rotate(-8deg)}94.0%{transform:translate(5.3px,-2px) rotate(9deg)}96.0%{transform:translate(2.8px,.5px) rotate(-10deg)}98.0%{transform:translate(.8px,-2.9px) rotate(7deg)}100.0%{transform:translate(0) rotate(0)}}@keyframes isle-panic-2{0.0%{transform:translate(0) rotate(0)}2.0%{transform:translate(.6px,-3.4px) rotate(10deg)}4.0%{transform:translate(2px,-1.4px) rotate(-7deg)}6.0%{transform:translate(3.9px,-5.7px) rotate(10deg)}8.0%{transform:translate(5.6px,-3.8px) rotate(-8deg)}10.0%{transform:translate(6.7px,-7.6px) rotate(7deg)}12.0%{transform:translate(6.6px,-4.6px) rotate(-9deg)}14.0%{transform:translate(4.4px,-6.7px) rotate(10deg)}16.0%{transform:translate(.7px,-2.1px) rotate(-10deg)}18.0%{transform:translate(-3.3px,-3.4px) rotate(8deg)}20.0%{transform:translate(-6.7px,.9px) rotate(-9deg)}22.0%{transform:translate(-8.2px,-1.4px) rotate(7deg)}24.0%{transform:translate(-8.5px,1.8px) rotate(-10deg)}26.0%{transform:translate(-9.4px,-.6px) rotate(8deg)}28.0%{transform:translate(-10.5px,3.1px) rotate(-9deg)}30.0%{transform:translate(-11.5px,.8px) rotate(7deg)}32.0%{transform:translate(-12.2px,4.3px) rotate(-7deg)}34.0%{transform:translate(-12.2px,1.3px) rotate(7deg)}36.0%{transform:translate(-9.5px,2.7px) rotate(-9deg)}38.0%{transform:translate(-4.9px,-3.1px) rotate(9deg)}40.0%{transform:translate(.4px,-3.2px) rotate(-9deg)}42.0%{transform:translate(4.9px,-8.9px) rotate(10deg)}44.0%{transform:translate(7.3px,-7.3px) rotate(-8deg)}46.0%{transform:translate(7.3px,-9.9px) rotate(10deg)}48.0%{transform:translate(6.9px,-5.5px) rotate(-8deg)}50.0%{transform:translate(6.3px,-6.6px) rotate(10deg)}52.0%{transform:translate(5.7px,-1.7px) rotate(-8deg)}54.0%{transform:translate(5.3px,-3.3px) rotate(10deg)}56.0%{transform:translate(5.1px,.1px) rotate(-8deg)}58.0%{transform:translate(5px,-2.1px) rotate(8deg)}60.0%{transform:translate(4.7px,2.6px) rotate(-9deg)}62.0%{transform:translate(4.3px,1.5px) rotate(7deg)}64.0%{transform:translate(4px,6.2px) rotate(-7deg)}66.0%{transform:translate(3.8px,4.2px) rotate(9deg)}68.0%{transform:translate(4.2px,6.9px) rotate(-9deg)}70.0%{transform:translate(5.9px,2.4px) rotate(7deg)}72.0%{transform:translate(8.4px,3.2px) rotate(-8deg)}74.0%{transform:translate(11px,-2.1px) rotate(8deg)}76.0%{transform:translate(13px,-.9px) rotate(-9deg)}78.0%{transform:translate(13.6px,-4.4px) rotate(10deg)}80.0%{transform:translate(13.2px,-.8px) rotate(-7deg)}82.0%{transform:translate(12.3px,-2.5px) rotate(9deg)}84.0%{transform:translate(11.3px,2.1px) rotate(-7deg)}86.0%{transform:translate(10.3px,.6px) rotate(9deg)}88.0%{transform:translate(9.7px,4.5px) rotate(-10deg)}90.0%{transform:translate(9.4px,1.5px) rotate(9deg)}92.0%{transform:translate(7.8px,3.7px) rotate(-9deg)}94.0%{transform:translate(5.4px,-.4px) rotate(7deg)}96.0%{transform:translate(2.8px,1.4px) rotate(-7deg)}98.0%{transform:translate(.8px,-2.6px) rotate(8deg)}100.0%{transform:translate(0) rotate(0)}}@keyframes isle-panic-3{0.0%{transform:translate(0) rotate(0)}2.0%{transform:translate(-.7px,-3.2px) rotate(9deg)}4.0%{transform:translate(-2.4px,-.5px) rotate(-10deg)}6.0%{transform:translate(-4.5px,-4px) rotate(9deg)}8.0%{transform:translate(-6.6px,-1.5px) rotate(-8deg)}10.0%{transform:translate(-7.9px,-4.8px) rotate(9deg)}12.0%{transform:translate(-8.1px,-1.8px) rotate(-8deg)}14.0%{transform:translate(-8.2px,-4.8px) rotate(8deg)}16.0%{transform:translate(-8.3px,-1.8px) rotate(-8deg)}18.0%{transform:translate(-8.4px,-4.7px) rotate(7deg)}20.0%{transform:translate(-8.5px,-1.7px) rotate(-9deg)}22.0%{transform:translate(-8.5px,-4.7px) rotate(7deg)}24.0%{transform:translate(-7.8px,-1.4px) rotate(-8deg)}26.0%{transform:translate(-5.8px,-3.6px) rotate(9deg)}28.0%{transform:translate(-3.1px,.5px) rotate(-9deg)}30.0%{transform:translate(-.5px,-1.5px) rotate(9deg)}32.0%{transform:translate(1.3px,2.2px) rotate(-9deg)}34.0%{transform:translate(1.7px,-.7px) rotate(9deg)}36.0%{transform:translate(.5px,1.7px) rotate(-10deg)}38.0%{transform:translate(-1.5px,-2.4px) rotate(10deg)}40.0%{transform:translate(-3.8px,-.7px) rotate(-8deg)}42.0%{transform:translate(-5.8px,-4.7px) rotate(8deg)}44.0%{transform:translate(-6.8px,-2.3px) rotate(-7deg)}46.0%{transform:translate(-7px,-4.9px) rotate(8deg)}48.0%{transform:translate(-7.4px,-.5px) rotate(-8deg)}50.0%{transform:translate(-7.9px,-1.6px) rotate(10deg)}52.0%{transform:translate(-8.5px,3.3px) rotate(-9deg)}54.0%{transform:translate(-8.9px,1.6px) rotate(8deg)}56.0%{transform:translate(-9px,5px) rotate(-9deg)}58.0%{transform:translate(-8.6px,2.2px) rotate(9deg)}60.0%{transform:translate(-7.9px,5.4px) rotate(-7deg)}62.0%{transform:translate(-7px,2.7px) rotate(9deg)}64.0%{transform:translate(-6.2px,6px) rotate(-9deg)}66.0%{transform:translate(-5.8px,3.1px) rotate(8deg)}68.0%{transform:translate(-6px,5.6px) rotate(-10deg)}70.0%{transform:translate(-7.1px,.1px) rotate(7deg)}72.0%{transform:translate(-8.7px,-.4px) rotate(-7deg)}74.0%{transform:translate(-10.3px,-7.1px) rotate(9deg)}76.0%{transform:translate(-11.5px,-6.9px) rotate(-9deg)}78.0%{transform:translate(-11.9px,-10.9px) rotate(7deg)}80.0%{transform:translate(-10.9px,-7.2px) rotate(-9deg)}82.0%{transform:translate(-8.8px,-8.7px) rotate(9deg)}84.0%{transform:translate(-6.2px,-4px) rotate(-8deg)}86.0%{transform:translate(-3.8px,-5.4px) rotate(7deg)}88.0%{transform:translate(-2.3px,-1.4px) rotate(-9deg)}90.0%{transform:translate(-2.1px,-4.2px) rotate(10deg)}92.0%{transform:translate(-1.7px,-1px) rotate(-9deg)}94.0%{transform:translate(-1.2px,-3.7px) rotate(8deg)}96.0%{transform:translate(-.6px,-.4px) rotate(-9deg)}98.0%{transform:translate(-.2px,-3.1px) rotate(9deg)}100.0%{transform:translate(0) rotate(0)}}@keyframes isle-wave{0%,to{transform:translateY(0) rotate(0)}30%{transform:translateY(-6px) rotate(-4deg)}60%{transform:translateY(-2px) rotate(3deg)}}@keyframes react-pop{0%{transform:translate(-50%,calc(-100% + 4px));opacity:0}60%{transform:translate(-50%,calc(-100% - 10px));opacity:1}to{transform:translate(-50%,calc(-100% - 6px))}}@keyframes marker-bob{50%{transform:translate(-50%,calc(-100% - 9px))}}@keyframes log-in{0%{transform:translateY(6px);opacity:0}}.game__media{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--band)}.game__media>img,.game__media>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.game__media>video{opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s}.game.is-playing .game__media>video{opacity:1;visibility:visible;transition:opacity .25s ease}.hero[data-astro-cid-j7pv25f6]{background:linear-gradient(180deg,#fadec4 0%,#e9d3c2 70%,var(--bg) 100%)}.hero__inner[data-astro-cid-j7pv25f6]{max-width:1280px;margin:0 auto;padding:clamp(1.5rem,4vw,3rem) clamp(1rem,4vw,3.5rem) clamp(2rem,5vw,4rem);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:1rem 2rem}.hero__copy[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;gap:1.1rem}.hero[data-astro-cid-j7pv25f6] h1[data-astro-cid-j7pv25f6]{margin:0;font-size:clamp(2.4rem,5.6vw,4.2rem);font-weight:800;line-height:1.02;letter-spacing:-.035em}.hero__sub[data-astro-cid-j7pv25f6]{margin:0;font-size:clamp(1.02rem,1.6vw,1.2rem);color:var(--dim);max-width:44ch}.hero__ctas[data-astro-cid-j7pv25f6]{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.4rem}.games[data-astro-cid-j7pv25f6]{max-width:1280px;margin:0 auto;padding:1rem clamp(1rem,4vw,3.5rem) clamp(3rem,6vw,5rem)}.games[data-astro-cid-j7pv25f6] h2[data-astro-cid-j7pv25f6]{margin:0 0 1.5rem;font-size:clamp(1.7rem,3vw,2.2rem);letter-spacing:-.02em}.games__grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2.5vw,2rem)}.game[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;background:var(--panel);border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px var(--border);color:var(--fg);text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.game[data-astro-cid-j7pv25f6]:hover{color:var(--fg);transform:translateY(-3px);box-shadow:0 0 0 1px var(--border-strong),0 14px 30px -18px #101d3873}@media(prefers-reduced-motion:reduce){.game[data-astro-cid-j7pv25f6],.game[data-astro-cid-j7pv25f6]:hover{transition:none;transform:none}}.game__body[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;gap:.5rem;padding:1.1rem 1.25rem 1.35rem;flex:1}.game[data-astro-cid-j7pv25f6] h3[data-astro-cid-j7pv25f6]{margin:0;font-size:1.4rem;letter-spacing:-.015em}.game[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{margin:0;color:var(--dim)}.game__cta[data-astro-cid-j7pv25f6]{margin-top:auto;padding-top:.6rem;font-weight:600;color:var(--accent-text)}@media(max-width:760px){.hero__inner[data-astro-cid-j7pv25f6]{grid-template-columns:1fr}.hero__art[data-astro-cid-j7pv25f6]{order:-1;margin:0 -.5rem}.games__grid[data-astro-cid-j7pv25f6]{grid-template-columns:1fr}}
