.hero{isolation:isolate;background:#020604;min-height:clamp(740px,47.25vw,900px);padding:88px 6.5% 0;position:relative;overflow:visible}.heroBackgroundPlate{z-index:0;image-rendering:pixelated;background:#020604 url(/assets/catfriends-hero-world.png) 48%/cover no-repeat;position:absolute;inset:0}.heroReadabilityOverlay{z-index:1;pointer-events:none;background:linear-gradient(90deg,#010503f2 0%,#010503d1 27%,#0105036b 45%,#01050314 65%,#01050305 100%);position:absolute;inset:0}.hero:before{content:"";z-index:2;pointer-events:none;background-color:#0000;background-image:linear-gradient(#b6ff0005 1px,#0000 1px),linear-gradient(90deg,#b6ff0005 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:54px 54px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.hero:after{display:none}.heroContent{z-index:6;width:min(620px,38vw);position:relative}.hero h1{font:500 clamp(50px,4.8vw,78px)/.94 var(--font-hero-editorial),serif;letter-spacing:-.035em;font-optical-sizing:auto;text-wrap:balance;margin:17px 0 22px}.hero h1 em{color:var(--g);font-style:normal}.hero .lead{color:#e1e5de;text-shadow:0 1px 8px #020604;max-width:420px;font:18px/1.45 Georgia,serif}.hero .actions{margin-top:28px}.hero .micro{display:none}.heroCatNetwork{--hero-exit-render-padding:160px;--hero-exit-canvas-extra:calc(var(--hero-exit-render-padding) + 1.5vw);z-index:3;pointer-events:none;contain:layout;filter:saturate(1.04);height:660px;position:absolute;bottom:0;left:22%;right:0}.heroCatNetwork canvas{z-index:4;width:calc(100% + var(--hero-exit-canvas-extra));height:100%;image-rendering:pixelated;display:block;position:absolute;top:0;bottom:0;left:0}.heroBeaconDestination{z-index:6;width:1px;height:1px;position:absolute;top:28.5%;left:96.6667%}.heroBeacon{filter:drop-shadow(0 0 10px #b6ff006b);width:auto;max-width:none;height:66px;position:absolute;bottom:35px;left:50%;transform:translate(-50%)}.heroBeaconHalo{background:radial-gradient(#b6ff0033,#0000 70%);width:40px;height:24px;position:absolute;top:-12px;left:-20px}.heroBeaconLine{background:linear-gradient(#b6ff0014,#b6ff00);width:1px;height:76px;position:absolute;bottom:1px;left:0;box-shadow:0 0 7px #b6ff0040}.heroBeaconLine:after{content:"";background:#b6ff00;width:7px;height:7px;position:absolute;bottom:-4px;left:-3px;box-shadow:0 0 13px #b6ff00b3}.heroSignal{z-index:6;border-left:1px solid var(--g);color:#c4d3c5;letter-spacing:.12em;background:#020604bd;padding:9px 11px;font:700 9px/1.45 monospace;position:absolute;top:5.5%;right:10%}.heroSignal b{color:var(--g);display:block}@media (max-width:1050px){.hero{min-height:760px}.heroContent{width:min(640px,58vw)}.hero h1{font-size:clamp(50px,7vw,68px)}.heroCatNetwork{--hero-exit-canvas-extra:calc(var(--hero-exit-render-padding) + 8vw);height:620px;left:18%;right:0}.heroBackgroundPlate{background-position:54%}}@media (max-width:760px){.hero{min-height:830px;padding:64px 6% 0}.heroContent{width:100%}.hero h1{max-width:620px;margin-top:14px;font-size:clamp(44px,7vw,54px)}.hero .lead{font-size:16px}.hero .actions{margin-top:22px}.heroBackgroundPlate{background-position:96% bottom;background-size:auto 430px}.heroReadabilityOverlay{background:linear-gradient(#010503f2 0%,#010503c7 39%,#01050324 63%,#01050305 100%)}.heroCatNetwork{--hero-exit-canvas-extra:calc(var(--hero-exit-render-padding) + 20vw);height:430px;bottom:0;left:-24%;right:0}.heroBeacon{height:44px;bottom:27px}.heroBeaconLine{height:55px}.heroSignal{display:none}}@media (max-width:480px){.hero{min-height:790px}.heroBackgroundPlate{background-size:auto 390px}.heroCatNetwork{--hero-exit-canvas-extra:calc(var(--hero-exit-render-padding) + 28vw);height:390px;left:-34%;right:0}.hero h1{font-size:clamp(40px,9.2vw,44px)}.hero .actions{gap:7px}.hero .actions .btn{padding:12px 13px;font-size:10px}}@media (prefers-reduced-motion:reduce){.heroCatNetwork canvas{opacity:.92}}.gameReady{letter-spacing:.12em;background:#031006d9;flex-direction:column;justify-content:center;align-items:center;gap:18px;font:12px monospace;display:flex;position:absolute;inset:0}.gameReady>b{color:#b6ff00;font-size:14px}.playButton{color:#071000;letter-spacing:.08em;cursor:pointer;background:#b6ff00;border:1px solid #b6ff00;align-items:center;gap:9px;padding:13px 18px;font:700 13px monospace;display:inline-flex}.playButton i{border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid #071000;width:0;height:0}:is(.playButton:hover,.playButton:focus-visible){outline-offset:3px;background:#eaffad;outline:1px solid #b6ff00;transform:translate(-1px,-1px);box-shadow:2px 2px #587b1d}.gameReady p,.spaceHint{color:#a4ada5;letter-spacing:.1em;margin:0;font:10px monospace}.gameReady kbd,.spaceHint kbd{color:#fff;font:inherit;border:1px solid #456b4d;padding:3px 6px}.over .playButton{margin-top:8px}.over .spaceHint{margin-top:10px}.hud{grid-template-columns:minmax(190px,1.45fr) repeat(3,minmax(0,1fr));gap:16px;display:grid}.hud-run-stats{grid-template-columns:auto auto;justify-content:start;gap:clamp(22px,3vw,44px);display:grid}@media (max-width:700px){.hud{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px}.hud-run-stats{gap:clamp(16px,7vw,34px)}.gameReady{gap:14px}}.storySection{isolation:isolate;min-height:92vh;position:relative;overflow:hidden}.storySection>.nodeEyebrow,.storySection>h2,.storySection>.copy,.storySection>.statement{z-index:2;position:relative}.storyVisual{z-index:1;pointer-events:none;position:absolute;inset:18px 0 18px 68%;overflow:visible}.storyBackground,.storyCats{position:absolute;inset:0}.storyBackground{z-index:0;image-rendering:pixelated;background-image:linear-gradient(90deg,#040b0957,#040b0905),url(/assets/story-ruins-environment.png);background-position:60%;background-repeat:no-repeat;background-size:cover;inset:0 0 0 -78%;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 19% 94%,#0000);mask-image:linear-gradient(90deg,#0000 0%,#000 19% 94%,#0000)}.storyBackground:after{content:"";mix-blend-mode:multiply;background:linear-gradient(#02080738,#0000 24% 70%,#0208079e),linear-gradient(90deg,#020705c7,#0207054d 42%,#0000 68%),linear-gradient(90deg,#03090852,#0000 30% 78%,#0309082e);position:absolute;inset:0}.storyCats{z-index:2}.storyCat{transform-origin:bottom;width:72px;height:76px;image-rendering:pixelated;display:block;position:absolute}@media (max-width:900px){.storySection{min-height:710px}.storyVisual{inset:310px 4% 35px 30%}.storyBackground{background-position:56%;inset:0}}@media (max-width:700px){.storySection{min-height:820px}.storyVisual{inset:365px 3% 42px}.storyBackground{background-position:50%;inset:0}.storyCat{width:64px;height:68px}}.arcadePortal{background:#020604;border-top:1px solid #b6ff0029;border-bottom:1px solid #b6ff0029;padding:0;position:relative;overflow:hidden}.arcadePortalArtwork{aspect-ratio:1672/941;isolation:isolate;background:#020604;width:100%;margin:0 auto;position:relative}.arcadePortalArtwork>img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;display:block}.arcadeDisplayViewport{z-index:1;pointer-events:none;position:absolute;overflow:hidden}.arcadeDisplaySurface{pointer-events:none;background:#010906ed;position:absolute;inset:0}.arcadeStaticContent{pointer-events:none;image-rendering:pixelated;position:absolute;inset:0}.arcadeStaticContent i{box-sizing:border-box;display:block;position:absolute}.arcadeSnakeCell{background:#91d625;width:8%;height:10%;box-shadow:0 0 3px #b6ff007a}.arcadeSnakeHead{background:#e4ff79;box-shadow:0 0 5px #e4ff79d1}.arcadeSnakeFood{background:#f7c64a;width:5%;height:7%;box-shadow:0 0 4px #f7c64ab3}.arcadeMinefieldGrid{aspect-ratio:6/5;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(6,1fr);gap:4%;width:76%;height:auto;display:grid;position:absolute;top:18%;left:12%}.arcadeMineCell{color:#d8ff62;background:#123a21cc;border:1px solid #b6ff0080;place-items:center;min-width:0;min-height:0;font:700 clamp(8px,.65vw,12px)/1 monospace;display:grid}.arcadeMinefieldGrid .arcadeMineCell{width:auto;height:auto;position:relative}.arcadeMineCellRevealed{background:#031b0de0;box-shadow:inset 0 0 4px #b6ff0047}.arcadeMineMarker{color:#f7c64a;border-color:#f7c64ac7;box-shadow:0 0 4px #f7c64a6b}.arcadeMineMarker img{object-fit:contain;width:58%;height:58%;image-rendering:pixelated;filter:saturate(1.2)brightness(1.2)}.arcadeStaticBlocks .arcadeBlockCell{background:#78b925;border:1px solid #d9ff6a;width:9%;height:8%;box-shadow:0 0 2px #b6ff0052}.arcadeStaticBlocks .arcadeBlockActive{background:#c4ff35;box-shadow:0 0 4px #e4ff79ad}.arcadeStaticBlocks .arcadeBlockClear{animation:.3s steps(2,end) infinite arcade-line-clear}.arcadeClickCue{z-index:5;color:#e4ff79;letter-spacing:.08em;text-shadow:0 0 5px #b6ff00db;opacity:1;pointer-events:none;background:#00070447;place-items:center;font:700 clamp(7px,.7vw,12px)/1 Courier New,monospace;display:grid;position:absolute;inset:0}@keyframes arcade-line-clear{50%{opacity:.18;filter:brightness(1.8)}}.arcadeMachine{z-index:2;cursor:pointer;color:#d8ff62;outline:0;text-decoration:none;display:block;position:absolute}.arcadeMachine:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(#b6ff0047,#70ff001a 42%,#0000 75%);width:76%;height:34%;transition:opacity .2s,box-shadow .2s;position:absolute;top:25%;left:12%;box-shadow:0 0 #b6ff0000}.arcadeMachine span{display:none}.arcadeMachine:hover:before{opacity:1;box-shadow:0 0 18px #b6ff004d}.arcadeMachine:focus-visible:before{opacity:1;box-shadow:0 0 18px #b6ff004d}.arcadeMachine-find{width:15.7%;height:48.2%;top:37.6%;left:23.6%}.arcadeMachine-lost{width:15.9%;height:48.2%;top:37.6%;left:42.2%}.arcadeMachine-stack{width:17.1%;height:48.2%;top:37.6%;left:60.4%}@media (max-width:700px){.arcadeMachine:active:before{opacity:.75}}@media (prefers-reduced-motion:reduce){.arcadeMachine:before{transition:none}.arcadeStaticBlocks .arcadeBlockClear{animation:none}}.editorialArtworkTitle{z-index:1;color:var(--paper);font-family:var(--font-hero-editorial),serif;font-optical-sizing:auto;letter-spacing:-.035em;text-align:center;opacity:1;filter:none;text-shadow:none;pointer-events:none;margin:0;font-weight:500;line-height:.94;position:absolute}.editorialArtworkTitle span{white-space:nowrap;display:block}.editorialArtworkTitle em{color:var(--g);font-style:normal}.editorialArtworkTitleArcade{width:48%;font-size:clamp(14px,4.675vw,78px);top:9.9%;left:26%}.editorialArtworkTitleToken{width:48%;font-size:clamp(14px,4.3vw,78px);top:10.2%;left:26%}.frenProfileBackdrop{z-index:1000;background:#000402c9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.frenProfile{color:#f0f2e9;background:#071009;border:1px solid #b6ff0059;width:min(690px,100%);max-height:calc(100dvh - 48px);padding:38px 42px 34px;position:relative;overflow-y:auto;box-shadow:0 24px 80px #000000a6,inset 0 1px #b6ff0017}.frenProfile:before{content:"";background:var(--g);width:74px;height:2px;position:absolute;top:0;left:42px}.frenProfileClose{color:#dbe5d7;cursor:pointer;background:#0b160d;border:1px solid #405443;width:34px;height:34px;font:25px/1 Arial;position:absolute;top:18px;right:19px}:is(.frenProfileClose:hover,.frenProfileClose:focus-visible){border-color:var(--g);color:var(--g)}.frenProfileEyebrow,.frenProfileCaption,.frenProfileMember,.frenProfileLevel,.frenProfileStats,.frenProfileActions{font-family:monospace}.frenProfileEyebrow{color:var(--g);letter-spacing:.16em;margin:0 42px 10px 0;font-size:11px;font-weight:700}.frenProfile h2{font:500 clamp(29px,4vw,44px)/1.05 var(--font-hero-editorial),Georgia,serif;letter-spacing:-.025em;color:#f4f1e7;margin:0 0 27px}.frenProfile h2 em{color:var(--g)}.frenProfileIdentity{border-top:1px solid #28402b;border-bottom:1px solid #28402b;align-items:center;gap:22px;padding:19px 0;display:flex}.frenProfileAvatar{background:#101e12;border:1px solid #3e6739;flex:none;place-items:center;width:116px;height:138px;display:grid}.frenProfileAvatar canvas{image-rendering:pixelated;display:block}.frenProfileIdentity>div:last-child{flex-direction:column;gap:7px;min-width:0;display:flex}.frenProfileCaption{color:#8a9b8d;letter-spacing:.15em;font-size:10px}.frenProfileIdentity strong{color:#f4f1e7;white-space:nowrap;font:500 clamp(25px,4vw,39px)/1.1 Georgia,serif}.frenProfileMember{letter-spacing:.12em;color:#c6d6c1;font-size:11px}.frenProfileMember i{background:var(--g);vertical-align:middle;width:5px;height:5px;margin-right:5px;display:inline-block}.frenProfileSince{color:#8a9b8d;letter-spacing:.1em;flex-wrap:wrap;gap:3px 8px;margin-top:2px;font:10px/1.3 monospace;display:flex}.frenProfileSince time{color:#d5dfd1}.frenProfileLevel{padding:20px 0 16px}.frenProfileLevelHeader{color:#b8c6b7;letter-spacing:.12em;justify-content:space-between;align-items:baseline;font-size:11px;font-weight:700;display:flex}.frenProfileLevelHeader strong{color:var(--g);font:500 36px/1 Georgia,serif}.frenProfileProgress{background:#203322;height:5px;margin:13px 0 8px;overflow:hidden}.frenProfileProgress span{background:var(--g);height:100%;display:block}.frenProfileLevel p{color:#8c9d8d;letter-spacing:.11em;margin:0;font-size:10px}.frenProfileStats{border-top:1px solid #28402b;border-bottom:1px solid #28402b;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.frenProfileStats>div{min-width:0;padding:19px 13px 18px 0}.frenProfileStats>div+div{border-left:1px solid #28402b;padding-left:17px}.frenProfileStats span{color:#9bad9d;letter-spacing:.09em;white-space:nowrap;font-size:10px;font-weight:700;display:block}.frenProfileStats strong{color:#fff;overflow-wrap:anywhere;margin-top:8px;font:500 clamp(22px,2.5vw,32px)/1.05 Georgia,serif;display:block}.frenProfileStats small{color:#a9b9a7;letter-spacing:.05em;margin-top:5px;font:9px/1.3 monospace;display:block}.frenProfileActions{letter-spacing:.1em;justify-content:space-between;align-items:center;gap:18px;margin-top:25px;font-size:11px;font-weight:700;display:flex}.frenProfileActions a{color:#071000;background:var(--g);padding:13px 16px;text-decoration:none}.frenProfileActions a:hover{background:#fff}.frenProfileActions button{color:#c9d5c5;font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;padding:13px 8px}.frenProfileActions button:hover{color:var(--g)}.frenProfileActions .frenProfileLeaderboard{color:#d2e4c9;background:0 0;padding:13px 0}.frenProfileActions .frenProfileLeaderboard:hover{color:var(--g);background:0 0}@media (max-width:620px){.frenProfileBackdrop{align-items:flex-start;padding:12px}.frenProfile{max-height:calc(100dvh - 24px);padding:30px 21px 24px}.frenProfile:before{left:21px}.frenProfile h2{max-width:330px}.frenProfileIdentity{gap:13px}.frenProfileAvatar{width:78px;height:78px}.frenProfileStats{grid-template-columns:repeat(2,minmax(0,1fr))}.frenProfileStats>div{padding:16px 8px 15px 0}.frenProfileStats>div+div{padding-left:12px}.frenProfileStats>div:nth-child(3){border-top:1px solid #28402b;border-left:0;padding-left:0}.frenProfileStats>div:nth-child(4){border-top:1px solid #28402b}}@media (max-width:390px){.frenProfileIdentity{gap:10px}.frenProfileAvatar{width:72px;height:72px}.frenProfileIdentity strong{font-size:clamp(20px,6vw,26px)}}@media (max-width:620px){.frenProfileActions{flex-wrap:wrap;gap:5px 14px}.frenProfileActions .frenProfileLeaderboard{flex-basis:100%;order:3;padding:8px 0}}