:root{font-family:Arial,Helvetica,sans-serif;color:#182522;background:#f3f5f3;font-synthesis:none;--ink:#182522;--muted:#5d6d67;--line:#d5ded8;--mint:#b9ebc8;--dark:#121b1a}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;letter-spacing:0}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #a06335;outline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}p{line-height:1.65}.container{width:min(1280px,calc(100% - 96px));margin-inline:auto}
.site-header{height:84px;background:var(--dark);color:#fff;position:relative;z-index:10}.header-inner{height:100%;display:flex;align-items:center;gap:36px}.wordmark{font-size:23px;font-weight:800;white-space:nowrap}.wordmark span{color:#b9c8bd}.desktop-nav{margin-left:auto;display:flex;gap:32px;align-items:center;font-size:14px;color:#e2e8e3}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:var(--mint)}.nav-play{display:flex;gap:24px;align-items:center;padding:14px 20px;background:var(--mint);color:var(--ink);font-size:14px;font-weight:700}.nav-play:hover,.button:hover{background:#d5f5dd}.menu-toggle,.mobile-menu{display:none}.skip-link{position:fixed;top:8px;left:8px;background:#fff;padding:12px;z-index:50;transform:translateY(-150%)}.skip-link:focus{transform:none}
.hero{min-height:420px;height:min(680px,calc(100svh - 190px));position:relative;overflow:hidden;color:white;background:#26322d}.hero-art{width:100%;height:100%;object-fit:cover;object-position:50% 52%;position:absolute;inset:0}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,19,17,.82),rgba(9,19,17,.4) 40%,rgba(9,19,17,0) 78%)}.hero-content{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-block:48px}.hero h1{font-size:74px;line-height:1.05;font-weight:800;margin-bottom:18px}.hero-tagline{font-size:28px;font-weight:500;line-height:1.25}.hero-description{font-size:17px;color:#e1e8e2;margin-top:22px;max-width:520px}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:30px}.button{min-height:50px;padding:15px 23px;display:inline-flex;gap:36px;align-items:center;justify-content:space-between;background:var(--mint);color:var(--ink);font-size:14px;font-weight:700;transition:background .15s}.button span{font-size:20px;line-height:1}
.game-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding-block:44px 64px}.game-overview img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#d5ded8}.game-overview h3{font-size:23px;font-weight:600;margin-top:22px}.game-overview p{font-size:15px;color:var(--muted);margin-top:10px;max-width:340px}
footer{background:var(--dark);color:#d3dfd5}.footer-bottom{padding-block:28px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px}.footer-bottom>span{color:#93a99a}.footer-bottom nav{display:flex;gap:26px;flex-wrap:wrap}.footer-bottom a:hover{text-decoration:underline;text-underline-offset:4px}
.page-heading{padding-block:62px 40px;border-bottom:1px solid var(--line)}.page-heading h1{font-size:48px;line-height:1.1}.guide-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:64px;align-items:start;padding-block:40px 72px}.guide-nav{display:flex;flex-direction:column;position:sticky;top:30px;font-size:14px;line-height:1.4}.guide-nav a{padding:14px 0;border-bottom:1px solid var(--line)}.guide-nav a:hover{color:#3f714b}.guide-content{max-width:790px}.guide-content section+section{margin-top:36px;border-top:1px solid var(--line);padding-top:32px}.guide-content h2{font-size:27px;font-weight:600}.guide-content p{font-size:16px;color:#4f6258;margin-top:16px}.reading-page{max-width:850px;padding-block:40px 72px}.reading-page section+section{margin-top:32px;padding-top:28px;border-top:1px solid var(--line)}.reading-page h2{font-size:26px;font-weight:600}.reading-page p{margin-top:16px;color:var(--muted)}.update-list{padding-block:40px 90px;min-height:45svh}.update-entry{display:grid;grid-template-columns:200px 1fr;gap:64px}.update-meta{font-size:14px;color:var(--muted)}.update-entry h2{font-size:29px;font-weight:600}.update-entry p{max-width:640px;margin-top:18px;color:var(--muted)}.not-found{padding-block:100px 140px}.not-found h1{font-size:48px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.guide-nav{max-height:calc(100svh - 60px);overflow-y:auto}.guide-nav a{padding:12px 0}.guide-content{width:100%;min-width:0}.guide-chapter{border-bottom:1px solid var(--line);scroll-margin-top:10px}.guide-chapter:first-child{border-top:1px solid var(--line)}.guide-chapter summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0;cursor:pointer;list-style:none}.guide-chapter summary::-webkit-details-marker{display:none}.guide-chapter summary::after{content:"";width:8px;height:8px;flex:none;border-right:1.5px solid #65776c;border-bottom:1.5px solid #65776c;transform:rotate(45deg);margin-right:6px}.guide-chapter[open]>summary::after{transform:rotate(225deg)}.guide-chapter summary:focus-visible{outline:3px solid #a06335;outline-offset:5px}.guide-chapter summary:hover h2{color:#3f714b}.guide-chapter h2{font-size:21px;line-height:1.3;text-wrap:wrap}.guide-actions{margin:0 0 22px}.guide-actions>div{display:grid;grid-template-columns:155px minmax(0,1fr);gap:22px;padding:15px 0;border-top:1px solid #e2e7e3}.guide-actions dt{font-size:14px;font-weight:700;line-height:1.6}.guide-actions dd{margin:0;color:#4f6258;font-size:15px;line-height:1.65;overflow-wrap:break-word}.guide-items{width:100%;border-collapse:collapse;margin-bottom:24px;font-size:14px;line-height:1.6;table-layout:fixed}.guide-items thead th{text-align:left;font-size:12px;color:#5d6d67;font-weight:500;padding:0 14px 14px 0}.guide-items thead th:first-child{width:24%}.guide-items thead th:nth-child(2){width:27%}.guide-items tbody th,.guide-items td{padding:17px 14px 17px 0;text-align:left;vertical-align:top;border-top:1px solid var(--line);overflow-wrap:break-word}.guide-items tbody th{font-weight:700}.guide-items td{color:#4f6258}.guide-items td:last-child{padding-right:0}
@media(max-width:1050px){.container{width:calc(100% - 56px)}.hero h1{font-size:64px}.guide-layout{gap:40px;grid-template-columns:190px minmax(0,1fr)}.game-overview{gap:24px}.guide-actions>div{grid-template-columns:1fr;gap:4px}}
@media(max-width:760px){.container{width:calc(100% - 40px)}.site-header{height:72px}.header-inner{gap:16px}.wordmark{font-size:19px}.desktop-nav{display:none}.nav-play{margin-left:auto;padding:11px 13px;font-size:12px;gap:12px}.menu-toggle{margin-left:auto;width:32px;height:40px;padding:8px 3px;border:0;background:transparent;display:flex;flex-direction:column;justify-content:center;gap:7px;color:white}.nav-play+.menu-toggle{margin-left:0}.menu-toggle span{height:1px;width:24px;background:currentColor}.mobile-menu:not([hidden]){position:absolute;top:72px;left:0;right:0;display:flex;flex-direction:column;padding:10px 20px 20px;background:var(--dark);border-top:1px solid #ffffff20}.mobile-menu a{padding:15px 0;border-bottom:1px solid #ffffff18;font-size:16px}.hero{height:560px;min-height:360px;max-height:calc(100svh - 150px)}.hero-art{object-position:56% center}.hero-shade{background:linear-gradient(90deg,rgba(9,19,17,.8),rgba(9,19,17,.12))}.hero-content{padding-block:34px}.hero h1{font-size:43px}.hero-tagline{font-size:24px}.hero-description{font-size:15px;max-width:330px;margin-top:18px}.button{padding:13px 18px;min-height:48px;font-size:13px;gap:28px}.game-overview{grid-template-columns:1fr;gap:32px;padding-block:28px 44px}.game-overview h3{margin-top:16px;font-size:22px}.game-overview p{max-width:none}.footer-bottom{align-items:flex-start;flex-wrap:wrap;gap:20px;font-size:12px}.footer-bottom nav{gap:24px}.page-heading{padding-block:40px 28px}.page-heading h1{font-size:36px}.guide-layout{grid-template-columns:1fr;gap:32px;padding-block:24px 48px}.guide-nav{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 22px;font-size:13px}.guide-nav a{padding:13px 0}.guide-content h2{font-size:25px}.guide-content p{font-size:15px}.reading-page{padding-block:32px 48px}.reading-page h2{font-size:25px}.reading-page p{font-size:15px;overflow-wrap:anywhere}.update-entry{grid-template-columns:1fr;gap:22px}.update-entry h2{font-size:27px}.update-entry p{font-size:15px}.update-list{padding-block:32px 64px}.not-found{padding-block:72px}.not-found h1{font-size:36px}}
@media(max-width:380px){.container{width:calc(100% - 32px)}.header-inner{gap:12px}.wordmark{font-size:17px}.hero h1{font-size:36px}.hero-tagline{font-size:22px}.nav-play{padding:10px;gap:8px}}
@media(max-width:760px){.guide-nav{max-height:none;overflow:visible}.guide-chapter h2{font-size:20px}.guide-chapter summary{padding:21px 0}.guide-actions>div{gap:4px;padding:14px 0}.guide-items thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.guide-items,.guide-items tbody,.guide-items tr,.guide-items th,.guide-items td{display:block;width:100%}.guide-items tr{padding:17px 0;border-top:1px solid var(--line)}.guide-items tbody th{padding:0 0 8px;border:0;font-size:15px}.guide-items td{padding:4px 0;border:0}.guide-items td::before{content:attr(data-label) ": ";color:var(--ink);font-weight:700}.guide-items{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}