.game-page{--game-blue:#85b5ff;--game-red:#f08d94}.game-page .nav-links{margin-left:auto}.game-page .nav-end{margin-left:0}.game-hero{position:relative;border-bottom:1px solid #343438;isolation:isolate;overflow:hidden;background:#090b0b}.game-world{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;opacity:.6;object-position:center 43%}.game-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080808 9%,#080808ed 27%,#08080880 62%,#08080830),linear-gradient(0deg,#080808,transparent 60%);z-index:-2}.game-hero-inner{display:grid;grid-template-columns:1.05fr 1fr;min-height:670px;align-items:center;gap:60px}.game-hero-copy{padding:70px 0;max-width:680px;z-index:1}.game-kicker{display:inline-flex;align-items:center;gap:12px;font-size:14px;letter-spacing:.08em;color:#a6c5f8}.game-kicker:before{content:'';width:8px;height:8px;background:#74adff;box-shadow:12px 0 #ea737b;margin-right:12px}.game-hero h1{font-size:clamp(48px,4.5vw,80px);line-height:1.02;letter-spacing:-.055em;margin:23px 0 25px;font-weight:650;max-width:650px}.game-hero p{font-size:19px;line-height:1.65;max-width:590px;color:#c0c7d0}.game-actions{display:flex;align-items:center;gap:26px;margin-top:30px;flex-wrap:wrap}.game-actions .text-link{font-size:16px}.game-character{width:100%;position:relative;align-self:end;max-width:650px;animation:game-breathe 7s ease-in-out infinite}.game-character img{display:block;width:100%;filter:drop-shadow(0 20px 30px #0006)}@keyframes game-breathe{50%{transform:translateY(-7px)}}.game-facts{display:flex;gap:30px;margin-top:35px;font-size:15px;color:#b9c7d9}.game-facts span{display:flex;gap:8px;align-items:center}.game-facts svg{color:#91bafb;width:18px;height:18px}.game-layout{padding-top:36px}.game-flow{display:grid;grid-template-columns:.68fr 1.32fr;gap:64px;align-items:start}.game-flow h2{margin-top:0}.game-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid #33373e;border-radius:15px;overflow:hidden;background:#0e1012}.game-rule{padding:27px 24px;position:relative}.game-rule+.game-rule{border-left:1px solid #30343b}.rule-index{font-size:14px;color:#87b5ff;display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid #425d82;background:#192738;border-radius:7px;margin-bottom:20px}.game-rule h3{font-size:19px}.game-rule p{font-size:16px;margin:0;color:#abb6c7}.class-section .section-heading{align-items:end}.class-section .section-heading p{max-width:510px}.class-workspace{display:grid;grid-template-columns:260px 1fr;border:1px solid #333840;border-radius:18px;overflow:hidden;background:#0d0e10}.class-list{padding:14px;background:#101214;border-right:1px solid #30343c;display:grid;gap:6px;align-content:start}.class-tab{border:1px solid transparent;border-radius:10px;background:transparent;padding:15px 14px;display:flex;align-items:center;gap:16px;text-align:left;transition:background .15s,border-color .15s}.class-tab img{width:48px;height:48px;image-rendering:pixelated;object-fit:contain}.class-tab>span{display:grid;gap:3px}.class-tab strong{font-size:17px;line-height:1.2}.class-tab small{font-size:14px;color:#a1adbd}.class-tab:hover{background:#1c2027}.class-tab[aria-selected=true]{background:#1b293d;border-color:#5579ac}.class-detail{position:relative;min-width:0;display:grid;grid-template-columns:1fr 260px;gap:36px;padding:46px 48px;align-items:center;isolation:isolate;overflow:hidden;--kit:#b5a0f9}.class-detail:before{content:'';position:absolute;width:450px;height:450px;right:-65px;top:-20px;background:radial-gradient(circle,color-mix(in srgb,var(--kit) 15%,transparent),transparent 67%);z-index:-1}.kit-label{font-size:14px;color:var(--kit);font-weight:550}.class-detail h3{font-size:42px;letter-spacing:-.04em;margin:12px 0 18px}.class-detail p{font-size:18px;max-width:620px;line-height:1.65;color:#c1c8d4}.kit-abilities{display:grid;gap:12px;margin:25px 0}.kit-ability{display:flex;align-items:center;gap:16px;font-size:16px;color:#d4dbe6}.kit-ability img{width:32px;height:32px;object-fit:contain;image-rendering:pixelated}.class-art{position:relative;width:240px;height:280px;display:grid;place-items:center}.class-art:before,.class-art:after{content:'';position:absolute;border:1px solid color-mix(in srgb,var(--kit) 25%,transparent);border-radius:22px;inset:40px 18px;transform:rotate(-12deg);background:color-mix(in srgb,var(--kit) 3%,transparent)}.class-art:after{transform:rotate(9deg);inset:52px 30px}.class-art img{position:relative;width:160px;height:160px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 12px 15px #0008);z-index:1;animation:kit-art 5s ease-in-out infinite}@keyframes kit-art{50%{transform:translateY(-6px) rotate(3deg)}}.kit-guide{font-size:15px;margin-top:6px}.class-note{font-size:15px;color:#929fb1;margin:20px 0 0}.map-feature{display:grid;grid-template-columns:1.18fr .82fr;gap:60px;align-items:center}.map-heading h2{margin-top:0}.map-heading p{font-size:18px}.map-main{border:1px solid #3c424b;border-radius:16px;overflow:hidden;background:#101215;position:relative}.map-main>img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.map-caption{display:flex;justify-content:space-between;padding:13px 18px;color:#bcc9dd;font-size:15px;border-top:1px solid #333943}.map-caption strong{font-weight:550;color:#f1f3f6}.map-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.map-choice{display:grid;gap:7px;text-align:left;border:1px solid #343b46;background:#111418;border-radius:9px;padding:7px 7px 9px;font-size:14px;color:#bcc7d7}.map-choice img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:4px}.map-choice span{padding:0 3px}.map-choice:hover{border-color:#7094c6}.map-choice[aria-pressed=true]{border-color:#82b2f4;background:#1b2b42;color:white}.team-section{display:grid;grid-template-columns:1fr 1fr;gap:20px}.team-story{border:1px solid #30363e;background:#111214;border-radius:16px;padding:30px 34px;display:flex;gap:24px;align-items:start}.team-story>svg{color:#8bb7fb;width:30px;height:30px;margin-top:3px}.team-story p{margin:0;max-width:500px}.join-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}.join-section h2{margin-top:0}.join-steps{display:grid;gap:0}.join-step{display:flex;gap:20px;padding:24px 0;border-bottom:1px solid #303640}.join-step:first-child{padding-top:0}.join-step>.rule-index{flex:none;margin-top:2px}.join-step p{margin:0}.join-alternative{font-size:15px;margin-top:26px}.join-alternative a{color:#9dbfff}.game-footer{border-top:0}.game-page .download-section{border-top:1px solid #303640}.game-page .faq-section{border-bottom:0}.kit-change{animation:kit-arrive .26s ease-out}@keyframes kit-arrive{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.game-hero-inner{gap:20px;min-height:590px}.game-hero h1{font-size:60px}.game-facts{gap:18px;flex-wrap:wrap}.game-flow{grid-template-columns:1fr;gap:24px}.game-flow>div:first-child{max-width:680px}.class-workspace{grid-template-columns:220px 1fr}.class-detail{grid-template-columns:1fr;padding:32px}.class-art{display:none}.map-feature{gap:32px}.join-section{gap:40px}.game-page .nav-links{gap:20px}.game-page .nav{gap:20px}}
@media(max-width:760px){.game-page .nav-links{display:none}.game-page .nav-end{margin-left:auto}.game-hero-inner{display:block;position:relative;min-height:0}.game-hero-copy{padding:44px 0 260px}.game-hero h1{font-size:46px;max-width:480px;margin:20px 0}.game-hero p{font-size:17px}.game-kicker{font-size:12px;letter-spacing:.04em}.game-character{position:absolute;width:310px;right:-34px;bottom:-16px;pointer-events:none;animation:none}.game-character img{filter:none}.game-actions{gap:18px;margin-top:24px}.game-facts{font-size:14px;gap:16px;margin-top:26px;max-width:300px}.game-hero:before{background:linear-gradient(180deg,#080808f0 5%,#080808d9 45%,#08080850 75%,#080808),linear-gradient(90deg,#08080890,transparent)}.game-layout{padding-top:0}.game-flow{gap:18px}.game-rules{grid-template-columns:1fr}.game-rule{padding:22px;display:grid;grid-template-columns:30px 1fr;gap:0 15px}.game-rule+.game-rule{border-left:0;border-top:1px solid #30343b}.game-rule .rule-index{grid-row:1/3;margin-top:1px}.game-rule h3{font-size:18px;margin:0 0 8px}.game-rule p{font-size:16px}.class-workspace{grid-template-columns:1fr}.class-list{display:flex;overflow:auto;border-right:0;border-bottom:1px solid #30343c;padding:10px;gap:8px;scrollbar-width:thin}.class-tab{flex:none;padding:10px 12px;gap:9px}.class-tab img{width:32px;height:32px}.class-tab strong{font-size:15px}.class-tab small{font-size:13px}.class-detail{padding:26px 22px;min-height:410px}.class-detail h3{font-size:34px}.class-detail p{font-size:17px}.kit-abilities{margin:20px 0;gap:12px}.kit-ability{font-size:15px;gap:12px}.class-note{font-size:14px}.map-feature{display:flex;flex-direction:column-reverse;gap:24px}.map-heading{width:100%}.map-heading p{font-size:17px}.map-main{width:100%}.map-choices{margin-top:20px;gap:9px}.map-choice{font-size:13px}.map-caption{padding:12px 14px;font-size:14px}.team-section{grid-template-columns:1fr;gap:12px}.team-story{padding:23px;gap:18px}.team-story h3{font-size:19px}.join-section{grid-template-columns:1fr;gap:28px}.join-step{gap:16px;padding-block:20px}.game-page .download-section{gap:20px}.game-page .faq-section{gap:20px}}
@media(prefers-reduced-motion:reduce){.game-character,.class-art img,.kit-change{animation:none}}
.motion-sleep .game-character,.motion-sleep .class-art img{animation-play-state:paused}
@media(max-width:760px){.class-tab small,.map-choice{font-size:14px}.game-kicker{font-size:14px}.class-list{scroll-snap-type:x proximity}.class-tab{scroll-snap-align:center}}