:root{--bg:#111510;--panel:#1b2118;--border:#35402e;--muted:#a3ae9c;--green:#c1f36e;--ink:#f1f3e7;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font:14px/1.6 'Segoe UI',Arial,sans-serif;color:var(--ink)}.grid-bg{position:absolute;z-index:-1;top:0;left:0;right:0;height:800px;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(#000,transparent)}header,main,footer{max-width:1320px;margin:auto;padding:0 5%}header{height:106px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border)}a{color:inherit}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:16px;letter-spacing:1px;font-weight:800;line-height:1.3}.brand-small{display:block;font:10px monospace;letter-spacing:4px;margin-top:4px;color:var(--muted)}.cube{background:var(--green);color:#1a2611;display:grid;place-items:center;width:39px;height:43px;clip-path:polygon(50% 0,100% 22%,100% 78%,50% 100%,0 78%,0 22%);font-size:25px}.edition,.source{font:10px monospace;letter-spacing:1px}.edition{color:var(--muted)}.source{text-decoration:none;border-bottom:1px solid #6e7a62;padding-bottom:5px}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;padding:68px 0 48px}.eyebrow{font:10px monospace;letter-spacing:1.8px;color:var(--green);margin:0 0 24px}.eyebrow i{display:inline-block;background:var(--green);width:6px;height:6px;margin-right:7px}h1{font-size:clamp(48px,6vw,77px);font-weight:750;line-height:.99;letter-spacing:-4px;margin:0 0 25px}h1 em{font-style:normal;color:var(--green)}.intro>p{color:var(--muted);font-size:14px;line-height:1.8}.facts{display:flex;gap:18px;color:#c4cdb9;font:9px monospace;margin-top:30px;flex-wrap:wrap}.art{position:relative;aspect-ratio:1.08;background:#253928;overflow:hidden;border:1px solid #506442;box-shadow:12px 12px 0 #1a2317;isolation:isolate}.art:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 4px,#0000000b 4px 5px);pointer-events:none}.sun{position:absolute;width:83px;height:83px;top:17%;right:18%;background:#e0edb1;box-shadow:0 0 70px #d0e48d25}.cloud{position:absolute;width:95px;height:22px;background:#9eae8040;box-shadow:24px -17px 0 #9eae8040,65px 0 0 #9eae8020}.c1{top:16%;left:10%}.c2{top:42%;right:10%;transform:scale(.65)}.hill{position:absolute;bottom:0;width:100%;background:#59784b;clip-path:polygon(0 50%,14% 50%,14% 30%,27% 30%,27% 20%,40% 20%,40% 40%,58% 40%,58% 25%,72% 25%,72% 50%,88% 50%,88% 65%,100% 65%,100% 100%,0 100%)}.back{height:66%;background:#416345;left:-12%;width:125%}.middle{height:49%;background:#729154;transform:scaleX(-1);left:25%;width:100%}.front{height:41%;background:repeating-linear-gradient(90deg,#405032 0 38px,#39472d 38px 76px);clip-path:polygon(0 17%,23% 17%,23% 0,44% 0,44% 36%,64% 36%,64% 63%,100% 63%,100% 100%,0 100%);border-top:14px solid #93b764}.coordinate{position:absolute;left:20px;bottom:20px;color:#d2e7b7;font:9px/1.8 monospace;z-index:2}.art-label{position:absolute;top:16px;left:18px;font:9px monospace;letter-spacing:2px;color:#cee1b6}.launch-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.panel{padding:27px;background:var(--panel);border:1px solid var(--border)}.launch{border-top:3px solid var(--green)}.server{border-top:3px solid #68785a}.panel-title{display:flex;align-items:center;gap:12px;margin:0 0 24px}.panel-title h2{font-size:18px;font-weight:500;margin:0;letter-spacing:-.4px}.step{font:11px monospace;color:var(--green)}.optional{font:8px monospace;color:var(--muted);margin-left:auto}label{display:block;font:9px monospace;letter-spacing:1px;color:var(--muted);margin-bottom:8px}input,select{width:100%;height:45px;border:1px solid #3c4834;background:#12180f;border-radius:0;padding:0 12px;font:13px 'Segoe UI',sans-serif;color:var(--ink)}input::placeholder{color:#69785e}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0 22px}button{width:100%;border:1px solid var(--green);padding:15px 18px;text-align:left;font:600 14px 'Segoe UI',sans-serif;cursor:pointer;border-radius:0;transition:filter .15s}button span{float:right}button:hover{filter:brightness(1.1)}.primary{background:var(--green);color:#1e2b13}.secondary{background:#2c3824;color:#d6ecc1;border-color:#556947}.hint{font-size:10px;color:var(--muted);line-height:1.8;margin:13px 0 0}.hint a{white-space:nowrap}#status{font-size:12px;color:var(--green);min-height:20px}.guide{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:50px 0;border-top:1px solid var(--border);margin-top:20px}.guide h2{font-size:32px;font-weight:500;letter-spacing:-1px;line-height:1.15;margin:0}.guide p:not(.eyebrow){color:var(--muted);font-size:12px}.control-list>div{display:grid;grid-template-columns:110px 1fr;gap:15px;border-bottom:1px solid var(--border);padding:15px 0}.control-list>div:first-child{padding-top:0}.control-list b{font:10px monospace;color:var(--green);padding-top:3px}.control-list span{font-size:12px;color:var(--muted)}details{border-top:1px solid var(--border);padding:22px 0 30px;color:var(--muted);font-size:12px}summary{cursor:pointer;color:var(--ink)}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--border);padding-top:25px;padding-bottom:25px;font:9px/1.8 monospace;color:var(--muted)}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:4px}@media(max-width:850px){.edition{display:none}.hero{gap:25px}.hero h1{font-size:59px}.launch-grid{grid-template-columns:1fr}.guide{gap:30px}.art{aspect-ratio:.8}.facts{gap:10px}}@media(max-width:560px){header{height:85px}.source{font-size:8px}.brand{font-size:13px}.hero{grid-template-columns:1fr;padding:40px 0 30px}.hero h1{font-size:65px}.art{aspect-ratio:1.9;margin-right:10px}.sun{width:45px;height:45px}.hero .intro>p br{display:none}.guide{grid-template-columns:1fr;padding-top:35px}.panel{padding:22px 18px}.panel-title{gap:8px}.panel-title h2{font-size:17px}.optional{font-size:7px}.two-col{gap:10px}.facts{font-size:8px}footer{display:block}footer>span{display:block;margin-bottom:10px}.control-list>div{grid-template-columns:90px 1fr}.eyebrow{font-size:9px}input,select{font-size:16px}}

.graphics-hint{margin-bottom:18px}.browser-support{color:var(--muted);font-size:12px}.game-shell{position:fixed;inset:0;z-index:100;background:#10140f;display:flex;flex-direction:column;height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.game-shell[hidden]{display:none}.game-bar{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--border);padding:10px 16px;flex-wrap:wrap}.game-bar strong{font:700 12px monospace;letter-spacing:1px}.game-bar strong span{color:var(--green)}#gameState{font-size:11px;color:var(--muted);flex:1}.game-actions{display:flex;gap:7px}.game-actions button{padding:9px 12px;width:auto;font-size:11px;background:#24301c;border-color:#4b5d3b;color:var(--ink)}.game-notice{font-size:11px;padding:7px 16px;color:#d6e7b4;background:#1c2716}.game-notice.error{background:#3b251a;color:#ffd7bd}#gameFrame{border:0;display:block;width:100%;flex:1;min-height:0;background:#10140f}.game-diagnostics{margin:0;padding:8px 16px;font-size:11px;max-height:28vh;overflow:auto;flex-shrink:0}.game-diagnostics p{margin:8px 0;white-space:pre-wrap}.game-shell:fullscreen{height:100vh}body.playing{overflow:hidden}@media(max-width:600px){.game-bar{gap:6px;padding:7px 10px}.game-bar strong{font-size:10px}#gameState{min-width:95px;font-size:10px}.game-actions{gap:5px}.game-actions button{font-size:10px;padding:8px}.game-notice{padding:5px 10px;font-size:10px}}