:root{--paper: #fff6dc;--paper-2: #fffaea;--ink: #2c3b1f;--teal: #2f8f78;--gold: #efad35;--red: #d8573d;--sage: #6fae4c;color:var(--ink);font-family:Bookman Old Style,Iowan Old Style,Georgia,serif;font-synthesis:none}*{box-sizing:border-box}html,body,#game-shell{width:100%;height:100%;min-height:100dvh;margin:0;overflow:hidden}body{background:#cfe6b6}button{font:inherit;color:inherit}#game-shell{position:relative;isolation:isolate;background:#cfe6b6;-webkit-user-select:none;user-select:none}#game-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none}.sun-wash{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 22% 12%,rgba(255,249,210,.5),transparent 30%);mix-blend-mode:screen}#hud-root{position:absolute;inset:0;z-index:4;pointer-events:none}#hud-root button,#hud-root .virtual-joystick{pointer-events:auto}.paper-card{position:absolute;border:2px solid var(--ink);border-radius:16px;background:var(--paper);box-shadow:0 6px #2c3b1f42,0 12px 24px #2c3b1f26}.brand-card{top:max(14px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));width:300px;min-height:82px;padding:12px 18px}.brand-card>span{display:block;color:var(--teal);font:900 10px Trebuchet MS,sans-serif;letter-spacing:.16em}.brand-card>strong{display:block;margin-top:4px;overflow:hidden;color:var(--red);font-size:clamp(16px,1.7vw,23px);white-space:nowrap;text-overflow:ellipsis}.brand-card>b{position:absolute;right:14px;bottom:10px;padding:4px 8px;border-radius:6px;color:var(--paper);background:var(--teal);font:900 10px Trebuchet MS,sans-serif}.resource-board{top:max(14px,env(safe-area-inset-top));left:50%;display:flex;min-height:76px;padding:8px 16px;transform:translate(-50%)}.resource{display:grid;grid-template-columns:28px auto;align-items:center;padding:3px 12px;border-right:1px solid rgba(44,59,31,.2)}.resource:last-child{border-right:0}.resource i{grid-row:1 / 3;display:grid;place-items:center;width:26px;height:26px;border:2px solid var(--ink);border-radius:50%;background:#fff1b2;font-style:normal;font-weight:900;font-size:13px}.resource strong{font:900 22px Trebuchet MS,sans-serif}.resource small{display:block;color:#2c3b1fb3;font:900 9px Trebuchet MS,sans-serif;letter-spacing:.1em}.resource.primary i{color:var(--paper);background:var(--gold)}.task-card{left:max(18px,env(safe-area-inset-left));top:max(108px,calc(env(safe-area-inset-top) + 100px));width:min(340px,30vw);min-height:100px;padding:13px 18px}.task-meta{display:flex;justify-content:space-between}.task-meta span{color:var(--teal);font:900 10px Trebuchet MS,sans-serif;letter-spacing:.14em}.task-card>strong{display:block;margin:8px 0;color:var(--red);font-size:18px}.task-track{height:7px;overflow:hidden;border:1px solid rgba(44,59,31,.4);border-radius:999px;background:#2c3b1f1a}.task-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--teal),var(--sage));transition:width .18s ease}.task-foot{margin-top:6px;font:900 11px Trebuchet MS,sans-serif}.station-card{left:50%;bottom:max(120px,calc(env(safe-area-inset-bottom) + 110px));width:min(460px,38vw);min-height:96px;padding:14px 20px;transform:translate(-50%)}.station-card>span{color:var(--teal);font:900 10px Trebuchet MS,sans-serif;letter-spacing:.14em}.station-card>strong{display:block;margin-top:6px;font-size:18px}.station-card>small{display:block;margin-top:4px;color:#2c3b1fb8;font:800 11px Trebuchet MS,sans-serif}.carry-stack{position:absolute;right:14px;top:12px;display:flex;flex-wrap:wrap-reverse;justify-content:end;gap:4px;width:100px}.carry-stack i{display:grid;place-items:center;width:18px;height:18px;border:1px solid rgba(44,59,31,.4);border-radius:50%;background:#2c3b1f14;font-style:normal;font-size:10px}.carry-stack i.has-wheat{background:#eec552}.carry-stack i.has-egg{background:#f3ecd2}.utility-rail{position:absolute;top:max(14px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));display:grid;gap:8px}.utility-rail button{display:grid;place-items:center;width:58px;min-height:44px;border:2px solid var(--ink);border-radius:12px;background:var(--paper);box-shadow:0 4px #2c3b1f47;cursor:pointer}.utility-rail button:active{transform:translateY(3px);box-shadow:0 1px #2c3b1f47}.utility-rail span{color:var(--red);font-size:17px}.utility-rail small{display:block;font:900 7px Trebuchet MS,sans-serif;letter-spacing:.08em}.virtual-joystick{position:absolute;left:max(30px,calc(env(safe-area-inset-left) + 20px));bottom:max(150px,calc(env(safe-area-inset-bottom) + 134px));display:none;width:108px;height:108px;border:2px solid rgba(44,59,31,.7);border-radius:50%;background:#fff6dca6;box-shadow:inset 0 0 0 8px #2f8f781f;touch-action:none}.joystick-arrows{position:absolute;inset:0;display:grid;place-items:center;color:#2c3b1f66;font:300 44px sans-serif}.joystick-knob{position:absolute;left:34px;top:34px;width:36px;height:36px;border:2px solid var(--ink);border-radius:50%;background:var(--red);will-change:transform}.virtual-joystick.is-active{background:#fff6dcd1}.toast{position:absolute;left:50%;top:24%;max-width:min(420px,80vw);padding:10px 16px;border:2px solid var(--ink);border-radius:9px;color:var(--paper);background:var(--teal);font:900 12px Trebuchet MS,sans-serif;opacity:0;transform:translate(-50%,-8px);transition:.18s ease}.toast.is-visible{opacity:1;transform:translate(-50%)}.toast.error{background:var(--red)}.loading-screen{position:absolute;inset:0;z-index:20;display:grid;place-content:center;justify-items:center;gap:14px;background:#cfe6b6;transition:opacity .5s ease,visibility .5s}.loading-screen.is-hidden{opacity:0;visibility:hidden}.loading-screen div{display:grid;place-items:center;width:84px;height:84px;border:3px solid var(--ink);border-radius:50%;color:var(--paper);background:var(--gold);font-size:42px;animation:loading 1.3s ease-in-out infinite alternate}.loading-screen strong{color:var(--red);font-size:17px}.loading-screen span{width:170px;height:6px;overflow:hidden;border-radius:99px;background:#2c3b1f26}.loading-screen span:after{content:"";display:block;width:45%;height:100%;background:var(--teal);animation:sweep 1s ease-in-out infinite alternate}@keyframes loading{to{transform:translateY(-7px) rotate(4deg)}}@keyframes sweep{0%{transform:translate(0)}to{transform:translate(125%)}}@media(max-width:1100px){.brand-card{width:210px}.station-card{width:380px}}@media(max-width:700px){.brand-card{top:max(8px,env(safe-area-inset-top));left:8px;width:140px;min-height:58px;padding:8px 11px;border-radius:13px}.brand-card>span{font-size:7px}.brand-card>strong{font-size:17px}.resource-board{top:max(8px,env(safe-area-inset-top));right:8px;left:154px;min-height:58px;padding:4px 6px;transform:none;border-radius:13px}.resource{grid-template-columns:16px 1fr;padding:1px 3px}.resource i{width:16px;height:16px;font-size:9px}.resource strong{font-size:11px}.resource small{font-size:5.5px}.task-card{top:max(72px,calc(env(safe-area-inset-top) + 66px));left:8px;width:calc(100vw - 16px);min-height:84px;padding:10px 12px;border-radius:13px}.task-card>strong{margin:5px 0;font-size:14px}.station-card{right:8px;bottom:max(8px,env(safe-area-inset-bottom));left:8px;width:auto;min-height:74px;padding:10px 12px 10px 110px;transform:none;border-radius:13px}.station-card>strong{font-size:12px}.station-card>small{font-size:7px}.carry-stack{right:8px;top:10px;width:84px}.utility-rail{top:72px;right:8px;gap:6px}.utility-rail button{width:52px;min-height:44px;border-radius:11px}.virtual-joystick{display:block;left:max(17px,calc(env(safe-area-inset-left) + 10px));bottom:max(90px,calc(env(safe-area-inset-bottom) + 82px))}.toast{top:30%;font-size:10px}}@media(pointer:coarse)and (min-width:701px){.virtual-joystick{display:block}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}