@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-vietnamese-700-normal-DYeBwlKR.woff2) format("woff2"),url(/assets/barlow-condensed-vietnamese-700-normal-DhIzd8Tb.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-ext-700-normal-CwuXbfVR.woff2) format("woff2"),url(/assets/barlow-condensed-latin-ext-700-normal-BIHFfxf0.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2) format("woff2"),url(/assets/barlow-condensed-latin-700-normal-Dmwat-ge.woff) format("woff");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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-vietnamese-800-normal-CpjukuLw.woff2) format("woff2"),url(/assets/barlow-condensed-vietnamese-800-normal-BZxKbt5V.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-latin-ext-800-normal-DGNyg4u8.woff2) format("woff2"),url(/assets/barlow-condensed-latin-ext-800-normal-gY_0Gifi.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-latin-800-normal-BKzMuPgK.woff2) format("woff2"),url(/assets/barlow-condensed-latin-800-normal-e9GbPXiK.woff) format("woff");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:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-ext-400-normal-BtiwyxMk.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-400-normal-BjWJ59Pq.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2) format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff) format("woff");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:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-ext-700-normal-CJIcxD6K.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-700-normal-BLI3TTWz.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2) format("woff2"),url(/assets/dm-sans-latin-700-normal-CUSSCpQX.woff) format("woff");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{--ink: #173342;--cream: #fff6e3;--wordmark: #fff1ce;--gold: #edbb53;--teal: #3c9298;--muted: #596964;--body-ink: #43554f;--card: #f0e4ca;--night: #0c222b;--on-dark: #c1cdb8;--on-dark-muted: #91b4ac;--gutter: max(16px, env(safe-area-inset-left), env(safe-area-inset-right));--wrap: max(var(--gutter), calc((100% - 1120px)/2) );color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:400 17px/1.6 DM Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased}img{max-width:100%}a{color:inherit}a:focus-visible{outline:3px solid #287da2;outline-offset:4px;border-radius:4px}.topbar a:focus-visible,.dark a:focus-visible,.footer a:focus-visible{outline-color:var(--gold)}h1,h2,h3,h4{font-family:Barlow Condensed,sans-serif;text-wrap:balance}p{text-wrap:pretty}.eyebrow{margin:0;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.24em;text-transform:uppercase}.brand{color:var(--wordmark);font:800 24px/1 Barlow Condensed,sans-serif;letter-spacing:.02em;text-decoration:none}.brand span{margin-left:.2em;color:var(--gold)}.topbar{position:absolute;inset:0 0 auto;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:max(18px,env(safe-area-inset-top)) var(--wrap) 18px}.topbar nav,.footer nav{display:flex;flex-wrap:wrap;gap:4px 24px}.topbar nav a,.footer nav a{color:#d9e2d3;font-size:15px;font-weight:700;text-decoration:none;padding:8px 0}.topbar nav a:hover,.footer nav a:hover{color:var(--gold)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;padding:8px 22px;border-radius:6px;font:700 24px/1 Barlow Condensed,sans-serif;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:background-color .15s,border-color .15s,transform .15s}.btn svg{width:22px;height:22px;flex:0 0 22px}.btn:active{transform:translateY(2px)}.btn-play{overflow:hidden;background:var(--gold);border:1px solid #f4d58d;border-bottom:4px solid #a16734;color:#172f38;box-shadow:inset 0 2px #fff0bf}.btn-play:hover{background:#ffcf68;border-color:#ffe4aa;border-bottom-color:#a16734}.btn-play:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,#fff7d98c 50%,transparent 65%);transform:translate(-120%);pointer-events:none}.btn-alt{background:#2c484e;border:1px solid #61776d;border-bottom:4px solid #0a202a;color:#f8edd4;box-shadow:inset 0 1px #a5b6a72b}.btn-alt:hover{background:#3d6062;border-color:#9db9a8;border-bottom-color:#0a202a}.btn-alt:hover svg{color:var(--gold)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.dark{background:radial-gradient(circle at 50% 0%,#f2c8671f,transparent 48%),radial-gradient(ellipse at 50% 20%,#1b444a,#091e2a 90%);color:var(--cream)}.dark h1,.dark h2{color:var(--wordmark)}.dark .eyebrow{color:var(--on-dark-muted)}.section{padding:88px var(--wrap)}.section h2{margin:8px 0 32px;font-size:clamp(40px,5.5vw,58px);font-weight:800;line-height:.95;letter-spacing:-.02em}.shot{display:block;width:100%;height:auto;margin-bottom:16px;border-radius:18px;box-shadow:0 12px 32px #503f2929}.footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 32px;padding:36px var(--wrap) max(36px,env(safe-area-inset-bottom));background:var(--night);color:var(--on-dark-muted)}.footer p{flex-basis:100%;margin:0;font-size:13px}@media(hover:hover)and (prefers-reduced-motion:no-preference){.btn-play:hover:after{transform:translate(120%);transition:transform .6s ease}}@media(prefers-reduced-motion:reduce){.btn{transition:none}}@media(max-width:860px){.section{padding-block:64px}}@media(max-width:560px){body{font-size:16px}.brand{font-size:21px}.topbar nav{gap:4px 18px}.actions{flex-direction:column}.btn{width:100%}}@media(max-width:380px){.btn{gap:10px;padding-inline:16px;font-size:20px;letter-spacing:.04em}}.guide-head{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:end;gap:40px;padding:120px var(--wrap) 64px}.guide-head h1{margin:14px 0 20px;font-size:clamp(52px,7vw,92px);font-weight:800;line-height:.88;letter-spacing:-.03em;text-shadow:0 .04em 0 #a96c37,0 .08em 0 #091d27}.guide-head .lede{max-width:44ch;margin:0;color:#e6e0cc;font-size:19px;line-height:1.5}.facts{display:grid;gap:2px;margin:0;padding:8px 20px;border:1px solid #3d5f60;border-radius:16px;background:#1a3a42cc;list-style:none}.facts li{padding:12px 0;color:var(--on-dark);font-size:15px;line-height:1.4}.facts li+li{border-top:1px solid #2f5053}.facts strong{display:block;color:var(--gold);font:700 20px/1.1 Barlow Condensed,sans-serif;letter-spacing:.03em;text-transform:uppercase}.guide-layout{display:grid;grid-template-columns:188px minmax(0,1fr);gap:56px;padding:64px var(--wrap) 96px}.toc{position:sticky;top:24px;align-self:start}.toc ol{margin:12px 0 0;padding:0;list-style:none;border-left:2px solid #e2d4b6}.toc a{display:block;margin-left:-2px;padding:7px 0 7px 16px;border-left:2px solid transparent;color:var(--body-ink);font-size:15px;font-weight:700;text-decoration:none}.toc a:hover{border-left-color:var(--gold);color:var(--ink)}.guide>section{scroll-margin-top:24px}.guide>section+section{margin-top:80px}.guide h2{margin:0 0 20px;font-size:clamp(38px,4.6vw,52px);font-weight:800;line-height:.95;letter-spacing:-.02em}:where(.guide) :is(h3,h4){margin:0;font-weight:700;line-height:1.05}:where(.guide) p{margin:0}.intro{max-width:64ch;margin-bottom:28px;color:var(--body-ink)}:where(.guide) :where(li,.spec>div,.controls>div,.panels>div) p,:where(.controls) dd{color:var(--body-ink);font-size:15.5px;line-height:1.55}.aside{margin-top:16px;color:var(--muted);font-size:15px}.controls>div,.beats li,.abilities li,.spec,.roles li,.discoveries li,.robots li,.panels>div{border-radius:12px;background:var(--card)}.abilities,.recipes,.roles,.discoveries,.robots,.beats,.earn{margin:0;padding:0;list-style:none}.controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.controls>div{padding:20px 22px}.controls dt{font:700 24px/1.05 Barlow Condensed,sans-serif}:where(.controls) dd{margin:0}.keys{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:12px 0 10px}.keys span{margin:0 6px;color:var(--muted);font-size:14px}kbd{display:inline-grid;place-items:center;min-width:36px;height:36px;padding:0 10px;border:1px solid #cbbd9f;border-bottom:3px solid #b3a07c;border-radius:5px;background:#fffaf0;color:var(--ink);font:700 17px/1 Barlow Condensed,sans-serif;letter-spacing:.04em}.intro kbd{min-width:28px;height:28px;padding:0 7px;font-size:15px;vertical-align:1px}.keys .auto{margin:0;padding:7px 12px;border-radius:6px;background:var(--teal);color:#fff;font:700 16px/1 Barlow Condensed,sans-serif;letter-spacing:.08em;text-transform:uppercase}.guide .shot{margin-bottom:12px}.beats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;counter-reset:beat}.beats li{position:relative;padding:20px 22px 20px 72px;counter-increment:beat}.beats li:before{content:counter(beat);position:absolute;left:22px;top:18px;color:var(--teal);font:800 40px/1 Barlow Condensed,sans-serif}.beats strong{display:block;margin-bottom:6px;font:700 23px/1.05 Barlow Condensed,sans-serif}.group{display:flex;align-items:baseline;gap:12px;margin:32px 0 12px;font-size:28px}.intro+.group{margin-top:0}.group span{color:var(--muted);font:700 12px DM Sans,sans-serif;letter-spacing:.16em;text-transform:uppercase}.abilities{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.abilities.is-pairs{grid-template-columns:repeat(2,minmax(0,1fr))}.abilities li{display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto 1fr;align-items:start;gap:4px 14px;padding:16px 18px 18px 12px}.abilities img{grid-row:span 2;width:64px;height:64px}.abilities h4{margin-top:4px;font-size:22px}.abilities .ranks{grid-column:1 / -1;margin-top:12px}.specs{display:grid;gap:12px}.spec{display:grid;grid-template-columns:170px repeat(2,minmax(0,1fr));gap:8px;padding:8px}.spec-weapon{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:8px 10px;font:700 21px/1.05 Barlow Condensed,sans-serif}.spec-weapon img{width:56px;height:56px;margin-left:-4px}.spec>div{padding:16px 18px;border-radius:8px;background:#fbf3e2}.spec h4{margin-bottom:6px;font-size:22px}.recipes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.recipes li{padding:20px 22px 24px;border-radius:12px;background:linear-gradient(160deg,#235a60,#173f47);color:var(--cream)}.recipe-parts{display:flex;align-items:center;gap:4px;margin-bottom:12px}.recipe-parts img{width:64px;height:64px;border-radius:12px;background:#fff6e314}.recipe-parts span{color:var(--gold);font:800 28px/1 Barlow Condensed,sans-serif}.recipes h3{color:var(--gold);font-size:28px}.recipes h3:before{content:"★ "}.recipe-needs{margin:6px 0 10px;color:#fff1ce;font-size:14px;font-weight:700}.recipes p:last-child{color:var(--on-dark);font-size:15.5px;line-height:1.55}.roles,.discoveries,.robots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.robots{grid-template-columns:repeat(4,minmax(0,1fr))}.roles li,.discoveries li,.robots li{display:flex;flex-direction:column;padding:16px 22px 22px}.roles img,.discoveries img{width:96px;height:96px;margin:0 0 6px -10px}.roles h3,.discoveries h3,.robots h3{margin-bottom:8px;font-size:26px}.bonus{margin-top:auto;padding-top:14px}.bonus{color:var(--ink);font-size:15px}.bonus strong{display:inline-block;margin-right:6px;padding:3px 8px;border-radius:5px;background:var(--ink);color:var(--gold);font:700 13px/1.2 Barlow Condensed,sans-serif;letter-spacing:.08em;text-transform:uppercase}.robots img{width:150px;height:150px;margin:-4px auto 4px}.robots li{text-align:center}.cost{margin:-2px 0 10px;color:var(--teal);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}.panels>div{padding:20px 22px 22px}.panels h3{margin-bottom:10px;font-size:24px}.panels p+p,.earn+p{margin-top:12px}.panels p+.earn{margin-top:8px}.abilities+.panels{margin-top:32px}.ranks{display:flex;flex-wrap:wrap;gap:8px}.ranks span{padding:6px 10px;border-radius:6px;background:#fbf3e2;color:var(--body-ink);font-size:14px;font-weight:700}.ranks b{margin-left:4px;color:var(--ink);font-family:Barlow Condensed,sans-serif;font-size:18px}.earn li{position:relative;padding:4px 0 4px 22px;color:var(--body-ink);font-size:15.5px}.earn li:before{content:"";position:absolute;left:2px;top:12px;width:9px;height:9px;rotate:45deg;border-radius:2px;background:var(--teal)}.faq{border-top:1px solid #d7cbb4}.faq details{border-bottom:1px solid #d7cbb4}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 2px;font:700 23px/1.15 Barlow Condensed,sans-serif;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";flex:0 0 auto;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--card);color:var(--teal);font:800 24px/1 DM Sans,sans-serif}.faq details[open] summary:after{content:"−"}.faq summary:hover{color:#22676c}.faq summary:focus-visible{outline:3px solid #287da2;outline-offset:2px;border-radius:4px}.faq details p{max-width:64ch;padding:0 2px 20px;color:var(--body-ink)}.faq a{color:#22676c;font-weight:700;text-underline-offset:3px}.cta{text-align:center}.cta h2{margin-bottom:0}.cta .actions{justify-content:center}@media(max-width:1100px){.robots{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1000px){.guide-layout{grid-template-columns:minmax(0,1fr);gap:40px;padding-top:40px}.toc{position:static}.toc ol{display:flex;flex-wrap:wrap;gap:8px;border-left:0}.toc a{margin:0;padding:8px 14px;border:0;border-radius:999px;background:var(--card);font-size:14px}.toc a:hover{background:#e4d7b8}.recipes,.roles,.discoveries,.robots{grid-template-columns:minmax(0,1fr)}.roles li,.discoveries li,.robots li{display:grid;grid-template-columns:88px minmax(0,1fr);align-content:start;column-gap:16px;padding:18px 20px;text-align:left}.roles img,.discoveries img,.robots img{grid-row:span 4;width:88px;height:88px;margin:-4px 0 0 -6px}.bonus{margin-top:10px;padding-top:0}.recipes li{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:18px;align-items:center}.recipe-parts{grid-row:span 3;margin:0}}@media(max-width:860px){.guide-head{grid-template-columns:minmax(0,1fr);gap:32px;padding-top:92px;padding-bottom:48px}}@media(max-width:700px){.controls,.beats,.panels,.spec{grid-template-columns:minmax(0,1fr)}.spec-weapon{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;padding:4px 6px 0}.spec-weapon img{width:44px;height:44px}.recipes li{display:block}.recipe-parts{margin-bottom:12px}}@media(max-width:560px){.guide-head .lede{font-size:17px}.guide>section+section{margin-top:64px}.abilities,.abilities.is-pairs{grid-template-columns:minmax(0,1fr)}.beats li{padding-left:60px}.beats li:before{left:18px;font-size:34px}}
