*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#173e36;color:#234e42;font-family:Trebuchet MS,Arial,sans-serif}body{display:grid;place-items:center;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:none}button:focus-visible{outline:3px solid #f1b741;outline-offset:4px}button[hidden],[hidden]{display:none!important}#stage{position:relative;width:min(100vw,177.77778svh);aspect-ratio:16/9;overflow:hidden;background:#eff4df;isolation:isolate}#game,canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#hud{position:absolute;left:2.7%;right:2.7%;top:3.8%;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:2}.hud-left,.hud-right,.coins,#hearts{display:flex;align-items:center}.hud-left{gap:clamp(10px,2vw,24px)}.hud-right{gap:10px}.level-badge{border-right:1px solid #62857244;padding-right:clamp(12px,2vw,23px)}.tiny{display:block;font-size:clamp(7px,1.05vw,11px);font-weight:700;letter-spacing:1.6px}.level-badge strong{font-size:clamp(17px,2.7vw,29px);letter-spacing:-1px;display:block}.coins{gap:4px;font-size:clamp(15px,2.5vw,26px)}.coins img{width:clamp(23px,3.5vw,37px)}.coins span{font-size:clamp(10px,1.45vw,15px);opacity:.55;margin-left:3px}#hearts{gap:3px}#hearts img{width:clamp(23px,3.3vw,36px);transition:opacity .2s,filter .2s}#hearts img.empty{filter:grayscale(1);opacity:.28}.utility{pointer-events:auto;width:clamp(36px,4.8vw,49px);height:clamp(36px,4.8vw,49px);border:1px solid #6a91704d;border-radius:50%;background:#fbfcf0bd;font-size:22px;display:flex;justify-content:center;align-items:center;gap:1px}.utility span{font-size:9px;align-self:flex-end;margin-bottom:9px}#progress{position:absolute;top:15.7%;left:2.8%;width:19%;height:4px;background:#7b9d6940;border-radius:5px;overflow:hidden}#progress-fill{height:100%;width:0;background:#588b56;border-radius:5px}#hint{position:absolute;top:20%;left:2.8%;display:flex;gap:8px;align-items:center;font-size:clamp(10px,1.5vw,15px);color:#547961;font-weight:700}.hint-number{display:grid;place-items:center;width:22px;height:22px;border:1px solid #8fab83;border-radius:50%;font-size:10px}#toast{position:absolute;top:18%;left:50%;transform:translateX(-50%);background:#285f4e;color:#fff8dc;padding:10px 18px;border-radius:24px;font-size:clamp(11px,1.7vw,17px);z-index:5;opacity:0;transition:opacity .18s;white-space:nowrap;pointer-events:none}#toast.show{opacity:1}#controls{position:absolute;inset:0;pointer-events:none;z-index:3}.directions{position:absolute;bottom:4%;left:3%;display:flex;gap:clamp(12px,2vw,22px)}.control{pointer-events:auto;width:clamp(54px,8vw,84px);height:clamp(54px,8vw,84px);display:grid;place-content:center;border:2px solid #fff4d699;border-bottom:5px solid #345f484d;border-radius:24px;background:#fff9e5b8;color:#335f48;font-size:27px;box-shadow:0 4px 12px #6d5e3622}.control.pressed,.control:active{background:#ecbf60;transform:translateY(2px);border-bottom-width:2px}.jump{position:absolute;bottom:4%;right:3%;border-radius:50%;background:#f7d184;border-color:#fff0bd}.jump span{font-size:34px;line-height:30px}.jump small{font-size:10px;font-weight:bold;letter-spacing:1px;margin-top:3px}.keyboard-note{position:absolute;bottom:7%;width:100%;text-align:center;font-size:clamp(9px,1.2vw,12px);color:#735c40;letter-spacing:.2px}.keyboard-note span{margin:0 10px}.overlay{position:absolute;inset:0;background:#f8f6e9f5;z-index:8;display:grid;grid-template-columns:46% 54%;align-items:center;padding:4% 6%;gap:2%}.intro-art{position:relative;height:100%;display:grid;place-items:center}.intro-art>img{position:relative;width:100%;max-height:90%;filter:drop-shadow(0 16px 10px #3a654221);z-index:1}.orbit{position:absolute;width:90%;aspect-ratio:1;border-radius:50%;background:#e1ebce}.orbit-two{width:74%;background:#cbdcaa;border:1px solid #bbce9e}.intro-label{position:absolute;bottom:4%;font-size:clamp(8px,1.1vw,12px);font-weight:bold;letter-spacing:1.2px;z-index:2}.spark{position:absolute;color:#d4ab4d;font-size:45px;z-index:2}.s1{left:5%;top:21%}.s2{right:1%;top:9%;font-size:28px}.eyebrow{font-size:clamp(8px,1.2vw,13px);font-weight:bold;letter-spacing:2px;color:#719154}.panel-copy h1{font-size:clamp(30px,6.1vw,64px);line-height:1.02;letter-spacing:-2.5px;margin:14px 0 15px;font-weight:900}.panel-copy h1 em{font-style:normal;color:#5f8d4d}.panel-copy p{font-size:clamp(11px,1.7vw,17px);line-height:1.6;color:#65806a;margin:10px 0}.intro-stats{display:flex;gap:13px;font-size:clamp(9px,1.15vw,12px);color:#577152;margin:22px 0}.primary{display:flex;align-items:center;justify-content:space-between;width:82%;background:#2e6952;color:#fff9e2;border:0;border-radius:13px;padding:16px 23px;font-size:clamp(14px,2vw,21px);font-weight:bold;box-shadow:0 5px 0 #1b4e3b}.primary:hover{background:#3a7b60}.primary span{font-size:24px}.panel-copy p.micro{font-size:clamp(9px,1.13vw,12px);margin-top:17px}.text-button{border:0;background:none;padding:10px 0;text-decoration:underline}.overlay.compact .intro-art>img{width:83%}.overlay.compact h1{font-size:clamp(30px,5.3vw,57px)}#rotate{display:none;position:absolute;inset:0;z-index:15;background:#f8f6e9;text-align:center;align-content:center}#rotate>span{font-size:75px;color:#669650}#rotate p{line-height:1.7;color:#65806a}#load-error{position:absolute;inset:0;z-index:20;display:grid;place-content:center;background:#f8f6e9;padding:10%}@media(pointer:coarse){.keyboard-note{display:none}}@media(orientation:portrait){#stage{width:100vw;height:100svh;aspect-ratio:auto}#rotate{display:block}}@media(max-height:450px){.panel-copy h1{margin:8px 0}.intro-stats{margin:12px 0}.primary{padding:11px 18px}.panel-copy p.micro{margin-top:12px}.control{border-radius:18px}.jump{border-radius:50%}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}