:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#233e40;background:#f7faf5;--ink:#233e40;--green:#267365;--cream:#fffef8}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{height:100%;margin:0;overflow:hidden}body{display:flex;flex-direction:column;height:100dvh}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #d5a740;outline-offset:3px}#game{position:relative;flex:1;min-height:100px;overflow:hidden;background:#dcebf0}#world{width:100%;height:100%;display:block;touch-action:none}header{position:absolute;top:max(18px,env(safe-area-inset-top));left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.brand{display:flex;align-items:center;gap:10px}.brand-star{font-size:38px;color:#c49339;text-shadow:0 2px white}h1{font-family:Georgia,serif;font-size:29px;font-weight:500;letter-spacing:-1px;margin:0;text-shadow:0 1px #fff}.brand p{font-size:8px;letter-spacing:2px;margin:4px 0 0;font-weight:700}#sound{pointer-events:auto;background:#fffff5dc;color:var(--ink);border:1px solid #fff;border-radius:24px;padding:9px 13px;font-size:11px;box-shadow:0 3px 16px #24493812}.quest{position:absolute;top:97px;left:25px;display:flex;align-items:center;gap:11px;padding:12px 15px;background:#fffff3dd;box-shadow:0 4px 20px #24493810;border:1px solid #fff;border-radius:16px;max-width:calc(100% - 50px);pointer-events:none}.quest>span{font-size:26px;color:#b08c45}.quest strong{display:block;font-size:12px;font-weight:650}.quest small{display:block;font-size:10px;margin-top:4px;color:#68817b}.quest>b{font-size:11px;color:#8a7a48;border-left:1px solid #dddac9;padding-left:12px;white-space:nowrap}#loading{position:absolute;top:155px;left:26px;font-size:11px;background:#fffdebe8;border-radius:10px;padding:8px 12px;pointer-events:none}#notice{position:absolute;top:28%;left:50%;transform:translateX(-50%);padding:11px 20px;background:#fffdf1f5;box-shadow:0 8px 35px #21453f18;border:1px solid #fff;border-radius:16px;text-align:center;font-size:13px;max-width:85%;pointer-events:none}#itemLabel{position:absolute;left:50%;bottom:100px;transform:translateX(-50%);background:#244f47e8;color:white;border:1px solid #ffffff40;border-radius:24px;padding:9px 17px;font-size:12px;max-width:75%;text-align:center;pointer-events:none}.controls{position:absolute;left:25px;right:25px;bottom:25px;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none}#joystick{position:relative;width:100px;height:100px;border-radius:50%;background:#f8fff548;border:1px solid #ffffffa6;box-shadow:inset 0 0 22px #fff3,0 8px 20px #0d3e2d0a;display:grid;place-items:center;touch-action:none;pointer-events:auto}#thumb{display:block;width:43px;height:43px;background:#fffefaeb;border:1px solid #fff;border-radius:50%;box-shadow:0 4px 12px #315a3720}#joystick>span{position:absolute;bottom:8px;font-size:7px;letter-spacing:2px;color:#395f4a}.actions{display:flex;gap:12px;align-items:end}.actions button{border-radius:50%;width:63px;height:63px;border:1px solid #fff9;color:#365951;background:#fbfff8d9;box-shadow:0 5px 20px #254c3217;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:auto;touch-action:none}.actions button span{font-size:22px}.actions button small{font-size:9px;margin-top:2px}.actions #jump{background:#2c776b;color:#fff;width:72px;height:72px}.actions button:active{transform:scale(.94)}#keyHelp{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);font-size:9px;color:#36594a;white-space:nowrap;pointer-events:none}#keyHelp i{margin:0 6px;font-style:normal;opacity:.5}#composer{flex:none;padding:18px 28px 16px;background:#fffef9;box-shadow:0 -4px 25px #173d3310;z-index:2;border-top:1px solid #fff}.wish-heading{max-width:840px;margin:0 auto 11px;display:flex;align-items:center;gap:8px}.wish-heading>span{color:#b58d3e}.wish-heading label{font-family:Georgia,serif;font-size:17px}.wish-heading small{margin-left:auto;letter-spacing:1.7px;font-size:8px;font-weight:700;color:#649086}form{max-width:840px;margin:auto;display:flex;gap:10px}input{flex:1;min-width:0;padding:13px 16px;border:1px solid #d6e0d8;border-radius:11px;background:#f5f8f1;color:var(--ink);font-size:16px}input::placeholder{color:#87978a;font-size:14px}#wishButton{border:0;background:var(--green);color:white;padding:10px 22px;border-radius:11px;font-size:13px;font-weight:600;white-space:nowrap}#wishButton span{margin-left:14px;color:#f9e6a8}.suggestions{display:flex;align-items:center;gap:7px;max-width:840px;margin:12px auto 0;overflow-x:auto;scrollbar-width:none}.suggestions>span{font-size:7px;letter-spacing:1.6px;color:#8b978c;margin-right:9px;white-space:nowrap}.suggestions button{white-space:nowrap;background:#f4f5ed;border:1px solid #e8ecdf;border-radius:18px;padding:6px 10px;font-size:10px;color:#5b6f62}.suggestions button:hover{background:#e8efdf}@media(max-width:600px){header{top:16px;left:17px;right:17px}h1{font-size:25px}.brand-star{font-size:31px}.brand p{font-size:6px;letter-spacing:1.4px}.quest{top:80px;left:17px;padding:9px 11px;max-width:calc(100% - 34px)}.quest small{font-size:9px}.quest strong{font-size:11px}#loading{top:137px;left:17px}.controls{left:18px;right:18px;bottom:19px}#joystick{width:87px;height:87px}.actions{gap:9px}.actions button{width:57px;height:57px}.actions #jump{width:65px;height:65px}#keyHelp{display:none}#composer{padding:13px 16px max(13px,env(safe-area-inset-bottom))}.wish-heading{margin-bottom:9px}.wish-heading label{font-size:16px}.wish-heading small{font-size:7px;letter-spacing:1px}input{padding:12px 11px}input::placeholder{font-size:12px}#wishButton{padding:10px 12px;font-size:11px}#wishButton span{margin-left:5px}.suggestions>span{display:none}.suggestions{margin-top:9px;gap:6px}.suggestions button{font-size:10px;padding:6px 10px}#itemLabel{bottom:116px}}@media(max-height:520px) and (min-width:600px){#composer{padding:9px 22px}.wish-heading{display:none}.suggestions{display:none}input{padding:9px 14px}header{top:12px}h1{font-size:23px}.brand p{display:none}.brand-star{font-size:27px}.quest{top:63px;padding:8px 11px}#loading{top:118px}.controls{bottom:12px}#joystick{width:77px;height:77px}.actions button{width:51px;height:51px}.actions #jump{width:59px;height:59px}#keyHelp{bottom:9px}#itemLabel{bottom:67px}}@media(max-width:300px){header{left:10px;right:10px}.brand{gap:5px}h1{font-size:21px}.brand p{display:none}#sound{font-size:9px;padding:7px}.quest{left:10px;max-width:calc(100% - 20px);gap:7px}.quest small{font-size:8px}.quest>b{padding-left:6px}.controls{left:10px;right:10px}#joystick{width:68px;height:68px}.actions{gap:5px}.actions button{width:46px;height:46px}.actions #jump{width:51px;height:51px}#composer{padding:10px}.wish-heading label{font-size:14px}.wish-heading small{display:none}#wishButton{padding:8px;font-size:10px}#wishButton span{display:none}form{gap:6px}}