:root{color:#fcf5df;font-synthesis:none;--ink:#173b3f;--gold:#f7ce76;--paper:#fcf5df;background:#8db6af;font-family:Trebuchet MS,Verdana,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;cursor:pointer;color:var(--paper);touch-action:none;background:#173b3fe8;border:1px solid #f5e4b14a;border-radius:9px;min-height:44px;padding:10px 15px}button:hover{background:#315854}button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button:active,button.pressed{color:#153b3e;background:#c49e54}[hidden]{display:none!important}#game,#world{width:100%;height:100svh;display:block}#world{touch-action:none}.hud{top:max(28px, env(safe-area-inset-top));left:max(30px, env(safe-area-inset-left));background:linear-gradient(115deg,#143638f0,#20494be8);border:1px solid #d8e9ce3a;border-radius:3px 18px 18px;max-width:calc(100% - 165px);padding:20px 23px 19px;position:absolute;box-shadow:0 5px 35px #13373522}.eyebrow{letter-spacing:1.5px;text-transform:uppercase;color:#bed7c9;margin:0 0 7px;font-size:9px}h1{letter-spacing:1px;margin:0 0 15px;font-family:Georgia,Times New Roman,serif;font-size:39px;font-weight:400;line-height:1}h1 span{color:var(--gold);vertical-align:middle;margin-left:17px;font-size:23px}#objective{margin:0;font-size:13px}#objective strong{color:var(--gold);white-space:nowrap;margin-left:15px}#subtext{color:#c9ddd1;margin:6px 0 0;font-size:11px}#replay{color:var(--ink);background:var(--gold);border:0;margin-top:12px}.actions{top:max(28px, env(safe-area-inset-top));right:max(30px, env(safe-area-inset-right));gap:8px;display:flex;position:absolute}#help{width:44px;font-weight:700}.panel{top:85px;right:max(30px, env(safe-area-inset-right));background:#173b3ff5;border-radius:14px;width:300px;max-width:calc(100vw - 32px);padding:24px;position:absolute;box-shadow:0 15px 60px #0c252670}.panel h2{margin-top:0;font-family:Georgia,serif;font-size:24px;font-weight:400}.panel p{color:#e0e9da;font-size:13px;line-height:1.7}.panel .small{color:#b8cec3;font-size:11px}#notice{text-align:center;background:#173b3ff2;border-radius:14px;max-width:85%;padding:18px 25px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.controls-hint{white-space:nowrap;background:#173b3fdc;border:1px solid #dbebd230;border-radius:40px;margin:0;padding:11px 19px;font-size:11px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.controls-hint span{color:#bcd4c9;padding-left:4px}.controls-hint b{color:var(--gold);margin:0 13px}.touch-controls{bottom:max(22px, env(safe-area-inset-bottom));pointer-events:none;justify-content:space-between;align-items:end;display:none;position:absolute;left:20px;right:20px}.touch-controls button{pointer-events:auto;-webkit-user-select:none;user-select:none;background:#173b3fc9;width:49px;height:49px;padding:0;font-size:21px}.dpad{grid-template-rows:repeat(2,49px);grid-template-columns:repeat(3,49px);gap:5px;display:grid}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1}.touch-controls .run{border-radius:50%;width:65px;height:65px;font-size:13px}.touch-controls button.pressed{background:var(--gold)}.fallback{text-align:center;background:var(--ink);padding:20px;position:absolute;top:45%;left:10%;right:10%}@media (pointer:coarse),(width<=700px){.touch-controls{display:flex}.controls-hint{display:none}}@media (width<=700px){.hud{top:max(16px, env(safe-area-inset-top));max-width:calc(100% - 88px);padding:15px 17px;left:16px}.eyebrow{letter-spacing:.7px;font-size:7px}h1{margin-bottom:12px;font-size:29px}h1 span{margin-left:12px;font-size:18px}#objective{font-size:11px}#objective strong{margin-left:8px}#subtext{font-size:10px}.actions{top:max(16px, env(safe-area-inset-top));flex-direction:column;right:16px}.actions button{width:55px;padding:7px;font-size:11px}#help{width:55px}.panel{max-height:calc(100svh - 270px);top:140px;right:16px;overflow-y:auto}}@media (height<=500px){.hud{padding:12px 17px}h1{margin-bottom:8px;font-size:26px}.eyebrow,#subtext{display:none}.panel{max-height:calc(100svh - 100px);top:80px}.touch-controls{bottom:12px}}