:root{color:#173238;font-synthesis:none;touch-action:none;-webkit-user-select:none;user-select:none;background:#dcecf0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#game,#canvas-host{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none}#game{background:#dcecf0;min-height:100dvh;position:relative}#canvas-host canvas{width:100%;height:100%;display:block}.hud{z-index:4;top:max(14px, env(safe-area-inset-top));pointer-events:none;align-items:center;gap:10px;display:flex;position:absolute;left:14px;right:14px}.back{color:#173238;pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7fcfdc7;border:1px solid #1c40481f;border-radius:15px;place-items:center;width:42px;height:42px;font-size:1.1rem;font-weight:800;text-decoration:none;display:grid;box-shadow:0 8px 24px #22465014}.resource{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7fcfdc2;border:1px solid #1c40481a;border-radius:15px;min-width:88px;padding:8px 12px;box-shadow:0 8px 24px #22465014}.resource span{color:#668087;letter-spacing:.13em;font-size:.62rem;font-weight:850;display:block}.resource strong{margin-top:1px;font-size:1.05rem;line-height:1;display:block}.resource b{font:inherit}.objective{z-index:4;top:max(74px, calc(env(safe-area-inset-top) + 66px));color:#f6fbfc;text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#102a30b8;border-radius:16px;gap:3px;min-width:min(300px,100vw - 36px);padding:10px 14px;display:grid;position:absolute;left:50%;transform:translate(-50%)}.objective span{color:#b7d3d8;letter-spacing:.14em;font-size:.62rem;font-weight:900}.objective strong{font-size:.86rem}.event-message{z-index:5;color:#fff;letter-spacing:-.045em;text-align:center;text-shadow:0 4px 18px #0e2b3161;opacity:0;pointer-events:none;min-width:220px;font-size:clamp(1.5rem,7vw,2.8rem);font-weight:950;line-height:.9;transition:opacity .16s,transform .22s cubic-bezier(.2,.9,.2,1.15);position:absolute;top:26%;left:50%;transform:translate(-50%,8px)scale(.94)}.event-message.visible{opacity:1;transform:translate(-50%)scale(1)}.joystick{z-index:4;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#12373f1f;border:1px solid #ffffff73;border-radius:999px;width:86px;height:86px;position:absolute;transform:translate(-50%,-50%)}.joystick.visible{opacity:1}.joystick span{background:#f5fcfde0;border-radius:999px;width:38px;height:38px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 18px #12373f2e}.hint{z-index:4;right:16px;bottom:max(15px, env(safe-area-inset-bottom));color:#1a39409e;letter-spacing:.13em;pointer-events:none;justify-content:space-between;font-size:.62rem;font-weight:900;display:flex;position:absolute;left:16px}@media (min-width:900px){#game{max-width:560px;margin:0 auto;box-shadow:0 0 80px #20465033}body{background:#c5dce1}}.resource--heat{min-width:96px}.heat-track{background:#21474f1f;border-radius:999px;width:100%;height:4px;margin-top:6px;display:block;overflow:hidden}.heat-track>i{border-radius:inherit;background:linear-gradient(90deg,#68b7dc,#f1b75c 58%,#ed794d);width:24%;height:100%;transition:width .18s;display:block}.resource--food{transition:opacity .22s,transform .22s}.resource--food.is-locked{opacity:0;pointer-events:none;transform:translateY(-6px)scale(.94)}.resource--food:not(.is-locked){opacity:1;transform:none}@media (max-width:470px){.hud{gap:6px}.back{border-radius:13px;width:38px;height:38px}.resource{border-radius:13px;flex:1 1 0;min-width:0;padding:7px 8px}.resource span{font-size:.55rem}.resource strong{font-size:.93rem}.resource--food.is-locked{display:none}.resource--food:not(.is-locked){display:block}}@media (hover:none) and (pointer:coarse){.hint{justify-content:flex-start}.hint span:last-child{display:none}}