:root{color-scheme:light;--paper:#fbf8f0;--ink:#253b31;--muted:#526258;--line:#dcded1;--accent:#f7ae52;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid #347349;outline-offset:5px}h1,h2,h3,p{margin:0}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}img{display:block;max-width:100%}[hidden]{display:none!important}
.header,main,footer{max-width:1440px;margin:auto;padding-inline:5.5%}.header{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{font-weight:750;font-size:20px;text-decoration:none;letter-spacing:-.8px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.brand-icon{font-size:40px;line-height:1;color:#d87638}.brand-small{width:100%;padding-left:43px;font-size:9px;letter-spacing:2px;margin-top:-9px}.header nav{display:flex;gap:28px;font-size:13px;font-weight:600}.header nav a{padding-block:14px;text-decoration:none}
.intro{padding:65px 0 38px;display:grid;grid-template-columns:1fr 1fr;gap:14px 40px;align-items:end}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.8px;line-height:1.6}.intro>.eyebrow{grid-column:1/-1}.intro h1{font-size:clamp(50px,6.2vw,91px);line-height:1.05;letter-spacing:-5px;font-weight:650}.intro h1 em{font-family:Georgia,serif;font-weight:400;color:#be602e}.intro>p:last-child{font-size:15px;line-height:1.7;justify-self:end;padding-bottom:6px;color:var(--muted)}
.featured{display:grid;grid-template-columns:1.35fr 1fr;background:#edf0df;border:1px solid #dce1cc;border-radius:24px;overflow:hidden}.game-art{padding:27px 0 18px 27px;align-self:center}.game-art>a{display:block;overflow:hidden;border-radius:14px;box-shadow:0 12px 30px #253b3115}.game-art img{width:100%;height:auto;aspect-ratio:1080/610;object-fit:cover}.art-caption{display:block;font-size:10px;line-height:1.5;padding-top:9px;color:var(--muted)}.game-copy{padding:42px 36px;align-self:center}.dot{display:inline-block;width:7px;height:7px;background:#437a49;border-radius:50%;margin-right:5px}.game-copy h2{font-size:clamp(32px,3.4vw,51px);letter-spacing:-2px;line-height:1.08;margin:17px 0}.summary{font-size:16px;line-height:1.7;color:var(--muted);max-width:330px}.play{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:17px 23px;background:var(--ink);color:white;border-radius:100px;font-size:16px;font-weight:650;text-decoration:none;max-width:250px;margin:25px 0 12px;transition:background .2s}.play:hover{background:#38624a}.small{font-size:10px;color:var(--muted)}
.guide{padding:52px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;border-bottom:1px solid var(--line)}.guide h2,.generic-guide h2{font-size:30px;letter-spacing:-1.2px;line-height:1.2;max-width:320px;margin-top:14px}.guide ol{list-style:none;margin:0;padding:0;display:grid;gap:24px}.guide li{display:flex;gap:18px}.step{display:grid;place-items:center;border:1px solid #c7cebd;border-radius:50%;width:38px;height:38px;flex-shrink:0;font-size:11px}.guide h3{font-size:16px;margin:1px 0 5px}.guide li p{font-size:13px;line-height:1.6;color:var(--muted)}.generic-guide{padding-block:40px}.generic-guide p{margin-top:18px;line-height:1.7}
.explore{padding:38px 0;display:flex;align-items:center;justify-content:space-between;gap:24px}.explore h2,.blog h2{font-size:30px;letter-spacing:-1px;margin-top:9px}.secondary{padding:15px 22px;border:1px solid #b5bead;border-radius:100px;font-size:13px;font-weight:600;display:flex;justify-content:space-between;gap:28px;text-decoration:none}.secondary:hover{background:#edf0df}.blog{background:#f0e9dc;padding:32px;border-radius:18px;margin-bottom:55px}.blog h2{font-size:26px}.blog p:not(.eyebrow){font-size:13px;color:var(--muted);margin:12px 0}.blog a{display:inline-block;font-size:13px;font-weight:650;padding:12px 0}footer{border-top:1px solid var(--line);padding-top:28px;padding-bottom:25px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}footer>.brand{font-size:13px;letter-spacing:0}footer nav{display:flex;gap:24px;font-size:12px;margin-left:auto}footer nav a{text-decoration:none;padding-block:12px}.legal{width:100%;display:flex;gap:22px;flex-wrap:wrap;font-size:10px;color:var(--muted);align-items:center}.legal>span{margin-right:auto}.legal a{padding-block:12px}.skip{position:fixed;top:-100px;left:15px;z-index:2;background:white;padding:12px}.skip:focus{top:10px}
@media(min-width:1500px){.header,main,footer{padding-inline:80px}}
@media(max-width:760px){.header,main,footer{padding-inline:6%}.header{min-height:90px;gap:10px}.brand{font-size:16px;gap:6px}.brand-icon{font-size:32px}.brand-small{font-size:8px;padding-left:34px}.header nav{gap:12px;font-size:10px}.intro{padding-top:36px;grid-template-columns:1fr;gap:15px}.intro h1{font-size:54px;letter-spacing:-3px}.intro>p:last-child{justify-self:start;font-size:13px}.featured{grid-template-columns:1fr;border-radius:20px}.game-art{padding:16px 16px 0}.art-caption{font-size:9px}.game-copy{padding:24px}.game-copy h2{font-size:36px;letter-spacing:-1.5px;margin:12px 0}.summary{font-size:14px}.play{max-width:none;margin-top:20px;min-height:54px}.guide{grid-template-columns:1fr;padding-block:34px;gap:28px}.guide h2{font-size:27px;max-width:none}.guide ol{gap:20px}.explore{padding-block:28px;align-items:start;flex-direction:column;gap:20px}.explore h2{font-size:27px}.secondary{width:100%;min-height:50px;align-items:center}.blog{padding:24px;margin-bottom:34px}.blog h2{font-size:25px;line-height:1.25}footer nav{width:100%;margin:0;justify-content:space-between;gap:10px;font-size:11px}.legal{gap:8px 20px}.legal>span{width:100%;font-size:9px}.eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.header nav .language-switch{display:grid;place-items:center;min-height:44px;min-width:48px;padding:6px 10px;border:1px solid var(--line);border-radius:99px;white-space:nowrap}.header nav{align-items:center}@media(max-width:400px){.header nav{gap:8px}.header nav a{white-space:nowrap}}
.header nav .language-switch{display:inline-flex;min-width:0;gap:0;padding:0 4px;align-items:center}.header nav .language-switch a{padding:0 5px;min-height:44px;display:grid;place-items:center}.language-switch a[aria-current=true]{text-decoration:underline;text-underline-offset:4px}@media(max-width:500px){.header nav{flex-wrap:wrap;justify-content:flex-end;gap:0 9px}.header nav>a{padding-block:4px}.header .brand{min-width:120px}}