:root{color:#294b40;font-synthesis:none;background:#cfdbbf;font-family:Trebuchet MS,Arial,sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline-offset:4px;outline:3px solid #f6b54f}button:disabled{cursor:default;filter:saturate(.5);opacity:.6}#game{width:100%;height:100dvh}.world-frame{background:#e5e6cc;max-width:1600px;height:100%;margin:auto;position:relative;overflow:hidden}#art{z-index:0;position:absolute;inset:0}canvas{touch-action:manipulation;display:block}.world-vignette{pointer-events:none;background:linear-gradient(#f9f6e0 0% 18%,#f9f6e04a 28%,#0000 40% 64%,#e7e7cbad 83%,#e4e5ca 100%);position:absolute;inset:0}.hud{z-index:2;justify-content:space-between;align-items:center;gap:20px;display:flex;position:absolute;top:24px;left:34px;right:34px}.brand{align-items:center;gap:12px;display:flex}.brand-icon{background:#fffaf0;border:2px solid #fff;border-radius:20px;padding:9px;font-size:30px;box-shadow:0 5px 15px #365e4220}.brand small{letter-spacing:2px;color:#2c5143;font-size:19px;font-weight:900;display:block}.brand b{letter-spacing:.5px;color:#738775;margin-top:3px;font-size:10px;display:block}.hud-balances{gap:12px;display:flex}.cash-pill,.rate-pill{background:#fffdf0;border:2px solid #fff;border-radius:17px;align-items:center;gap:10px;min-width:145px;padding:10px 18px 10px 10px;display:flex;box-shadow:0 4px #b5b99a55,0 8px 20px #37573d10}.coin{color:#a76b24;background:#ffc94d;border:3px solid #f5b433;border-radius:50%;place-items:center;width:38px;height:38px;font-size:23px;font-weight:900;display:grid;box-shadow:inset 0 0 0 2px #ffe698}.rate-pill>span{color:#6e9d63;font-size:28px}small{letter-spacing:1.6px;color:#829078;font-size:9px;font-weight:900}.hud-balances small{display:block}.hud-balances strong{min-width:60px;font-size:22px;display:block}.location{color:#6b7d68;z-index:2;align-items:center;gap:9px;font-size:11px;display:flex;position:absolute;top:112px;left:36px}.location b{color:#355a48}.live-dot{background:#83ae67;border-radius:50%;width:6px;height:6px}.level{color:#877335;background:#fffcdf;border-radius:20px;padding:5px 9px;font-size:9px;font-weight:700}.quest{z-index:2;background:#fff9eaef;border:2px solid #fff;border-radius:16px;align-items:center;gap:14px;max-width:285px;padding:14px 18px;display:flex;position:absolute;top:120px;right:34px;box-shadow:0 5px 18px #34573f12}.quest>span{color:#daa149;font-size:26px}.quest small{color:#b08d53;font-size:8px}.quest b{margin:5px 0;font-size:13px;display:block}.quest p{color:#8a947b;margin:0;font-size:10px;line-height:1.4}.world-label{z-index:1;pointer-events:none;position:absolute;top:171px;left:36px}.world-label>span{letter-spacing:3px;color:#a0783e;font-size:9px;font-weight:900}.world-label h1{letter-spacing:-1px;margin:10px 0;font-size:clamp(25px,3vw,40px);line-height:1.12}.world-label p{color:#7c8a71;max-width:185px;font-size:11px;line-height:1.5}.scene-tip{white-space:nowrap;pointer-events:none;background:#fff9e9e8;border:1px solid #fff;border-radius:30px;padding:9px 16px;font-size:11px;position:absolute;bottom:237px;left:50%;transform:translate(-50%);box-shadow:0 3px 10px #3e543717}.quick-bar{z-index:2;gap:10px;width:min(460px,90%);display:flex;position:absolute;bottom:172px;left:50%;transform:translate(-50%)}.quick-bar[hidden]{display:none}.serve{color:#fffbe9;background:linear-gradient(#6c9d65,#4d7c49);border:2px solid #6b9c62;border-radius:16px;flex:1;justify-content:space-between;align-items:center;gap:30px;padding:14px 22px;font-size:14px;font-weight:700;display:flex;box-shadow:0 5px #3d6337,0 8px 18px #486c3c26}.serve span{background:#34583055;border-radius:8px;padding:5px 10px;font-size:12px}.serve:active{transform:translateY(3px);box-shadow:0 2px #3d6337}.collect{color:#8f6a35;background:#fff8e8;border:2px solid #fff3d6;border-radius:16px;padding:12px 15px;font-size:11px;font-weight:700;box-shadow:0 5px #cfc4a4}.bottom-hud{z-index:2;width:min(570px,94%);position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.business-strip{justify-content:center;gap:6px;margin-bottom:15px;display:flex}.business-strip button{color:#89937b;background:#faf7e5b8;border:1px solid #fff9e4;border-radius:20px;padding:7px 15px;font-size:10px}.business-strip .active{color:#fffbe3;background:#426c50;border-color:#426c50}.game-nav{background:#fff9e9;border:3px solid #fffdf1;border-radius:22px;gap:5px;padding:8px;display:flex;box-shadow:0 5px #c2c2a0,0 10px 30px #4c623725}.game-nav button{color:#869079;background:0 0;border:0;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:6px 5px;font-size:10px;font-weight:700;display:flex}.game-nav span{color:#79936c;height:28px;font-size:24px}.game-nav .nav-active{color:#486642;background:#e4edcf}.game-nav .nav-active span{color:#547d44}footer{text-align:center;color:#8c997d;margin-top:10px;font-size:8px}dialog{color:#294e40;background:#fff8e8;border:3px solid #fffdf3;border-radius:24px;width:min(460px,92%);padding:30px;box-shadow:0 20px 100px #173a3480}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1f3c3355}dialog h2{letter-spacing:-.8px;margin:10px 0 20px;font-size:28px}.close-panel{color:#6e7e65;background:#ede9d4;border:0;border-radius:50%;width:30px;height:30px;font-size:23px;position:absolute;top:8px;right:10px}.action{color:#365b3e;text-align:left;background:#eaf0d8;border:1px solid #d4ddbc;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;width:100%;margin:12px 0;padding:18px 14px;display:flex}.action b{font-size:14px}.action small{letter-spacing:0;margin-top:5px;font-size:11px;font-weight:400;line-height:1.5;display:block}.action strong{white-space:nowrap}.hint,.panel-summary{color:#8c957b;font-size:12px;line-height:1.6}.automated{color:#50774a;font-size:12px}.store-cards{gap:12px;display:flex}.store-cards article{background:#ece1f3;border-radius:16px;flex:1;padding:18px 14px}.store-cards article:nth-child(2){background:#f8e6be}.store-cards article>span{color:#b077bf;font-size:40px;display:block}.store-cards h3{font-size:16px}.store-cards p{color:#817585;font-size:12px;line-height:1.6}#reward p{font-size:14px;line-height:1.6}#dismiss{color:#fff9e5;background:#527b48;border:0;border-radius:12px;padding:14px 20px;font-weight:700}.loading{text-align:center;color:#426b4a;max-width:480px;margin:auto;padding:15vh 30px;line-height:1.7}@media (width<=650px){.hud{align-items:start;top:16px;left:16px;right:16px}.brand{gap:6px}.brand-icon{border-radius:12px;padding:7px;font-size:21px}.brand small{letter-spacing:1px;font-size:12px}.brand b{display:none}.hud-balances{gap:6px}.cash-pill,.rate-pill{border-radius:12px;gap:6px;min-width:82px;padding:7px 8px}.coin{width:27px;height:27px;font-size:16px}.hud-balances strong{min-width:34px;font-size:15px}.hud-balances small{letter-spacing:1px;font-size:7px}.rate-pill>span{font-size:19px}.location{gap:6px;font-size:9px;top:84px;left:18px}.quest{gap:8px;max-width:180px;padding:9px 12px;top:119px;right:16px}.quest>span{font-size:18px}.quest b{font-size:11px}.quest small{font-size:7px}.quest p{display:none}.world-label{top:127px;left:18px}.world-label h1{max-width:165px;font-size:23px}.world-label>span{letter-spacing:1.6px;font-size:8px}.world-label p{display:none}.scene-tip{max-width:95%;font-size:10px;bottom:229px}.quick-bar{bottom:168px}.serve{gap:10px;padding:12px 15px}.collect{padding:10px;font-size:10px}.business-strip button{padding:7px 10px;font-size:9px}.bottom-hud{bottom:14px}.game-nav{border-radius:19px}.game-nav span{font-size:22px}dialog{padding:26px 20px}.world-vignette{background:linear-gradient(#f9f6e0 0% 18%,#f9f6e0ad 25%,#0000 40% 61%,#e7e7cbad 78%,#e4e5ca 100%)}}@media (height<=650px){.quest{display:none}.world-label{top:140px}.world-label h1{font-size:24px}.scene-tip{display:none}.quick-bar{bottom:142px}.bottom-hud{bottom:8px}.game-nav{padding:4px}.business-strip{margin-bottom:8px}}