*{box-sizing:border-box} [hidden]{display:none!important}
:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#49301e;background:#85d7e6;color-scheme:light;--safe-left:env(safe-area-inset-left);--safe-right:env(safe-area-inset-right);--safe-top:env(safe-area-inset-top);--safe-bottom:env(safe-area-inset-bottom)}
body{margin:0;min-height:100svh;overflow-x:hidden}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.6}button:focus-visible{outline:3px solid #155d63;outline-offset:5px}
.scenery{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 76% 20%,#e5ffff 0,transparent 35%),linear-gradient(#7ed0e3,#b9eced 72%);z-index:-1}
.cloud{position:absolute;width:170px;height:38px;background:#fff8;border-radius:100px}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:50%;bottom:8px;width:65px;height:65px;left:22px}.cloud:after{left:70px;width:90px;height:90px}.cloud.one{left:8%;top:20%}.cloud.two{right:4%;top:40%;transform:scale(.65)}
.hill{position:absolute;bottom:-35vh;left:-20%;width:150%;height:60vh;border-radius:50% 50% 0 0;background:#a7bf36;transform:rotate(-8deg)}.hill.front{bottom:-43vh;background:#7c9c26;transform:rotate(7deg);left:-45%}
#launcher{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:calc(28px + env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) calc(22px + env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left))}
.brand{display:flex;align-items:center;gap:15px}.brand img{border-radius:23px;box-shadow:0 7px 0 #33533622;transform:rotate(-5deg)}.brand span{font-family:Georgia,serif;font-size:43px;letter-spacing:-2px;font-weight:900;color:#633514;text-shadow:2px 3px #fff9}
.card{position:relative;width:min(100%,480px);background:#fff6de;border:2px solid #fffdf5;border-radius:25px;padding:32px 34px 26px;box-shadow:0 14px 0 #71502318,0 22px 50px #295a5a21;text-align:center}
.eyebrow{font-size:11px;letter-spacing:3px;color:#91764e;font-weight:700}h1{font-size:29px;letter-spacing:-1px;margin:12px 0 10px;line-height:1.3}#description{font-size:14px;line-height:1.8;color:#806747;margin:0}.features{display:flex;justify-content:center;gap:10px;margin:20px 0 4px}.features span{border:1px solid #d6c692;border-radius:20px;padding:6px 11px;font-size:11px;color:#7d6c3a;background:#f7edcc}
#status{font-size:12px;line-height:1.7;min-height:20px;color:#846b4b;margin:17px 0 12px}.actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}#primary{color:#fff7de;background:#b95d20;border:2px solid #9d4a17;border-radius:13px;padding:14px 20px;min-height:51px;width:100%;font-weight:700;box-shadow:0 4px 0 #813d16;transition:transform .15s}#primary:active{transform:translateY(3px);box-shadow:0 1px #813d16}#secondary{color:#8b5a2b;background:transparent;border:1px solid #d9c590;border-radius:11px;padding:10px 20px;min-height:42px}
.note{font-size:11px;line-height:1.7;color:#9d8965;margin:20px 0 0}.steps{list-style:none;padding:0;text-align:left;counter-reset:steps;margin:20px 0 0}.steps li{counter-increment:steps;font-size:13px;padding:11px 0 11px 38px;position:relative;border-top:1px dashed #ddcda6;line-height:1.5}.steps li:before{content:counter(steps);position:absolute;left:0;top:9px;width:25px;height:25px;border-radius:50%;background:#e8d3a0;color:#805a22;display:grid;place-items:center;font-size:12px;font-weight:bold}
#download-panel{margin:26px 0 0}.progress-label,.progress-detail{display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:10px}.progress-label{color:#705533;margin-bottom:10px}.progress-label strong{font-size:17px;font-variant-numeric:tabular-nums}progress{display:block;width:100%;height:16px;border:0;border-radius:20px;overflow:hidden;background:#e4d7b4;accent-color:#8ca32c}progress::-webkit-progress-bar{background:#e4d7b4;border-radius:20px;box-shadow:inset 0 2px 2px #80683715}progress::-webkit-progress-value{background:linear-gradient(90deg,#a8ba3d,#7f9f27);border-radius:20px;transition:width .2s}.progress-detail{font-size:10px;margin-top:8px;color:#927b53}
footer{font-size:10px;letter-spacing:.5px;color:#42624e;text-align:center}footer span{padding:0 7px}
#game{position:fixed;inset:0;background:#000}#game iframe{display:block;border:0;width:100%;height:100%;height:100dvh}body.playing{overflow:hidden;background:#000}#rotate{position:fixed;inset:0;z-index:10;background:#503b24f7;color:#fff6da;display:grid;place-items:center;text-align:center;padding:24px}#rotate h2{font-size:21px}.rotate-icon{font-size:65px;color:#e5ba60}#rotate p{font-size:12px;color:#d7c29a}
@media(max-height:540px) and (min-width:650px){#launcher{flex-direction:row;gap:36px;padding-top:20px;padding-bottom:20px}.brand{flex-direction:column;gap:12px}.brand span{font-size:35px}.brand img{width:86px;height:86px}.card{max-width:420px;padding:23px 28px 20px}h1{font-size:25px;margin-top:8px}.features{margin-top:12px}.steps{margin-top:12px}.steps li{padding-top:7px;padding-bottom:7px}.steps li:before{top:5px}#status{margin:10px 0;font-size:11px}.note{margin-top:13px}footer{display:none}#download-panel{margin-top:16px}}
@media(max-width:360px){.card{padding:25px 23px}.brand span{font-size:36px}.brand img{width:72px;height:72px}h1{font-size:26px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}