@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#edf8f9;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#70c8e5}#world{display:block;width:100vw;height:100dvh;touch-action:none}button{font:inherit;cursor:pointer;color:inherit}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}header{display:flex;align-items:center;justify-content:space-between;padding:26px 32px;gap:20px;background:linear-gradient(#05273580,transparent)}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:3px;font-size:21px}.brand-icon{color:#ffcf75;font-size:38px}.brand small{display:block;font-size:8px;letter-spacing:2.5px;margin-top:4px;color:#c1d9df}.location{position:absolute;left:50%;transform:translate(-50%);text-align:center;font-size:14px;font-weight:700}.location small{display:block;font-size:8px;letter-spacing:3px;margin-top:7px;color:#deefef}.live-dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:#c9ffac;margin-right:8px}.icon-button{pointer-events:auto;background:#092e426b;border:1px solid #ffffff38;border-radius:12px;width:37px;height:37px;font-size:22px}.panel{background:linear-gradient(135deg,#082b3bef,#082535dc);border:1px solid #b2e9ed30;border-radius:16px;box-shadow:0 8px 30px #001e3225;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.stats{position:absolute;left:28px;top:110px;width:267px;padding:19px}.player-line{display:flex;align-items:center;gap:12px;margin-bottom:20px}.avatar{display:grid;place-items:center;background:#f2c879;color:#203440;width:42px;height:42px;border-radius:12px;font-size:28px}.player-line strong{font-size:13px}.player-line small{display:block;font-size:10px;color:#a7c6cf;margin-top:5px}.bar-label{display:flex;justify-content:space-between;font-size:9px;color:#a9c5cf;margin:10px 0 6px}.bar-label b{color:#fff;font-size:9px}.bar{height:7px;background:#ffffff12;border-radius:8px;overflow:hidden}.bar i,.xp i,.quest-progress i{display:block;height:100%;width:100%;background:#74dfad;border-radius:8px;transition:width .18s}.energy i{background:#6bbfff}.xp{height:3px;margin-top:18px;background:#ffffff15;border-radius:5px}.xp i{background:#f9cf7e}.wallet{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:11px;color:#ffda94}.wallet small{font-size:8px;color:#9db9c3}.quest{position:absolute;right:28px;top:110px;padding:20px;width:265px}.eyebrow{font-size:9px;letter-spacing:2px;color:#f5cd87;font-weight:800}h2{font-size:17px;margin:12px 0 8px}.quest p{font-size:11px;line-height:1.8;color:#bdd3db;margin:0 0 15px}.quest-progress{height:4px;background:#ffffff15;border-radius:8px}.quest-progress i{background:#f5cb7d}.quest-footer{display:flex;justify-content:space-between;font-size:9px;color:#f7d68c;margin-top:10px}.quest-footer span:first-child{color:#bdd3db}footer{position:absolute;bottom:24px;width:100%;display:flex;align-items:flex-end;justify-content:space-between;padding:0 30px;gap:16px;background:linear-gradient(transparent,#04314c55)}.fruit-label{display:flex;gap:10px;align-items:center;font-size:9px;letter-spacing:1px;flex:1}.fruit-label>span{font-size:31px;color:#ffb568}.fruit-label small{display:block;color:#c3e2ed;font-size:9px;margin-top:5px;letter-spacing:0}.hint{font-size:9px;color:#e7f7ff;line-height:1.9;text-align:right;flex:1;text-shadow:0 1px 5px #002b46}#abilities{display:flex;gap:8px;pointer-events:auto}#abilities button{position:relative;overflow:hidden;border:1px solid #d8ecf53a;border-radius:13px;background:#092c40e8;width:98px;height:103px;padding:8px;text-align:center;box-shadow:0 5px 15px #002a4230}kbd{position:absolute;left:7px;top:6px;font-family:inherit;font-size:9px;color:#f2d090;background:#ffffff12;border-radius:4px;padding:2px 5px}.ability-icon{display:block;font-size:27px;color:#ffd387;margin:12px 0 4px}#abilities strong{display:block;font-size:9px}#abilities small{font-size:8px;color:#9cb8c5}#abilities button i{position:absolute;top:0;right:0;bottom:0;left:0;background:#061824bb;transform:translateY(100%);pointer-events:none}#abilities button:active{border-color:#ffcf75}#toast{position:absolute;top:26%;left:50%;transform:translate(-50%);background:#082b3ced;border:1px solid #ffcf7560;padding:13px 24px;border-radius:12px;font-size:13px;text-align:center;opacity:0;transition:opacity .25s;max-width:90%;color:#ffe0a9}#toast.visible{opacity:1}#interaction{position:absolute;bottom:150px;left:50%;transform:translate(-50%);background:#082b3cdd;border:1px solid #ffdc8980;border-radius:10px;padding:10px 17px;font-size:12px;display:none}#boss-hud{position:absolute;top:100px;left:50%;transform:translate(-50%);width:320px;text-align:center;padding:15px}#boss-hud small{font-size:8px;letter-spacing:3px;color:#fba28a}#boss-hud h2{margin:5px 0 10px}#boss-bar{background:#f07969}#hit-vignette{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 110px #ff362f;opacity:0;transition:opacity .15s}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#031f4070;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.welcome-card{text-align:center;padding:40px;max-width:620px;width:95%;background:linear-gradient(145deg,#072c40f7,#06263be8);border:1px solid #aacddd40;border-radius:25px;box-shadow:0 30px 100px #001b4660}h1{font-size:72px;font-weight:800;letter-spacing:-4px;margin:17px 0;line-height:.95}h1 span{display:block;color:#ffce7e;letter-spacing:9px;font-size:80px}.welcome-card p{color:#c0d6df;font-size:14px;line-height:1.9}.features{display:flex;gap:18px;justify-content:center;font-size:10px;color:#f3d597;margin:24px 0}#start{display:block;width:100%;padding:18px;background:#f6cc82;border:0;border-radius:11px;color:#162f3f;font-size:14px;font-weight:800}#start span{float:right}.welcome-card>small{display:block;color:#87a9b9;font-size:10px;line-height:1.9;margin-top:20px}dialog{background:#092e42;color:#d3e6ec;border:1px solid #99c4d75e;border-radius:20px;padding:28px;max-width:460px;font-size:13px;line-height:2}dialog::backdrop{background:#00182e99;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#close-help{float:right}#mobile-controls{display:none}button:focus-visible{outline:2px solid #ffe39a;outline-offset:3px}[hidden]{display:none!important}@media(max-width:900px){header{padding:16px}.brand{font-size:15px}.brand small{font-size:6px}.location{position:static;transform:none;font-size:11px}.location small{font-size:6px}.stats{top:84px;left:12px;width:194px;padding:13px}.quest{top:84px;right:12px;width:194px;padding:13px}.quest h2{font-size:14px}.quest p{font-size:10px}.eyebrow{font-size:7px}.fruit-label,.hint{display:none}footer{justify-content:center;bottom:15px;padding:0 8px}#abilities button{width:80px;height:90px}#boss-hud{top:270px;width:270px}.player-line{margin-bottom:10px}.player-line small{font-size:8px}.wallet small{font-size:7px}}@media(pointer:coarse){#mobile-controls{display:flex;position:absolute;bottom:125px;left:18px;right:18px;justify-content:space-between;align-items:flex-end;pointer-events:auto}#mobile-controls button{background:#07304da6;border:1px solid #d4f0ff55;border-radius:12px;width:43px;height:43px;touch-action:none;-webkit-user-select:none;user-select:none}.directions{text-align:center}.directions>div{display:flex;gap:4px;margin-top:4px}#interaction{bottom:225px}#abilities button{width:76px}.quest{width:166px}.stats{width:175px}}@media(max-height:620px){.welcome-card{padding:20px}h1{font-size:42px;margin:10px}h1 span{font-size:48px}.welcome-card p{font-size:11px;margin:8px}.features{margin:12px}.welcome-card>small{margin-top:10px}.quest,.stats{top:76px}header{padding:12px 20px}}@media(max-width:500px){.stats,.quest{width:calc(50% - 18px);padding:11px}.player-line{gap:7px}.player-line strong{font-size:10px}.player-line small{font-size:7px}.avatar{width:30px;height:34px;flex-shrink:0;font-size:23px}.wallet{font-size:9px}.wallet small{font-size:6px}.quest h2{font-size:12px}.quest p{font-size:9px}.quest-footer{font-size:7px}.quest .eyebrow{font-size:6px;letter-spacing:1px}#toast{top:37%;width:85%;font-size:11px;padding:10px 15px}#abilities button{width:76px;height:99px}.features{gap:10px;font-size:8px}h1{font-size:56px}h1 span{font-size:64px}.welcome-card{padding:26px}}
