@font-face{font-family:Garden;src:local('Georgia')}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#173b31;color:#f4f1df;font-family:system-ui,-apple-system,sans-serif}button,select{font:inherit}button{border:1px solid #ffffff30;border-radius:12px;background:#f1ecd8;color:#163c2d;padding:12px 18px;font-weight:650;cursor:pointer;min-height:46px;touch-action:manipulation}button:disabled{opacity:.55;cursor:wait}button:focus-visible,select:focus-visible{outline:3px solid #e9b76b;outline-offset:3px}button:active{transform:translateY(1px)}[hidden]{display:none!important}#world{width:100%;height:100%;display:block;touch-action:none}.veil{position:fixed;inset:0;display:grid;align-items:center;background:linear-gradient(90deg,#12372fee 0%,#14392fc4 40%,#14392f22 90%);padding:clamp(24px,6vw,90px)}.intro{max-width:580px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.18em;color:#d6dda9}h1{font-family:Garden,Georgia,serif;font-size:clamp(40px,5.4vw,78px);line-height:1.03;font-weight:400;letter-spacing:-.045em;margin:25px 0}h1 em{color:#c6dd9b;font-weight:400}p{line-height:1.55}.intro p{max-width:440px;font-size:16px;color:#e1e6d9}.badges{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.badges span{border:1px solid #d5e3be45;border-radius:30px;padding:6px 11px;font-size:11px}#start{width:100%;max-width:350px;background:#d0e5a6;font-size:17px}progress{display:block;width:100%;max-width:350px;height:4px;accent-color:#d0e5a6;margin-top:15px}#load-status,.intro small{font-size:11px;color:#d3dcce}header{position:absolute;left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right));top:max(18px,env(safe-area-inset-top));display:flex;justify-content:space-between;align-items:center;pointer-events:none}.wordmark{font-weight:750;letter-spacing:.13em;text-shadow:0 2px 10px #123b35;font-size:20px}.wordmark span{display:block;font-size:9px;letter-spacing:.22em;font-weight:500;margin-top:5px}.top-actions{display:flex;gap:8px;pointer-events:auto}.top-actions button{background:#173c30e0;color:#f4f1df;min-height:40px;padding:8px 13px}.panel{background:#14392eea;border:1px solid #e1ecd132;box-shadow:0 12px 36px #15392e26;border-radius:17px;padding:18px 21px;backdrop-filter:blur(9px)}#objective{position:absolute;top:93px;left:22px;width:285px;pointer-events:none}h2{font-family:Georgia,serif;font-weight:400;font-size:23px;margin:7px 0 10px}#objective p{font-size:12px;color:#dce5cf;margin:4px 0 12px}.quest-track{height:3px;background:#ffffff24;border-radius:3px;margin:11px 0}#quest-fill{display:block;height:100%;background:#d1e5a7;width:0;transition:width .3s}#objective small{font-size:10px;color:#d9dfb7}#minimap{position:absolute;right:22px;top:93px;width:140px;height:140px;border-radius:50%;border:1px solid #e1ecd160;background:#14392eea}#dialogue{position:absolute;bottom:115px;left:50%;transform:translateX(-50%);width:min(590px,calc(100% - 40px));pointer-events:none}#dialogue strong{color:#d0e5a6;font-size:12px}#dialogue p{margin:5px 0 0;font-size:14px}#actions{position:absolute;right:max(22px,env(safe-area-inset-right));bottom:max(37px,env(safe-area-inset-bottom));display:flex;gap:9px;align-items:center}#interact{background:#d0e5a6;min-width:145px}#jump,#dance{background:#183e31dc;color:#f5f0dc}#controls-hint{position:absolute;bottom:7px;left:22px;font-size:10px;text-shadow:0 1px 4px #000;pointer-events:none}#joystick{display:none;position:absolute;left:30px;bottom:max(35px,env(safe-area-inset-bottom));width:112px;height:112px;border:1px solid #f5f5dd77;background:#153a2d80;border-radius:50%;touch-action:none}#joystick i{position:absolute;width:44px;height:44px;left:33px;top:33px;background:#e4eec0cc;border:1px solid #fff8;border-radius:50%;pointer-events:none}#toast{position:absolute;left:50%;top:75px;transform:translateX(-50%);background:#14392eef;padding:9px 16px;border-radius:30px;font-size:12px;opacity:0;transition:opacity .2s;pointer-events:none}#toast.visible{opacity:1}#performance{position:absolute;right:22px;bottom:9px;font-size:9px;color:#f1f5dd;text-shadow:0 1px 4px #000}#rhythm{position:absolute;right:22px;top:250px;width:300px;text-align:center}#rhythm p{font-size:12px}#beat-ring{width:80px;height:80px;border:3px solid #d3e79f;border-radius:50%;display:grid;place-items:center;margin:18px auto;box-shadow:0 0 0 var(--pulse,0px) #d3e79f25}#beat-ring span{font-size:32px}#beat{width:100%;background:#d0e5a6}dialog{max-width:430px;width:calc(100% - 32px);color:#f4f1df;background:#173e31;border:1px solid #e1ecd155;border-radius:20px;padding:26px}dialog::backdrop{background:#0b211bbd}dialog label{display:block;margin:20px 0;font-size:13px}select{display:block;width:100%;margin-top:7px;padding:11px;background:#f0efdd;color:#183b2d;border:0;border-radius:8px}dialog p{font-size:12px;color:#dce3ce}dialog button{display:block;width:100%;margin-top:9px}#reset{background:transparent;color:#ede9d4;border-color:#dfe5cc4a;font-size:12px}#home{background:#234f3c;color:#f4f1df}#hud{position:fixed;inset:0;pointer-events:none}#hud button,#joystick,#rhythm{pointer-events:auto}@media(pointer:coarse),(max-width:900px){#joystick{display:block}#controls-hint{display:none}#actions{max-width:55%;flex-wrap:wrap;justify-content:flex-end}#interact{min-width:140px}#dialogue{bottom:170px}}@media(max-width:600px){.veil{background:#12372fe6;align-items:center;padding:26px}.intro h1{font-size:46px;margin:20px 0}.intro p{font-size:14px}.badges{margin:17px 0}header{left:16px;right:16px;top:max(14px,env(safe-area-inset-top))}.wordmark{font-size:15px}.wordmark span{font-size:7px}#objective{left:14px;top:78px;width:225px;padding:13px 15px}#objective h2{font-size:19px}#objective p{margin-bottom:6px}#minimap{width:80px;height:80px;right:14px;top:80px}#rhythm{top:230px;left:50%;right:auto;transform:translateX(-50%);width:270px;padding:13px}#rhythm h2{font-size:20px}#beat-ring{width:56px;height:56px;margin:12px auto}#dialogue{padding:12px 16px}#dialogue p{font-size:12px}#toast{top:60px;max-width:90%;white-space:nowrap}#performance{bottom:5px}#actions{right:14px;bottom:32px;gap:7px}#actions button{font-size:12px;padding:10px 12px}#joystick{left:18px;bottom:32px;width:104px;height:104px}#joystick i{left:29px;top:29px}}@media(max-height:520px){.intro h1{font-size:34px;margin:12px 0}.intro .badges,.intro small{display:none}.intro p{font-size:12px;margin:8px 0}.intro{max-width:500px}#objective{top:65px;width:220px;padding:10px 14px}#objective h2{font-size:18px}#minimap{top:65px;width:85px;height:85px}#rhythm{top:65px;width:245px;right:120px;left:auto;transform:none}#rhythm h2{font-size:18px}#beat-ring{width:45px;height:45px;margin:7px auto}#rhythm p{margin:5px 0}#dialogue{bottom:100px;max-width:420px}#joystick{width:90px;height:90px}#joystick i{left:22px;top:22px}}
#rhythm-close{width:100%;margin-top:8px;background:transparent;color:#f4f1df}
#rhythm{max-height:calc(100dvh - 260px);overflow:auto;z-index:6}
#toast{white-space:normal;text-align:center;width:max-content;max-width:90vw}
@media(max-height:520px){#rhythm{max-height:calc(100dvh - 80px)}}
@media(max-width:380px){#minimap{display:none}.wordmark{font-size:12px}.wordmark span{font-size:6px}}