*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:#eaf6ff;color:#5c4a5a;font-family:Nunito,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent;touch-action:none;-webkit-user-select:none;user-select:none}#app{position:relative;width:100%;height:100%}#game-container{position:absolute;inset:0;width:100%;height:100%}#game-container canvas{display:block;width:100%!important;height:100%!important}.hud{position:absolute;inset:0;pointer-events:none;z-index:10;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:8px;align-items:flex-start}.hud-panel{pointer-events:none;background:rgba(255,246,242,.92);border:2px solid rgba(92,74,90,.1);border-radius:999px;padding:8px 16px;box-shadow:0 6px 16px #5c4a5a1f}.hud-money{display:flex;flex-direction:column;min-width:128px;border-color:#7ddfb073}.hud-label{font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:#8b7a8c;font-weight:700}.hud-value{font-size:1.25rem;font-weight:700;color:#3cb88a;font-variant-numeric:tabular-nums;font-family:Nunito,system-ui,sans-serif}.hud-held{display:none;font-size:.85rem;font-weight:700;color:#5c4a5a;background:rgba(255,224,138,.9);border-color:#ffc85080}.hud-held.is-visible{display:block}.hud-hint{font-size:.72rem;color:#8b7a8c;max-width:min(420px,90vw);line-height:1.35;font-weight:600}.hud-status{font-size:.75rem;color:#8b7a8c;margin-top:auto;align-self:flex-start;font-weight:600}.hud-prompt{position:absolute;left:50%;bottom:max(96px,calc(env(safe-area-inset-bottom) + 88px));transform:translate(-50%) translateY(8px);display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;background:rgba(255,246,242,.95);border:2px solid rgba(125,223,176,.55);box-shadow:0 8px 24px #5c4a5a24;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;max-width:min(90vw,420px)}.hud-prompt.is-visible{opacity:1;transform:translate(-50%) translateY(0)}.hud-prompt-key{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 8px;border-radius:999px;background:#7ddfb0;border:2px solid rgba(92,74,90,.12);font-weight:800;font-size:.9rem;color:#3a2f3a}.hud-prompt-text{font-size:.95rem;font-weight:700;color:#5c4a5a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-toast{position:absolute;left:50%;top:max(72px,calc(env(safe-area-inset-top) + 56px));transform:translate(-50%) translateY(-6px);padding:10px 18px;border-radius:999px;background:rgba(255,246,242,.96);border:2px solid rgba(201,182,228,.55);font-size:.88rem;font-weight:700;color:#5c4a5a;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;max-width:min(92vw,480px);text-align:center;box-shadow:0 8px 20px #5c4a5a1f}.hud-toast.is-visible{opacity:1;transform:translate(-50%) translateY(0)}.mobile-controls{display:none;position:absolute;inset:0;z-index:20;pointer-events:none;padding:max(12px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(20px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));touch-action:none}.mobile-controls.is-visible{display:block}.joystick-base{pointer-events:auto;position:absolute;left:max(16px,env(safe-area-inset-left,0px));bottom:max(24px,env(safe-area-inset-bottom,0px));width:128px;height:128px;border-radius:50%;background:rgba(255,246,242,.45);border:3px solid rgba(92,74,90,.18);touch-action:none}.joystick-stick{position:absolute;left:50%;top:50%;width:54px;height:54px;border-radius:50%;background:rgba(125,223,176,.85);border:3px solid rgba(255,255,255,.65);transform:translate(-50%,-50%);will-change:transform;pointer-events:none;box-shadow:0 4px 12px #5c4a5a26}.mobile-buttons{pointer-events:none;position:absolute;right:max(16px,env(safe-area-inset-right,0px));bottom:max(28px,env(safe-area-inset-bottom,0px));display:flex;flex-direction:row;align-items:flex-end;gap:14px;z-index:2}.action-btn,.sprint-btn{pointer-events:auto;border-radius:50%;border:3px solid rgba(255,255,255,.55);color:#3a2f3a;font-weight:800;font-family:Nunito,system-ui,sans-serif;touch-action:none;box-shadow:0 6px 18px #5c4a5a33;cursor:pointer;margin:0;padding:0}.action-btn{width:76px;height:76px;background:#7ddfb0;font-size:1.35rem}.sprint-btn{width:62px;height:62px;background:#ffe08a;font-size:.72rem;letter-spacing:.02em;text-transform:uppercase;margin-bottom:8px}.action-btn.is-pressed{background:#3cb88a;transform:scale(.94);color:#fff}.sprint-btn.is-pressed{background:#ffc94a;transform:scale(.94)}@media (orientation: landscape) and (max-height: 500px){.joystick-base{width:100px;height:100px;bottom:max(12px,env(safe-area-inset-bottom,0px))}.joystick-stick{width:44px;height:44px}.action-btn{width:60px;height:60px}.sprint-btn{width:50px;height:50px;font-size:.62rem}}@media (pointer: fine){.hud-hint{display:block}}@media (pointer: coarse){.hud-hint{display:none}}@media (max-width: 900px){.hud-hint{display:none}}.loading-overlay{position:absolute;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:linear-gradient(165deg,#eaf6ff 0%,#fff6f2 55%,#ffe8f0 100%);transition:opacity .25s ease}.loading-overlay.is-hidden{opacity:0;pointer-events:none}.loading-box{text-align:center;padding:28px 36px;background:rgba(255,246,242,.9);border-radius:28px;border:3px solid rgba(125,223,176,.4);box-shadow:0 14px 36px #4a3a551f}.loading-title{margin:0 0 4px;font-family:Fredoka,Nunito,system-ui,sans-serif;font-size:1.6rem;font-weight:700;color:#5c4a5a}.loading-sub{margin:0 0 14px;font-size:.85rem;color:#8b7a8c;font-weight:600}.loading-message{margin:0 0 14px;font-size:.9rem;color:#8b7a8c;min-height:1.2em}.loading-bar{width:min(280px,70vw);height:12px;margin:0 auto;border-radius:999px;background:rgba(255,255,255,.8);overflow:hidden;border:2px solid rgba(92,74,90,.1)}.loading-bar-fill{height:100%;width:0%;border-radius:inherit;background:linear-gradient(90deg,#7ddfb0,#8ec5ff);transition:width .15s ease-out}.loading-percent{margin:10px 0 0;font-size:.85rem;font-variant-numeric:tabular-nums;font-weight:700;color:#3cb88a}