/* Desktop art direction: full-width environments with a readable 1160px canvas. */
@media(min-width:1000px){
 body{padding:0;background:#101b21}.site{max-width:none;border:0;border-radius:0;box-shadow:none}
 .site>section,.site-footer{--edge:max(48px,calc((100vw - 1160px)/2));padding-left:var(--edge);padding-right:var(--edge)}
 .site>section{position:relative;isolation:isolate;border-top-width:1px;padding-top:64px;padding-bottom:72px}
 .quest-chapter{margin:0 0 38px;border-top:0;padding-top:0;letter-spacing:2px;font-size:10px}.quest-number{background:transparent;border-color:currentColor;opacity:.8}.quest-trail{opacity:.45}
 .ore-intro h2,.tools-section .ore-intro h2,.special-section>h2,.quick-section h2,.faq-section h2{font-size:48px;line-height:1.13;letter-spacing:-1.3px}
 .ore-intro p,.section-lead,.special-section>p{font-size:16px;line-height:1.8;max-width:58ch}
 .site>.hero{padding-top:0;padding-bottom:0;grid-template-columns:minmax(0,1fr) 430px;column-gap:80px;background:linear-gradient(90deg,#102923ec,#102923a6 47%,#10292391),linear-gradient(0deg,#102923,transparent 70%),url('/assets/landscape.png') center 60%/cover;image-rendering:auto}
 .hero:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#071d1a99,transparent 40%,#102923);pointer-events:none}
 .hero-header{height:86px;margin:0 0 34px;border-bottom:1px solid #c5e5b530}.brand{font-size:16px;letter-spacing:2px}.header-play{font-size:13px}
 .hero-copy{padding:22px 0 18px}.hero-copy:before{display:none}
 .hero-copy .mode-badge{font-size:10px;padding:7px 10px;background:#153b2ac4;border-color:#a3d59166;margin-bottom:22px}
 .hero-copy h1{font-size:clamp(54px,5.5vw,78px);line-height:.98;letter-spacing:-2.5px;text-wrap:initial}
 .hero-name{display:block}.hero-name .title-stone{display:block}.hero-name .title-wood{display:inline-block}.hero-name .hero-demo{display:inline-block;vertical-align:middle;font:700 14px/1.1 Manrope,sans-serif;letter-spacing:1px;padding:9px 11px;border:1px solid #c9e9b473;border-radius:4px;margin-left:8px;background:#123b27a8;text-shadow:none}
 .hero-copy .hero-desc{font-size:16px;line-height:1.85;max-width:46ch;margin-top:25px;color:#d2e1d4}
 .hero>.page-guide{padding:12px 0 20px;max-width:500px;gap:8px}.hero>.page-guide a{background:#143529ad;border-color:#a8d29140;font-size:12px;padding-inline:13px;backdrop-filter:blur(8px)}
 .hero>.play-area{width:430px;max-width:none;border-color:#accda480;border-radius:12px;background:#0b1c18;padding:7px;box-shadow:0 26px 75px #001c16b0,0 0 0 7px #c6e7a909}
 .hero .game-stage{aspect-ratio:.9}.hero-facts{max-width:470px;padding-top:12px;padding-bottom:32px}.game-facts{text-align:left}.game-facts>div{border:0}.game-facts dd{font-size:14px}.game-facts dt{font-size:10px;color:#a2bda9}
 .hero>.game-ribbon{width:calc(100% + 2*var(--edge));margin:38px calc(-1*var(--edge)) 0;background:#112b21;border-color:#aadf8638;padding-block:17px}.game-ribbon-run span{font-size:18px}
 /* Mineral gallery and calculation instrument share a cave. */
 .site>.ore-section{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:22px 40px;background:radial-gradient(ellipse at 12% 50%,#23444c80,transparent 55%),radial-gradient(ellipse at 90% 25%,#2d426633,transparent 50%),#111d29;border-color:#466271}
 .ore-section:before{height:100%;inset:0;opacity:.35;background:linear-gradient(130deg,#58788815 1px,transparent 1px) 0 0/88px 88px,linear-gradient(30deg,#7690ad12 1px,transparent 1px) 0 0/88px 88px;mask-image:linear-gradient(#000,transparent)}
 .ore-section:after{content:'';position:absolute;inset:0 0 auto;height:30px;background:#091721;clip-path:polygon(0 0,100% 0,100% 40%,91% 40%,91% 100%,86% 100%,86% 45%,75% 45%,75% 70%,60% 70%,60% 30%,48% 30%,48% 90%,36% 90%,36% 40%,23% 40%,23% 75%,9% 75%,9% 40%,0 40%);z-index:-1}
 .ore-section>.quest-chapter,.ore-section>.ore-intro{grid-column:1/-1;margin-bottom:0}.ore-section>.ore-intro{display:grid;grid-template-columns:1fr 370px;column-gap:40px;align-items:center;margin-bottom:10px}.ore-section .ore-intro .hero-label{grid-column:1/-1}.ore-section .ore-intro h2{grid-column:1;margin-bottom:0}.ore-section .ore-intro p{grid-column:2;margin:0;font-size:14px}
 .ore-section>.ore-grid{grid-column:1;grid-row:3;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-self:start}
 .ore-section .ore-card{position:relative;padding:18px 20px;background:linear-gradient(130deg,color-mix(in srgb,var(--ore) 9%,transparent),#162330);border-radius:6px;box-shadow:0 5px 0 #09131d,inset 0 1px 0 #ffffff0b;display:grid;grid-template-columns:1fr 1fr;gap:10px}
 .ore-card-top{grid-column:1/-1}.ore-section .ore-visual{height:96px}.ore-section .ore-card-copy{align-self:center}.ore-section .ore-card h3{font-size:14px}.ore-section .ore-value{font-size:32px}.ore-section .ore-unit{font-size:10px}.ore-section .ore-emerald{grid-column:1/-1;grid-template-columns:1fr 1fr;background:linear-gradient(110deg,#244837,#152c2d)}.ore-section .ore-emerald .ore-visual{height:96px}.ore-section .ore-emerald .ore-value{font-size:42px}.ore-section .ore-emerald h3{font-size:18px}
 .ore-section>.ore-calculation{grid-column:2;grid-row:3/6;margin:0;padding:24px;background:#203343;border-color:#8dafa95c;box-shadow:0 14px 35px #020d1933;align-self:start}
 .ore-calculation h3{font-size:22px;line-height:1.3}.ore-calculation .calc-stake{padding:13px 10px}.ore-calculation .calc-stake label{font-size:13px}.ore-calculation .calc-stake input{width:118px}
 .ore-calculation .ore-payouts{display:grid;grid-template-columns:1fr;gap:0}.ore-calculation .ore-payout,.ore-calculation .ore-payout:last-child{display:grid;grid-template-columns:24px 1fr auto;gap:12px;align-items:center;min-height:70px;padding:12px 0;border:0;border-bottom:1px solid #a9bfcd24;background:none;border-radius:0}.ore-payout .calc-ore-art{margin:0;height:24px}.ore-payout .payout-name>span{font-size:13px}.ore-payout .payout-name small{font-size:11px}.ore-calculation .ore-payout output{font-size:25px;text-align:right;max-width:128px}.ore-calculation .calc-formula{font-size:11px}
 .ore-section>.ore-explainer{grid-column:1;grid-row:4;margin:0}.ore-section>.ore-source{grid-column:1;grid-row:5;margin:0}.ore-section>.ore-cta{grid-column:1/-1;grid-row:6;margin:10px 0 0;display:flex;gap:24px;padding:22px 0;border-bottom:0}.ore-cta>div{margin-right:auto}.ore-cta h3 br{display:none}.ore-cta .ui-quiet{min-width:0}
 /* A horizontal rack of tools above a workbench of explanations. */
 .site>.tools-section{grid-template-columns:1fr 1fr;gap:26px 36px;background:linear-gradient(90deg,#160f0b70,transparent 20%,transparent 80%,#160f0b70),repeating-linear-gradient(0deg,#8d68341c 0 1px,transparent 1px 94px,#140e0970 94px 98px),repeating-linear-gradient(178deg,#a5793d07 0 2px,transparent 2px 13px),#32251d;border-color:#9c784b}
 .tools-section .ore-intro{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.tools-section .hero-label{grid-column:1/-1}.tools-section .ore-intro h2{margin:10px 0 0}.tools-section .ore-intro p{align-self:center;margin:0;font-size:15px}
 .tools-section>.tools-list{grid-column:1/-1;grid-row:3;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:24px 0 30px;border-bottom:8px solid #876443;box-shadow:0 6px 0 #18120e}
 .tool-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:22px 18px;min-height:220px}.tool-row .tool-icon{grid-column:1/-1;height:90px}.tool-row .tool-icon .game-sprite{transform:scale(4)}.tool-health{font-size:29px;margin:0}.tool-info{min-width:0}.tool-row h3{font-size:15px}.tool-tier{font-size:8px}.durability-track{margin-top:12px}
 .tools-section>.ore-source{grid-column:1/-1;grid-row:4;margin:-16px 0 0;min-height:24px}
 .tools-section>.tool-rules{grid-column:1;grid-row:5;margin:0}.tools-section>.durability-note{grid-column:2;grid-row:5/7;padding:25px}.tools-section>.tool-cta{grid-column:1;grid-row:6;padding:25px;max-width:none}.tool-cta h3{font-size:30px}
 /* Each special block is a different environment, not the same two-column card. */
 .site>.special-section{padding-top:60px;padding-bottom:70px;column-gap:70px;grid-template-columns:1fr 1fr}
 .special-section>.special-scene{height:390px;grid-row:2/8;align-self:center;background:none;overflow:visible}
 .special-section>.special-scene:before{content:'';position:absolute;inset:20px;border:1px solid #cf906040;transform:rotate(45deg);background:radial-gradient(circle,#d875262b,transparent 65%)}
 .special-section .special-main{scale:2.3;filter:drop-shadow(0 12px 0 #0003)}.special-section .scene-label{bottom:18px;letter-spacing:3px;font-size:10px}.special-section .field-note{background:#00000015}
 .site>.special-tnt{background:radial-gradient(ellipse at 25% 50%,#8a3b203d,transparent 48%),repeating-linear-gradient(135deg,#e1945010 0 1px,transparent 1px 54px),#201918;border-color:#865035}
 .special-tnt .special-scene:after{content:'';position:absolute;width:290px;height:290px;border:1px dashed #efaf7555;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
 .special-tnt .special-summary{border-left:3px solid #e9ab6a}.special-tnt .debris{scale:1.6}
 .site>.special-bench{background:linear-gradient(90deg,#a48c6510 1px,transparent 1px) 0 0/48px 48px,linear-gradient(#a48c6510 1px,transparent 1px) 0 0/48px 48px,radial-gradient(ellipse at 80% 40%,#76552566,transparent 50%),#252822;border-color:#918456}
 .special-bench>.special-scene{grid-column:2}.special-bench>.special-eyebrow,.special-bench>h2,.special-bench>p,.special-bench>.bench-benefits,.special-bench>.field-note,.special-bench>.context-cta{grid-column:1}
 .special-bench .special-scene:before{transform:none;inset:20px 0;background:linear-gradient(#d8c18109,#d8c18104);border:1px solid #b9a67b50;box-shadow:12px 12px 0 #10171150}.special-bench .bench-up{font-size:52px;top:30px}.special-bench .mini-tool{scale:1.6}
 .site>.special-slime{background:radial-gradient(ellipse at 25% 30%,#72a74233,transparent 40%),radial-gradient(ellipse at 75% 90%,#24796244,transparent 55%),#102d28;border-color:#68994e}.special-slime:before{height:28px;background:#456d3f}
 .special-slime .special-scene:before{border-color:#c0f28c44;background:radial-gradient(circle,#b8f57c30,transparent 65%);transform:rotate(15deg);border-radius:40px;inset:45px}.special-slime .special-scene:after{content:'';position:absolute;inset:15px;border:1px dashed #bbec8d40;border-radius:50%;transform:rotate(-20deg)}.special-slime .field-note{border-radius:0 16px 16px 0}.slime-cta h3{font-size:40px}.slime-cta{padding-top:25px}
 /* A reading break: field notes on parchment. */
 .site>.quick-section{display:grid;grid-template-columns:1fr 1.2fr;gap:20px 60px;background:radial-gradient(ellipse at 0 0,#fbefcd,transparent 70%),repeating-linear-gradient(0deg,#7d673b06 0 1px,transparent 1px 5px),#ddcea8;border-color:#bda16e}
 .quick-section>.quest-chapter{grid-column:1/-1;margin-bottom:12px}.quick-section>.special-eyebrow,.quick-section>h2,.quick-section>.section-lead{grid-column:1;margin:0}.quick-section>h2{grid-row:3}.quick-section>.section-lead{grid-row:4}.quick-section>.quick-steps{grid-column:2;grid-row:2/6;display:block;margin:0}.quick-section .quick-steps li{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:17px 0;margin:0}.quick-steps li>span{margin:0}.quick-section>.browser-note{grid-column:1/-1;grid-row:6;display:grid;grid-template-columns:1fr 1fr;gap:10px 40px;background:#fff7dc33;margin:12px 0 0}.browser-note .note-kicker,.browser-note h3{grid-column:1/-1;margin:0}.browser-note p{margin:0}.quick-section>.guide-return{grid-column:1;grid-row:5;margin:0;align-self:start}
 .site>.creator-quote{padding-block:54px;grid-template-columns:1fr 1.4fr;background:#162a2c;border-color:#637b68}.creator-quote h2{font-size:38px}.creator-quote blockquote p{font-size:28px;line-height:1.5}.creator-quote figure{margin-bottom:0}.creator-source{margin-top:20px}
 .site>.faq-section{display:grid;grid-template-columns:340px 1fr;gap:14px 70px;background:radial-gradient(ellipse at 0 40%,#324e6855,transparent 60%),#152435;border-color:#496278}.faq-section>.quest-chapter{grid-column:1/-1;margin-bottom:24px}.faq-section>.special-eyebrow,.faq-section>h2,.faq-section>.section-lead{grid-column:1;margin:0}.faq-section>h2{grid-row:3;font-size:42px}.faq-section>.section-lead{grid-row:4;font-size:15px}.faq-section>.faq-list{grid-column:2;grid-row:2/6;display:block}.faq-item summary{min-height:65px;font-size:15px}.faq-item p{font-size:14px}
 .site>.closing-section{padding-top:54px;padding-bottom:65px;grid-template-columns:1fr 1fr;background:linear-gradient(90deg,#143529f5,#153b2fce),url('/assets/landscape.png') center 65%/cover;border-color:#769b5c}.closing-section h2{font-size:50px}.closing-art{height:65px!important}.closing-section>.ui-btn{max-width:390px;justify-self:end;width:100%}.closing-section>.closing-demo{align-self:end}.closing-section>.real-play-cta{align-self:start}
 .site-footer{background:#0a1c19;padding-top:32px;padding-bottom:32px;grid-template-columns:1fr 1fr;font-size:12px}
 .return-demo.ui-btn{right:24px}
}
@media(min-width:1000px) and (max-width:1199px){
 .site>section,.site-footer{--edge:36px}.site>.hero{grid-template-columns:1fr 380px;column-gap:42px}.hero>.play-area{width:380px}.hero-copy h1{font-size:57px}.hero-name .hero-demo{font-size:12px;margin-left:4px}.ore-section .ore-intro h2{font-size:40px}.site>.ore-section{grid-template-columns:1fr 330px;gap:20px 26px}.ore-section>.ore-intro{grid-template-columns:1fr 330px;gap:20px 26px}.ore-section .ore-card{padding:15px 12px;gap:6px}.ore-section .ore-value{font-size:27px}.ore-section>.ore-calculation{padding:20px}.ore-section .ore-unit{font-size:9px}.site>.special-section{column-gap:40px}.special-section .special-main{scale:1.8}.tool-row{padding:18px 12px}.tool-row h3{font-size:13px}.tool-health{font-size:25px}.site>.faq-section{column-gap:40px;grid-template-columns:290px 1fr}
}
@media(min-width:1000px){
 .ore-calculation .ore-payout output,.ore-calculation .ore-payout:last-child output{grid-column:3;grid-row:1;width:auto}
 .ore-calculation .ore-payout .calc-ore-art{grid-column:1;grid-row:1}.ore-calculation .payout-name{grid-column:2;grid-row:1}
 .ore-calculation .ore-payout .calc-ore-art .game-sprite{transform:scale(1.45)}
 .special-scene:before,.special-scene:after{pointer-events:none}
}
@media(min-width:1000px){.tools-list .tool-icon{width:100%;display:grid;place-items:center}.tool-row .tool-info{align-self:end}.tool-row .tool-health{align-self:end}}

/* Desktop demo: compact centered player with a 16:9 stage. */
@media (min-width:1000px){
 .site>.hero{--edge:max(32px,calc((100vw - 960px)/2));grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto auto auto auto;column-gap:48px}
 .hero-header{margin-bottom:12px}
 .hero-copy{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:48px;padding-top:18px}
 .hero-copy .mode-badge{grid-column:1/-1;justify-self:start;margin-bottom:14px}
 .hero-copy h1{grid-column:1;margin:0;font-size:clamp(40px,3.2vw,48px)}
 .hero-copy .hero-desc{grid-column:2;align-self:center;max-width:62ch;margin:0}
 .hero-name .title-stone{display:inline}
 .hero>.page-guide{grid-column:1/-1;grid-row:3;max-width:none;padding:16px 0 24px}
 .hero>.play-area{grid-column:1/-1;grid-row:4;width:100%;max-width:960px;justify-self:center;padding:0;overflow:hidden;border-radius:10px}
 .hero .game-stage{height:auto;min-height:0;aspect-ratio:16/9}
 .hero-facts{grid-column:1/-1;grid-row:5;max-width:600px;justify-self:center;padding:22px 0 0}
 .hero>.game-ribbon{grid-row:6;margin-top:28px}
 .hero .player-promo{right:auto;max-width:430px;width:calc(100% - 32px);left:16px;top:16px}
 .hero .real-play-cta{max-width:430px;margin:10px auto}
}
