*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:#0e1420;font-family:system-ui,sans-serif;color:#fff}#app canvas{display:block}#hud{position:fixed;inset:0;pointer-events:none;user-select:none}#hud-left{position:absolute;left:16px;bottom:14px;text-shadow:0 1px 3px rgba(0,0,0,.6)}#day{font-size:.9rem;color:#c9d6e8;margin-bottom:.15rem}#speed{font-size:1.6rem;font-weight:700}#altitude{font-size:1rem;opacity:.85}#carrying{font-size:.95rem;color:#ffd88a;margin-top:.3rem}#nest-score{font-size:.95rem;color:#a9e8a0}#rep{font-size:.95rem;color:#ffcf5e}#allies{font-size:.9rem;color:#d8b8e8}#job-line{font-size:.95rem;color:#7fd4ff;display:none}#job-arrow{display:inline-block}#quest-line{font-size:.95rem;color:#f2d49b;display:none}#hud-right{position:absolute;right:16px;bottom:14px;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.6)}#wind-arrow{font-size:1.8rem;transition:transform .3s ease}#wind-speed{font-size:.85rem;opacity:.85}#message{position:absolute;top:18%;width:100%;text-align:center;font-size:2.2rem;font-weight:800;text-shadow:0 2px 6px rgba(0,0,0,.5);opacity:0;transition:opacity .2s ease}#message.show{opacity:1}#shop{position:absolute;bottom:70px;width:100%;text-align:center;font-size:.95rem;color:#ffe9b0;text-shadow:0 1px 3px rgba(0,0,0,.7);display:none;white-space:pre-line}#touch-ui{position:fixed;inset:0;pointer-events:none;z-index:5;user-select:none;-webkit-user-select:none}#touch-ui button{pointer-events:auto;border:2px solid rgba(255,255,255,.4);background:#141c2c73;color:#fff;border-radius:50%;font-size:.85rem;font-weight:700;touch-action:none}#stick-zone{position:absolute;left:0;bottom:0;width:45%;height:60%;pointer-events:auto;touch-action:none}#stick-nub{position:absolute;left:70px;bottom:90px;width:64px;height:64px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:#ffffff26}#touch-buttons{position:absolute;right:14px;bottom:70px;display:flex;flex-direction:column;gap:10px;align-items:flex-end}#tb-flap{width:84px;height:84px}#tb-dive{width:64px;height:64px}#touch-row{display:flex;gap:8px}#touch-row button{width:52px;height:52px}#tb-drop{border-radius:26px!important;width:84px!important}#touch-shop{position:absolute;bottom:130px;left:50%;transform:translate(-50%);display:none;gap:10px}#touch-shop button{width:52px;height:52px}#tb-mute{position:absolute;top:10px;right:10px;width:44px;height:44px}#level{font-size:.9rem;color:#b8e0ff;margin-bottom:.15rem}#levelup{position:absolute;top:28%;left:50%;transform:translate(-50%);background:#17202feb;border:2px solid #7fd4ff;border-radius:12px;padding:1rem 1.6rem;font-size:1rem;white-space:pre-line;display:none;text-align:left;max-width:min(90vw,34rem)}#start-overlay{position:fixed;inset:0;display:grid;place-items:center;background:#0a0e16b8;backdrop-filter:blur(3px);cursor:pointer;z-index:10}#start-overlay.hidden{display:none}#start-card{background:#17202f;border:1px solid #2b3950;border-radius:14px;padding:2rem 2.5rem;text-align:center;box-shadow:0 12px 40px #00000080}#start-card h1{font-size:2rem}#start-card .sub{color:#93a3bc;margin:.25rem 0 1rem}#start-card ul{list-style:none;text-align:left;line-height:1.9;margin-bottom:1rem}#start-card .tip{color:#93a3bc;font-size:.9rem;max-width:24rem;margin-bottom:1rem}#start-card .cta{font-weight:700;color:#7fd4ff;animation:pulse 1.6s infinite}@keyframes pulse{50%{opacity:.5}}