:root{color-scheme:light;--bg: #f7f8f3;--surface: #ffffff;--surface-soft: #eef3e9;--ink: #1d241c;--muted: #657064;--line: #dfe7da;--accent: #4f7f52;--accent-dark: #2f5633;--amber: #b77a22;--red: #b4513d;--shadow: 0 28px 80px rgb(54 75 52 / .14);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:linear-gradient(rgb(79 127 82 / .06) 1px,transparent 1px),linear-gradient(90deg,rgb(79 127 82 / .05) 1px,transparent 1px),radial-gradient(circle at 14% 10%,rgb(183 122 34 / .12),transparent 30rem),radial-gradient(circle at 92% 8%,rgb(79 127 82 / .13),transparent 28rem),var(--bg);background-size:34px 34px,34px 34px,auto,auto,auto;color:var(--ink)}a{color:inherit;text-decoration:none}button{font:inherit}.page-shell{width:min(1440px,100%);margin:0 auto;padding:0 24px 72px}.topbar{position:sticky;top:12px;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:68px;margin:12px auto 24px;padding:0 18px;border:1px solid rgb(79 127 82 / .14);border-radius:24px;background:#ffffffc2;backdrop-filter:blur(18px);box-shadow:0 18px 55px #364b341a}.brand,.nav-links{display:flex;align-items:center;gap:12px}.brand{font-weight:800;letter-spacing:-.03em}.brand-mark{width:22px;height:22px;border-radius:7px;background:linear-gradient(135deg,transparent 45%,rgb(255 255 255 / .5) 46% 55%,transparent 56%),linear-gradient(135deg,var(--accent),#9bb56b);box-shadow:inset 0 -5px #1d241c21}.nav-links a{color:var(--muted);font-size:14px;font-weight:700}.hero-section{display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);gap:36px;align-items:center;min-height:calc(100dvh - 104px)}.hero-copy{padding:32px 0 42px}.kicker{margin:0 0 16px;color:var(--accent-dark);font-size:13px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:850px;margin-bottom:22px;font-size:clamp(48px,7vw,94px);line-height:.96;letter-spacing:-.075em}h2{max-width:820px;margin-bottom:14px;font-size:clamp(34px,4vw,58px);line-height:1;letter-spacing:-.06em}h3{margin-bottom:12px;font-size:24px;line-height:1.1;letter-spacing:-.04em}.hero-lede,.section-heading p,.schema-copy p,.market-card p,.source-card p,.panel p{color:var(--muted);line-height:1.72}.hero-lede{max-width:620px;font-size:19px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.primary-link,.secondary-link,.step-controls button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:999px;font-weight:800}.primary-link{color:#fff;background:var(--accent-dark);box-shadow:0 16px 42px #2f563340}.secondary-link,.step-controls button{border:1px solid var(--line);color:var(--ink);background:#ffffffb8}.hero-visual{position:relative;display:grid;gap:18px;min-height:620px;padding:24px;border:1px solid rgb(79 127 82 / .14);border-radius:34px;background:radial-gradient(circle at 80% 12%,rgb(183 122 34 / .14),transparent 18rem),linear-gradient(145deg,#fffffff2,#eef3e9db);box-shadow:var(--shadow);overflow:hidden}.loop-rail{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.loop-node{min-height:88px;padding:12px;border:1px solid var(--line);border-radius:18px;background:#ffffffc7}.loop-node span{display:grid;place-items:center;width:24px;height:24px;margin-bottom:8px;border-radius:8px;background:var(--surface-soft);color:var(--accent-dark);font-size:12px;font-weight:900}.loop-node strong{display:block;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;word-break:break-word}.loop-node.is-active{border-color:#4f7f526b;background:#eff7e9;box-shadow:inset 0 0 0 1px #4f7f5226}.hero-pov-card{align-self:stretch;min-height:370px}.progress-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:20px;background:#ffffffd6;color:var(--muted);font-size:13px;font-weight:800}.progress-track{height:10px;border-radius:999px;background:#e3eadf;overflow:hidden}.progress-track div{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--amber));transition:width .42s cubic-bezier(.16,1,.3,1)}.metrics-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0 96px}.metric{padding:26px;border:1px solid var(--line);border-radius:24px;background:#ffffffbd}.metric strong{display:block;margin-bottom:10px;color:var(--accent-dark);font-size:36px;letter-spacing:-.06em}.metric span{color:var(--muted);line-height:1.55}.workbench-section,.schema-section,.market-section,.source-section{margin-top:72px}.section-heading{max-width:900px;margin-bottom:28px}.section-heading.compact{margin-bottom:22px}.workbench-grid{display:grid;grid-template-columns:minmax(260px,.76fr) minmax(420px,1.35fr) minmax(270px,.8fr);gap:18px}.panel,.timeline-card,.code-block,.focus-card,.market-card,.source-card{border:1px solid var(--line);border-radius:28px;background:#ffffffd1;box-shadow:0 18px 60px #364b3414}.panel{padding:22px}.panel-header,.timeline-header,.code-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;color:var(--muted);font-size:13px;font-weight:800}.panel-header strong,.timeline-header strong,.code-title strong{color:var(--accent-dark);font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.action-chips{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.chip{border:1px solid var(--line);border-radius:999px;padding:9px 12px;color:var(--muted);background:#f8faf5;cursor:pointer}.chip.is-enabled{color:var(--accent-dark);border-color:#4f7f5252;background:#edf6e9;font-weight:800}.step-controls{display:flex;gap:10px}.step-controls button{cursor:pointer}.step-controls button:disabled{cursor:not-allowed;opacity:.45}.scene-layout{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(260px,1.1fr);gap:18px;min-height:420px}.pov-frame{position:relative;min-height:100%;border:1px solid rgb(29 36 28 / .12);border-radius:24px;background:#dce9d2;overflow:hidden;isolation:isolate}.pov-frame.is-compact{height:100%;min-height:370px}.pov-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#1d241c1a);pointer-events:none}.pov-sky,.pov-ground{position:absolute;inset:0}.pov-sky{bottom:45%;background:radial-gradient(circle at 72% 22%,rgb(255 240 180 / .9),transparent 4rem),linear-gradient(180deg,#c9dce4,#e5efd9)}.pov-ground{top:45%;background:linear-gradient(90deg,rgb(255 255 255 / .18) 1px,transparent 1px),linear-gradient(#8fa76e,#697f55);background-size:28px 28px,auto}.biome-cave .pov-sky{background:linear-gradient(180deg,#576057,#777266)}.biome-cave .pov-ground{background:linear-gradient(90deg,rgb(255 255 255 / .12) 1px,transparent 1px),linear-gradient(#615f57,#424841);background-size:28px 28px,auto}.biome-workbench .pov-ground{background:linear-gradient(90deg,rgb(255 255 255 / .16) 1px,transparent 1px),linear-gradient(#9f8a5c,#6e5a3a);background-size:28px 28px,auto}.pov-reticle{position:absolute;left:50%;top:50%;width:42px;height:42px;transform:translate(-50%,-50%)}.pov-reticle:before,.pov-reticle:after{content:"";position:absolute;background:#ffffffd6;box-shadow:0 0 0 1px #1d241c33}.pov-reticle:before{left:50%;top:0;width:2px;height:100%}.pov-reticle:after{top:50%;left:0;width:100%;height:2px}.pov-object{position:absolute;bottom:28%;width:56px;height:150px;border-radius:8px;background:linear-gradient(90deg,rgb(255 255 255 / .1),transparent),#765a36;box-shadow:inset 0 -18px #00000014}.object-left{left:16%;transform:skewY(-7deg)}.object-right{right:18%;width:76px;height:98px;background:#7a806d;transform:skewY(5deg)}.biome-cave .pov-object{background:#79786f}.pov-caption{position:absolute;left:18px;right:18px;bottom:18px;z-index:2;padding:14px;border:1px solid rgb(255 255 255 / .38);border-radius:18px;background:#ffffffbd;backdrop-filter:blur(12px)}.pov-caption span,.scene-note span,.focus-card span{display:block;margin-bottom:6px;color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.pov-caption strong{display:block;line-height:1.35}.voxel-stage{display:grid;grid-template-rows:1fr auto;gap:14px;min-height:100%}.voxel-grid{position:relative;min-height:330px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at 50% 40%,rgb(79 127 82 / .11),transparent 15rem),linear-gradient(180deg,#f9fbf6,#edf3e7);overflow:hidden;perspective:900px}.voxel-grid:before{content:"";position:absolute;left:50%;top:55%;width:280px;height:180px;border-radius:50%;background:#4f7f521a;transform:translate(-50%,-50%) rotateX(62deg) rotate(45deg)}.cube{--size: 54px;position:absolute;left:calc(50% + (var(--x) - 2) * 52px);top:calc(48% + var(--y) * 36px);width:var(--size);height:var(--size);border:1px solid rgb(29 36 28 / .12);border-radius:10px;background:#88a968;box-shadow:16px 16px #67804f,16px 16px 0 1px #1d241c14;transform:rotateX(58deg) rotate(45deg);transition:transform .42s cubic-bezier(.16,1,.3,1),opacity .3s ease}.cube-wood{background:#9f7542;box-shadow:16px 16px #6d4f31,16px 16px 0 1px #1d241c14}.cube-stone{background:#85877d;box-shadow:16px 16px #5d625b,16px 16px 0 1px #1d241c14}.cube-ore{background:#8b8c80;box-shadow:16px 16px #5c625d,16px 16px 0 1px #1d241c14}.cube-ore:after{content:"";position:absolute;inset:12px;border-radius:6px;background:var(--amber)}.cube-table{background:#b58955;box-shadow:16px 16px #725633,16px 16px 0 1px #1d241c14}.cube.is-mined,.cube.is-collected{opacity:.22;transform:rotateX(58deg) rotate(45deg) translateY(14px) scale(.8)}.agent{position:absolute;left:calc(26% + var(--step) * 7%);top:calc(68% - (min(var(--step),5)*4%));width:26px;height:38px;border-radius:10px 10px 8px 8px;background:var(--accent-dark);box-shadow:0 12px 28px #2f563340;transition:left .52s cubic-bezier(.16,1,.3,1),top .52s cubic-bezier(.16,1,.3,1)}.agent span{position:absolute;left:7px;top:-12px;width:12px;height:12px;border-radius:4px;background:#d8c39a}.action-ray{position:absolute;left:50%;top:50%;width:0;height:2px;background:var(--amber);transform:rotate(-22deg);transform-origin:left center;opacity:0}.action-ray.is-active{width:120px;opacity:.85;animation:rayPulse .9s ease both}.reward-burst{position:absolute;right:42px;top:34px;display:grid;place-items:center;width:76px;height:76px;border-radius:26px;color:#fff;background:var(--amber);font-weight:950;box-shadow:0 18px 40px #b77a2240;animation:rewardPop .56s cubic-bezier(.16,1,.3,1) both}.scene-note{padding:16px;border:1px solid var(--line);border-radius:18px;background:#fbfcf8}.scene-note strong{display:block;margin-bottom:8px;line-height:1.45}.inventory-list{display:grid;gap:10px}.inventory-row{display:flex;justify-content:space-between;gap:16px;padding:13px 14px;border:1px solid #e5eadf;border-radius:16px;background:#fbfcf8}.inventory-row span{color:var(--muted)}.inventory-row strong{font-family:SFMono-Regular,Consolas,monospace}.inventory-row small{color:var(--muted)}.inventory-row.is-changed{border-color:#4f7f5252;background:#f0f8eb}.done-badge{margin-top:10px;padding:14px;border-radius:18px;text-align:center;color:var(--muted);background:#f4f6f1;font-weight:900}.done-badge.is-done{color:#fff;background:var(--red)}.timeline-card{margin-top:18px;padding:20px}.timeline{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.timeline-step{min-height:74px;border:1px solid var(--line);border-radius:18px;background:#fbfcf8;cursor:pointer}.timeline-step span,.timeline-step strong{display:block}.timeline-step span{color:var(--muted);font-size:12px;font-weight:900}.timeline-step strong{margin-top:8px;color:var(--muted);font-family:SFMono-Regular,Consolas,monospace}.timeline-step.has-reward{border-color:#b77a2257;background:#fff7e6}.timeline-step.is-terminal{border-color:#b4513d61}.timeline-step.is-active{color:#fff;border-color:var(--accent-dark);background:var(--accent-dark);transform:translateY(-2px)}.timeline-step.is-active span,.timeline-step.is-active strong{color:#fff}.schema-section{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(520px,1.28fr);gap:24px;align-items:start}.schema-copy{position:sticky;top:108px}.focus-card{padding:20px;margin-top:24px}.focus-card strong{display:block;margin-bottom:12px;color:var(--accent-dark);line-height:1.42}.code-stack{display:grid;gap:18px}.code-block{overflow:hidden}.code-title{margin:0;padding:16px 18px;border-bottom:1px solid var(--line);background:#f5f8f1}pre{margin:0;padding:20px;overflow:auto;color:#263224;background:#fbfcf8;font-size:13px;line-height:1.72}code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.market-grid,.source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.market-card,.source-card{display:block;padding:24px;transition:transform .22s ease,border-color .22s ease}.market-card:hover,.source-card:hover{border-color:#4f7f5257;transform:translateY(-3px)}.market-card h3{font-size:21px}.source-card span{display:block;margin-bottom:12px;color:var(--accent-dark);font-weight:900}@keyframes rayPulse{0%{transform:rotate(-22deg) scaleX(0)}to{transform:rotate(-22deg) scaleX(1)}}@keyframes rewardPop{0%{opacity:0;transform:translateY(12px) scale(.86)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:1080px){.hero-section,.schema-section{grid-template-columns:1fr}.hero-section{min-height:auto}.workbench-grid{grid-template-columns:1fr}.scene-layout{grid-template-columns:1fr 1fr}.schema-copy{position:static}}@media(max-width:760px){.page-shell{padding:0 14px 48px}.topbar{position:static;align-items:flex-start;flex-direction:column;padding:16px}.nav-links{flex-wrap:wrap}h1{font-size:45px}.hero-visual{min-height:auto;padding:14px;border-radius:26px}.loop-rail,.metrics-strip,.timeline,.market-grid,.source-grid,.scene-layout,.progress-card{grid-template-columns:1fr}.pov-frame.is-compact{min-height:300px}.voxel-grid{min-height:280px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:1ms!important}}