@font-face{font-family:Fredoka;src:url("assets/fredoka-bold.ttf") format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:Nunito;src:url("assets/nunito-regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Nunito;src:url("assets/nunito-bold.ttf") format("truetype");font-weight:700;font-display:swap}
:root{color-scheme:light;font:17px/1.65 Nunito,"Segoe UI",sans-serif;color:#253f32;background:#133e30;--cream:#faf5e7;--green:#225c43;--gold:#f0cd7d;--line:#d8cda9}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,rgba(12,46,32,.73),rgba(15,46,30,.91) 820px),url("assets/kingdom-map.jpeg") center top/cover fixed;background-repeat:no-repeat}
a{color:var(--green);text-underline-offset:.22em}
a:focus-visible{outline:3px solid #c38824;outline-offset:6px}
img{display:block;max-width:100%;height:auto}
h1,h2{font-family:Fredoka,"Trebuchet MS",sans-serif;font-weight:700;line-height:1.12}
p{margin:.8rem 0 1.2rem}
.wrap{width:min(1120px,calc(100% - 56px));margin-inline:auto}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-block:1.25rem;border-bottom:1px solid #c9dcbd45}
.brand{font-family:Fredoka,"Trebuchet MS",sans-serif;font-weight:700;font-size:1.18rem;text-decoration:none;color:#fff3d1}
.site-header nav,.site-footer nav{display:flex;flex-wrap:wrap;gap:1.5rem}
.site-header nav a,.site-footer a{color:#f4eedc;text-decoration:none}
.site-header nav a{font-size:.9rem}
.site-header nav a:hover,.site-footer a:hover{text-decoration:underline}
.site-header nav a[aria-current]{text-decoration:underline}
.intro{text-align:center;color:#fff5de;padding-block:3.6rem 3.2rem}
.intro h1{font-size:clamp(2.9rem,6.7vw,5.2rem);color:var(--gold);margin:0 auto 1.1rem;letter-spacing:-.025em;text-shadow:0 3px 0 #382a17,0 6px 20px #10271880}
.intro>p{font-size:1.18rem;margin:0 0 1rem}
.store-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin-top:1.2rem}
.store-link{display:block;border-radius:8px;line-height:0}
.store-link.apple{padding:13px}
.store-link.apple img{width:156px;height:52px}
.store-link.google img{width:202px;height:78px}
.showcase{display:grid;gap:28px;margin-bottom:2.8rem;scroll-margin-top:1rem}
.paper{min-width:0;background:var(--cream);border:2px solid #dfcca4;border-radius:26px;box-shadow:0 12px 32px #09261950;text-align:center;padding:2.25rem 2.4rem 2.6rem}
.paper h2{font-size:clamp(1.8rem,3.3vw,2.5rem);color:var(--green);margin:0 0 2rem}
.section-label{font-weight:700;font-size:.82rem;color:#647051;margin:0 0 .5rem;letter-spacing:.055em}
.shot-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:2rem;max-width:970px;margin-inline:auto;padding:.8rem .7rem 1rem}
.shot{margin:0 auto;width:100%;max-width:292px}
.shot>a{display:block;border:3px solid #c5af78;border-radius:13px;overflow:hidden;box-shadow:0 10px 20px #24412b32;background:#13283a;transition:box-shadow .15s}
.shot>a:hover{box-shadow:0 12px 25px #24412b50}
.shot img{width:100%;height:auto}
.mining-shots>.shot:first-child{transform:rotate(-3deg) translateY(7px)}
.mining-shots>.shot:last-child{transform:rotate(3deg) translateY(7px)}
.mining-shots>.shot:nth-child(2){position:relative;z-index:1}
.gear-sections{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.gear-section{display:flex;align-items:center;flex-direction:column;padding-inline:1.5rem}
.gear-section h2{max-width:400px;min-height:2.25em;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}
.gear-section .shot{max-width:285px}
.upgrade-section{padding-bottom:3rem}
.upgrade-shots{max-width:920px;gap:1.4rem;padding-inline:1.2rem}
.upgrade-shots>.shot:first-child{transform:rotate(-5deg) translateY(14px)}
.upgrade-shots>.shot:last-child{transform:rotate(5deg) translateY(14px)}
.upgrade-shots>.shot:nth-child(2){position:relative;z-index:1;transform:translateY(-5px)}
.site-footer{color:#e8ecd9;padding-block:1.7rem 2rem;border-top:1px solid #c9dcbd45;font-size:.86rem}
.site-footer p{margin-bottom:0}
.site-footer .trademarks{font-size:.65rem;line-height:1.6;color:#c3cfb6;margin-top:1.3rem}
.site-footer .trademarks a{color:inherit;text-decoration:underline}
.document{max-width:810px;margin-block:2.5rem 4rem;padding:2.8rem 3.2rem;background:var(--cream);border:2px solid #dfcca4;border-radius:20px;box-shadow:0 12px 32px #09261950;overflow-wrap:anywhere}
.document h1{font-size:2.6rem;color:var(--green);margin:.1rem 0 1rem}
.document h2{font-size:1.4rem;color:var(--green);margin-top:2rem}
.document .page-meta{font-size:.82rem;color:#647051}
.document ul{padding-left:1.3rem}
.skip{position:absolute;top:-7rem;left:1rem;padding:.7rem 1rem;border-radius:6px;background:var(--cream);z-index:3}
.skip:focus{top:1rem}
@media(max-width:850px){.wrap{width:calc(100% - 36px)}.paper{padding:1.8rem 1.4rem 2rem;border-radius:20px}.shot-row{gap:1rem;padding-inline:.3rem}.gear-sections{gap:22px}.gear-section h2{font-size:1.9rem;min-height:2.3em}.gear-section .shot{max-width:255px}.upgrade-shots{gap:.9rem;padding-inline:.7rem}.intro{padding-block:3rem 2.7rem}}
@media(max-width:600px){:root{font-size:16px}body{background-attachment:scroll;background-size:auto,auto 1200px}.wrap{width:calc(100% - 28px)}.site-header{padding-block:1rem;align-items:flex-start;flex-direction:column;gap:.65rem}.site-header nav{gap:1.3rem}.intro{padding-block:2.4rem 2rem}.intro h1{max-width:480px;font-size:3.05rem}.intro>p{font-size:1.06rem}.showcase{gap:20px}.paper{padding:1.6rem .8rem 1.9rem;border-radius:18px}.paper h2{font-size:2rem;margin-bottom:1.5rem}.shot-row{gap:1.2rem;overflow-x:auto;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:min(69vw,280px);justify-content:start;scroll-snap-type:x mandatory;padding:1rem .7rem 1.4rem;scroll-padding-inline:.7rem}.shot-row .shot{scroll-snap-align:center;transform:none}.shot-row .shot:nth-child(2){transform:none}.gear-sections{grid-template-columns:1fr;gap:20px}.gear-section .shot{max-width:280px}.gear-section h2{min-height:0;max-width:290px}.upgrade-shots{gap:1.1rem}.document{padding:1.6rem 1.3rem;margin-block:1.5rem 2.5rem}.document h1{font-size:2.3rem}.site-footer nav{gap:1.3rem}.site-footer>p>a{overflow-wrap:anywhere}}
@media(max-width:600px){.store-link.apple{padding:10px}.store-link.apple img{width:120px;height:40px}.store-link.google img{width:155px;height:60px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.shot>a{transition:none}}