@font-face{font-family:fo2font;src:url(/fonts/fffharmonyvx.woff2)format("woff2"),url(/fonts/fffharmonyvx.woff)format("woff"),url(/fonts/fffharmonyvx.ttf)format("truetype");font-weight:400;font-style:normal}:root{--foreground-rgb:255, 255, 255;--background-rgb:0, 0, 0}@media (prefers-color-scheme:dark){:root{--foreground-rgb:255, 255, 255;--background-rgb:0, 0, 0}}:focus{outline:none}canvas{-webkit-user-select:text;user-select:text}html,body{height:100%;color:rgb(var(--foreground-rgb));background-color:#000;background:rgb(var(--background-rgb));-webkit-user-select:none;user-select:none;scrollbar-color:darkgrey black;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:none;outline:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex;overflow:hidden}body{font-family:fo2font,sans-serif}a:link,a:visited,a:active,a:hover{color:#fff;cursor:pointer;text-decoration:none}button[disabled],button:disabled{opacity:.5;pointer-events:none}label{text-align:center;margin-bottom:8px;display:block}main{flex-direction:column;justify-content:center;align-items:center;width:100vw;min-height:100vh;display:flex;position:relative}main.gameActive{pointer-events:none}html.fo2-game-input-blocked canvas{pointer-events:none!important}.gameLoadingOverlay,.gameRecoveryOverlay{background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.gameLoadingOverlay{pointer-events:none;z-index:2147483000}.gameLoadingOverlayRevealed{background:0 0}.gameLoadingContent,.gameLoadingCard{flex-direction:column;justify-content:center;align-items:center;display:flex}.gameLoadingCard{box-sizing:border-box;background:#000000e0;border:2px solid #bdbdbd;min-width:250px;padding:22px 28px}.gameLoadingSquares{gap:8px;display:flex}.gameLoadingSquare{opacity:.25;background:#fff;width:12px;height:12px;display:block}.gameLoadingSquare.active{opacity:1}.gameLoadingStatus{color:#bdbdbd;text-align:center;margin-top:14px;font-family:fo2font,sans-serif;font-size:10px}.gameRecoveryOverlay{pointer-events:auto;z-index:2147483646;flex-direction:column;padding:28px}html.px-mobile-orientation-gate-blocked .gameLoadingOverlay{visibility:hidden}.gameRecoveryTitle{color:#fff;text-align:center;margin:18px 0 0;font-size:16px;font-weight:400}.gameRecoveryMessage{color:#bdbdbd;text-align:center;max-width:620px;margin:10px 0 0;font-size:10px}.gameRecoveryActions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px;display:flex}.fo2Button.gameRecoveryButton{width:auto;min-width:150px;height:44px;margin:0;padding:0 18px}.fo2Button.gameRecoveryExit{background-color:#252525}@media (forced-colors:active){.gameLoadingSquare{forced-color-adjust:none;background:canvastext}}.formContainer{flex-direction:column;align-items:center;display:flex}.input{box-sizing:border-box;text-align:center;color:#000;width:256px;height:32px;margin-bottom:8px;font-family:fo2font,sans-serif;display:block}.error{color:red;text-align:center;width:256px;margin:0 auto 8px;font-family:fo2font,sans-serif;font-size:12px;display:block}.fo2Button{color:#fff;cursor:pointer;opacity:1;background-color:#900;border:3px solid #ccc;width:256px;height:48px;margin-bottom:16px;font-family:fo2font,sans-serif}.fo2Button:hover{opacity:.9}.fo2Button:active{transform:scale(.98)}.fo2BackButtonLink{cursor:pointer;color:#fff;z-index:1000;background:0 0;border:none;padding:8px;font-family:fo2font,sans-serif;font-size:14px;text-decoration:none;position:fixed;top:0;right:0}.fo2CharacterButton{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:102px;height:118px;padding:0;transition:background-color .3s;display:flex;overflow:hidden}.fo2CharacterButton:hover,.fo2CharacterButton:focus{background-color:#fff3}.fo2CharacterButton:active{background-color:#ffffff4d}.fo2CharacterImage{object-fit:cover;object-position:top center;width:102px;height:150px;image-rendering:pixelated;position:relative;top:-16px}.fo2CharacterSelectContainer{white-space:nowrap;scrollbar-width:auto;scrollbar-color:darkgrey transparent;flex-wrap:wrap;justify-content:center;align-items:center;max-width:720px;min-height:236px;max-height:calc(100vh - 236px);display:flex;overflow:hidden auto}.footer{text-align:center;width:100%;font-size:8px;position:fixed;bottom:8px}.supportPage{box-sizing:border-box;text-align:center;background:#111;border:3px solid #ccc;width:min(480px,100vw - 32px);padding:32px}:is(html:has(.supportPage),body:has(.supportPage)){height:auto;min-height:100%;overflow-y:auto}body:has(.supportPage){align-items:stretch}body:has(.supportPage) main{box-sizing:border-box;min-height:100dvh;padding:24px 16px}body:has(.supportPage) .footer{flex-shrink:0;margin-top:24px;position:static}.supportPage h1{margin:0 0 24px;font-size:22px}.supportPage p{margin:0 0 18px;font-size:12px;line-height:1.7}.supportEmailLink{background:#900;border:3px solid #ccc;padding:14px 18px;font-size:12px;display:inline-block}.supportEmailLink:hover,.supportEmailLink:focus-visible{background:#b00000}select,option{font-family:inherit;font-size:inherit;color:inherit;background:inherit;border:inherit}canvas{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}:is(html:has(.landingPage),body:has(.landingPage)){scroll-behavior:smooth;height:auto;min-height:100%;overflow:hidden auto}body:has(.landingPage){color:#f7f4ec;-webkit-user-select:text;user-select:text;-webkit-text-size-adjust:100%;background:#090d12;font-family:fo2font;display:block}body:has(.landingPage)>main{width:100%;min-height:100dvh;display:block}body:has(.landingPage) .footer{box-sizing:border-box;color:#a9b0bb;background:#070a0e;border-top:1px solid #ffffff14;width:100%;padding:20px 24px 24px;font-size:11px;position:static}body:has(.landingPage) .footer a{color:#d4dae3;text-underline-offset:4px;align-items:center;min-height:44px;padding:0 6px;display:inline-flex}body:has(.landingPage) .footer a:hover{color:#fff;text-decoration:underline}body:has(.landingPage) .footer a:focus-visible{outline-offset:2px;border-radius:3px;outline:3px solid #ffe093}:is(body:has(.landingPage) .footerPatreonLink,body:has(.landingPage) .footerLogoutLink,body:has(.landingPage) .footerBlogLink,body:has(.landingPage) .footerAndroidLink){display:none}.landingPage,.landingPage *{box-sizing:border-box}.landingPage{--landing-gold:#f4c95d;--landing-gold-bright:#ffe093;--landing-line:#e3ebf72b;color:#f7f4ec;background:#090d12;width:100%;overflow:clip}.landingPage a{color:inherit}.landingPage a:focus-visible,.landingPage button:focus-visible{outline:3px solid var(--landing-gold-bright);outline-offset:4px}.landingHeader{z-index:20;border-bottom:1px solid #ffffff30;justify-content:space-between;align-items:center;gap:32px;width:min(1280px,100% - 48px);min-height:86px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.landingBrand{letter-spacing:.02em;text-shadow:0 2px 12px #000;align-items:center;gap:12px;font-family:fo2font;font-size:15px;display:inline-flex}.landingBrand img{image-rendering:pixelated;filter:drop-shadow(0 4px 10px #00000080)}.landingNav{align-items:center;gap:28px;font-size:14px;font-weight:700;display:flex}.landingNav>a:not(.landingNavCta){color:#edf0f5;text-shadow:0 2px 10px #000}.landingNav>a:not(.landingNavCta):hover{color:var(--landing-gold-bright)}.landingNavCta{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#090d129e;border:1px solid #ffffff73;border-radius:5px;padding:11px 17px}.landingNavCta:hover{border-color:var(--landing-gold-bright);background:#090d12d1}.landingHero{isolation:isolate;background:#132a32;align-items:flex-end;height:100svh;min-height:720px;display:flex;position:relative}.landingHeroImage{z-index:-3;object-fit:cover;object-position:center 52%;image-rendering:pixelated}.landingHeroShade{z-index:-2;background:linear-gradient(90deg,#05090deb 0%,#05090d94 32%,#05090d14 64%),linear-gradient(#04070a94 0%,#0000 29%,#04070a14 55%,#06090df0 100%);position:absolute;inset:0}.landingHeroContent{width:min(1280px,100% - 48px);margin:0 auto;padding-bottom:98px}.landingHeroCopy{width:min(850px,100%);padding:28px 0}.landingHeroCopy h1{letter-spacing:-.035em;text-shadow:0 4px 24px #000000eb;max-width:100%;margin:0 0 18px;font-family:fo2font;font-size:clamp(44px,7vw,78px);font-weight:400;line-height:1.05}.landingEyebrow,.landingCardEyebrow{color:var(--landing-gold);letter-spacing:.12em;text-transform:uppercase;margin:0 0 13px;font-family:fo2font;font-size:12px;line-height:1.4}.landingHeroLead{color:#fff;text-wrap:balance;text-shadow:0 3px 18px #000000e6;max-width:740px;margin:0;font-size:clamp(22px,2.1vw,32px);font-weight:720;line-height:1.28}.landingActions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.landingPrimaryButton,.landingSecondaryButton{border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;min-height:52px;padding:14px 22px;font-size:15px;font-weight:800;line-height:1.2;transition:transform .15s,border-color .15s,background-color .15s;display:inline-flex}.landingPrimaryButton{background:var(--landing-gold);box-shadow:0 10px 30px #080b0e59;color:#171307!important}.landingPrimaryButton:hover{background:var(--landing-gold-bright);transform:translateY(-2px)}.landingSecondaryButton{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080c11a8;border-color:#ffffff73;color:#fff!important}.landingSecondaryButton:hover{background:#080c11e0;border-color:#fff;transform:translateY(-2px)}.landingAvailability{color:#ffffffbd;margin:17px 0 0;font-size:13px;font-weight:650}.landingScrollCue{letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:12px;font-size:12px;font-weight:750;display:flex;position:absolute;bottom:38px;right:max(24px,50% - 640px);color:#ffffffc4!important}.landingScrollCue span:last-child{color:var(--landing-gold);font-size:21px}.landingIntro,.landingTrailer,.landingPlatforms{width:min(1180px,100% - 48px);margin:0 auto}.landingIntro{padding:118px 0 96px}.landingIntroCopy,.landingSectionHeading{max-width:760px;margin-bottom:44px}.landingIntro h2,.landingTrailerCopy h2,.landingWorldCopy h2,.landingSectionHeading h2,.landingFinalContent h2{letter-spacing:-.025em;text-wrap:balance;margin:0;font-family:fo2font;font-size:clamp(30px,4.2vw,53px);font-weight:400;line-height:1.18}.landingIntroCopy>p:last-child,.landingTrailerCopy>p,.landingWorldCopy>p,.landingFinalContent>p{color:#adb6c3;text-wrap:pretty;margin:22px 0 0;font-size:18px;line-height:1.7}.landingAdventureGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.landingAdventureCard{border:1px solid var(--landing-line);background:linear-gradient(145deg,#151d27,#0f151d);border-radius:7px;overflow:hidden;box-shadow:0 20px 50px #00000038}.landingAdventureImage{aspect-ratio:16/10;border-bottom:1px solid var(--landing-line);background:#0a0e13;position:relative;overflow:hidden}.landingAdventureImage img{object-fit:cover;image-rendering:pixelated;transition:transform .3s}.landingAdventureCard:hover .landingAdventureImage img{transform:scale(1.035)}.landingAdventureCopy{padding:26px 25px 30px}.landingCardEyebrow{margin-bottom:9px;font-size:10px}.landingAdventureCopy h3{margin:0;font-size:21px;line-height:1.32}.landingAdventureCopy>p:last-child{color:#aab3bf;margin:13px 0 0;font-size:15px;line-height:1.62}.landingTrailer{grid-template-columns:1fr;align-items:center;gap:40px;padding:0 0 122px;display:grid}.landingTrailerCopy{max-width:none}.landingTrailerMedia{aspect-ratio:16/9;background:#05080b;border:1px solid #ffffff42;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 28px 70px #0000006b}.landingTrailerMedia iframe{border:0;width:100%;height:100%}.landingTrailerPoster{color:#fff;cursor:pointer;background:#05080b;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0;overflow:hidden}.landingTrailerPoster:after{content:"";background:linear-gradient(#04070a05 42%,#04070ad6 100%);transition:background-color .18s;position:absolute;inset:0}.landingTrailerPoster:hover:after{background-color:#f4c95d14}.landingTrailerPoster>img{object-fit:cover;image-rendering:pixelated;transition:transform .28s}.landingTrailerPoster:hover>img{transform:scale(1.025)}.landingTrailerPlay{z-index:1;aspect-ratio:1;width:70px;color:var(--landing-gold-bright);background:#070a0ec7;border:2px solid #ffffffd6;border-radius:50%;place-items:center;padding-left:5px;font-size:25px;transition:background-color .16s,transform .16s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 38px #00000073}.landingTrailerPoster:hover .landingTrailerPlay{background:#070a0ef5;transform:translate(-50%,-50%)scale(1.06)}.landingTrailerLabel{z-index:1;text-align:left;justify-content:space-between;align-items:center;gap:18px;font-size:15px;font-weight:800;display:flex;position:absolute;bottom:21px;left:24px;right:24px}.landingTrailerLabel small{color:#ffffffb8;font-size:11px;font-weight:700}.landingWorldSection{isolation:isolate;border-block:1px solid var(--landing-line);background:#0e151b;min-height:630px;position:relative;overflow:hidden}.landingWorldBackdrop{z-index:-2;image-rendering:pixelated;opacity:.32;filter:saturate(.8)contrast(1.1);background:url(/landing/surfside-shores.webp) 50% 48%/cover no-repeat;position:absolute;inset:0}.landingWorldSection:after{z-index:-1;content:"";background:linear-gradient(90deg,#0b1118 0%,#0b1118ed 43%,#0b11187a 73%,#0b1118 100%);position:absolute;inset:0}.landingWorldContent{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:center;gap:72px;width:min(1180px,100% - 48px);min-height:630px;margin:0 auto;padding:80px 0;display:grid}.landingWorldCopy{max-width:580px}.landingTextLink{gap:10px;margin-top:27px;font-size:15px;font-weight:800;display:inline-flex;color:var(--landing-gold-bright)!important}.landingTextLink:hover{text-underline-offset:5px;text-decoration:underline}.landingCharacterArt{aspect-ratio:635/605;background:#14171e;border:1px solid #ffffff40;border-radius:7px;width:100%;position:relative;overflow:hidden;box-shadow:0 30px 70px #0000006b}.landingCharacterArt img{object-fit:contain;object-position:center;image-rendering:crisp-edges;image-rendering:pixelated}.landingCharacterShowcase{flex-direction:column;align-items:center;display:flex}.landingPlatforms{padding:104px 0 96px}.landingPlatforms .landingSectionHeading{text-align:center;max-width:none;margin-bottom:36px}.landingStoreButtons{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;padding:0 0 4px;display:flex}.landingStoreBadge{aspect-ratio:300/89;background:#050505;border:1px solid #ffffffb8;border-radius:7px;justify-content:center;align-items:center;width:200px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;overflow:hidden;box-shadow:0 8px 22px #00000047}.landingStoreBadge:hover{border-color:var(--landing-gold);transform:translateY(-2px);box-shadow:0 10px 26px #0000006b}.landingStoreBadge:focus-visible{outline:3px solid var(--landing-gold);outline-offset:4px}.landingStoreBadge>img{object-fit:cover;width:100%;height:100%}.landingStoreBadgeIos{aspect-ratio:3;background:0 0;border:0;width:180px}.landingStoreBadgeComingSoon{cursor:default;pointer-events:none;transition:none;position:relative}.landingStoreBadgeComingSoon>img{opacity:.72}.landingStoreComingSoon{color:var(--landing-gold-bright);letter-spacing:.08em;text-transform:uppercase;background:#05080bf0;border:1px solid #ffe0938c;border-radius:3px;padding:4px 6px 3px;font-size:9px;font-weight:800;line-height:1;position:absolute;bottom:5px;right:6px}.landingContentRatings{border-top:1px solid var(--landing-line);margin-top:72px;padding-top:64px}.landingRatingsHeading{text-align:center;margin-bottom:30px}.landingRatingsHeading h3{letter-spacing:-.02em;margin:0;font-family:fo2font;font-size:clamp(26px,3vw,38px);font-weight:400;line-height:1.2}.landingRatingsGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.landingRatingCard{text-align:center;background:#ffffff09;border:1px solid #ffffff21;border-radius:8px;flex-direction:column;justify-content:space-between;align-items:center;gap:12px;min-width:0;min-height:186px;margin:0;padding:19px 12px 17px;display:flex}.landingRatingCard figcaption{color:#ffffffc7;letter-spacing:.08em;text-transform:uppercase;align-items:center;min-height:28px;font-size:10px;font-weight:800;line-height:1.35;display:flex}.landingRatingIcon{background:#fff;border:1px solid #090d1224;border-radius:10px;justify-content:center;align-items:center;width:104px;height:104px;padding:14px;display:flex;overflow:hidden;box-shadow:0 10px 24px #00000038}.landingRatingIcon img{object-fit:contain;width:auto;max-width:100%;height:76px}.landingRatingCard>span{color:#ffffffa6;font-size:11px;font-weight:750;line-height:1.35}.landingRatingsCaption{color:#ffffff94;text-align:center;max-width:760px;margin:26px auto 0;font-size:13px;line-height:1.65}.landingFinalCta{isolation:isolate;border-top:1px solid var(--landing-line);text-align:center;place-items:center;min-height:620px;display:grid;position:relative;overflow:hidden}.landingFinalBackdrop{z-index:-3;object-fit:cover;image-rendering:pixelated}.landingFinalShade{z-index:-2;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#060a0ec7;position:absolute;inset:0}.landingFinalContent{width:min(720px,100% - 48px);padding:80px 0}.landingFinalContent>img{image-rendering:pixelated;filter:drop-shadow(0 10px 24px #0000008c);margin-bottom:22px}.landingFinalContent>p:not(.landingEyebrow){color:#ffffffc7}.landingFinalContent .landingActions{justify-content:center}@media (max-width:900px){.landingHero{height:100svh;min-height:820px}.landingHeroImage{object-position:56% center}.landingHeroShade{background:linear-gradient(90deg,#05090de0 0%,#05090d57 75%),linear-gradient(#04070a94 0%,#0000 25%,#04070a40 52%,#06090df5 100%)}.landingAdventureGrid{grid-template-columns:1fr}.landingAdventureCard{grid-template-columns:minmax(260px,.95fr) minmax(0,1.05fr);display:grid}.landingAdventureImage{aspect-ratio:auto;border-right:1px solid var(--landing-line);border-bottom:0;height:100%;min-height:260px}.landingWorldContent{grid-template-columns:1fr;gap:44px}.landingCharacterArt{width:100%}.landingRatingsGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.landingRatingCard:last-child{grid-column:2}}@media (max-width:680px){.landingHeader{gap:10px;width:calc(100% - 24px);min-height:70px}.landingBrand{gap:8px;font-size:11px}.landingBrand img{width:38px;height:38px}.landingNav{gap:3px;font-size:11px}.landingNav>a:not(.landingNavCta){align-items:center;min-height:44px;padding:0 7px;display:inline-flex}.landingNavCta{align-items:center;min-height:44px;padding:9px 11px;display:inline-flex}.landingHero{height:100svh;min-height:760px}.landingHeroImage{object-position:53% center}.landingHeroShade{background:linear-gradient(#04070a85 0%,#04070a08 28%,#04070a6b 51%,#06090dfa 100%)}.landingHeroContent{width:calc(100% - 32px);padding-bottom:61px}.landingHeroCopy{width:100%;padding-bottom:0}.landingHeroLead{font-size:21px;line-height:1.35}.landingHeroCopy h1{font-size:clamp(38px,12vw,44px)}.landingActions{flex-direction:column}.landingPrimaryButton,.landingSecondaryButton{width:100%}.landingAvailability{font-size:11px;line-height:1.5}.landingScrollCue{display:none}.landingIntro,.landingTrailer,.landingPlatforms,.landingWorldContent{width:calc(100% - 32px)}.landingIntro{padding:86px 0 78px}.landingIntroCopy,.landingSectionHeading{margin-bottom:31px}.landingIntro h2,.landingTrailerCopy h2,.landingWorldCopy h2,.landingSectionHeading h2,.landingFinalContent h2{font-size:clamp(27px,8vw,30px);line-height:1.25}.landingIntroCopy>p:last-child,.landingTrailerCopy>p,.landingWorldCopy>p,.landingFinalContent>p{margin-top:17px;font-size:16px}.landingAdventureCard{display:block}.landingAdventureImage{aspect-ratio:16/10;border-right:0;border-bottom:1px solid var(--landing-line);width:100%;height:auto;min-height:0}.landingAdventureCopy{padding:22px 20px 25px}.landingAdventureCopy h3{font-size:19px}.landingTrailer{padding-bottom:82px}.landingTrailerPlay{width:58px;font-size:20px}.landingTrailerLabel{font-size:12px;bottom:14px;left:16px;right:16px}.landingWorldContent{min-height:0;padding:86px 0}.landingWorldSection:after{background:#080d12d9}.landingPlatforms{padding:78px 0 82px}.landingStoreButtons{flex-direction:column;gap:13px}.landingStoreBadge{width:200px}.landingStoreBadgeIos{width:180px}.landingContentRatings{margin-top:56px;padding-top:48px}.landingRatingsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.landingRatingCard{min-height:180px;padding-inline:8px}.landingRatingCard:last-child{grid-column:auto}.landingFinalCta{min-height:570px}.landingFinalContent{width:calc(100% - 32px)}body:has(.landingPage) .footer{padding-inline:16px;line-height:1.8}}@media (max-width:460px){.landingBrand span{display:none}.landingNav{gap:1px}}@media (prefers-reduced-motion:reduce){:is(html:has(.landingPage),body:has(.landingPage)){scroll-behavior:auto}.landingPage *,.landingPage :before,.landingPage :after{scroll-behavior:auto!important;transition-duration:.01ms!important}}