*{box-sizing:border-box;margin:0;padding:0}html,body,#root{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#0b2a4a;height:100%;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}.app{width:100%;max-width:720px;height:100%;margin:0 auto;position:relative}.game-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hud-top{top:calc(env(safe-area-inset-top,0px) + 10px);pointer-events:none;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;left:12px;right:12px}.money-pill,.lake-pill{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a19288c;border-radius:999px;padding:8px 14px;font-size:16px;font-weight:700}.lake-pill{opacity:.9;font-size:13px;font-weight:500}.hud-bottom{bottom:calc(env(safe-area-inset-bottom,0px) + 18px);justify-content:center;align-items:flex-end;gap:14px;display:flex;position:absolute;left:0;right:0}.btn{color:#fff;cursor:pointer;border:none;border-radius:16px;font-family:inherit;font-weight:700}.btn:active{transform:scale(.96)}.btn.cast{background:linear-gradient(#ff9d4d,#f06522);border-radius:22px;padding:18px 40px;font-size:24px;box-shadow:0 6px 18px #f0652273}.btn.secondary{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a192899;padding:14px 18px;font-size:16px}.btn.small{background:#2f7fc4;padding:10px 16px;font-size:14px}.btn.buy{background:#2fa35c}.btn:disabled{opacity:.4;cursor:default}.btn.close{color:#cfe3f2;background:0 0;padding:6px 10px;font-size:18px}.tap-hint{top:calc(env(safe-area-inset-top,0px) + 60px);text-align:center;color:#fff;text-shadow:0 2px 6px #00000080;pointer-events:none;font-size:18px;font-weight:800;animation:1s ease-in-out infinite pulse;position:absolute;left:0;right:0}@keyframes pulse{50%{opacity:.85;transform:scale(1.06)}}.drop-hint{bottom:calc(env(safe-area-inset-bottom,0px) + 30px);text-align:center;color:#fff;text-shadow:0 2px 6px #00000080;pointer-events:none;font-size:14px;font-weight:600;animation:4s ease-in forwards hint-fade;position:absolute;left:0;right:0}@keyframes hint-fade{0%,60%{opacity:.9}to{opacity:0}}.summary-toast{bottom:calc(env(safe-area-inset-bottom,0px) + 110px);color:#fff;white-space:nowrap;pointer-events:none;background:#0a1928cc;border-radius:14px;padding:12px 20px;font-size:16px;animation:.25s ease-out toast-in;position:absolute;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(12px)}}.overlay{z-index:10;background:#040c168c;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.panel{color:#fff;background:#10283d;border-radius:20px;flex-direction:column;width:100%;max-width:420px;max-height:80%;display:flex;box-shadow:0 12px 40px #00000080}.panel-head{justify-content:space-between;align-items:center;padding:16px 18px 8px;display:flex}.panel-head h2{font-size:20px}.panel-list{flex-direction:column;gap:8px;padding:8px 14px 16px;display:flex;overflow-y:auto}.item{background:#ffffff0f;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.item.equipped{outline:2px solid #2f7fc4}.item-name{font-size:15px;font-weight:700}.item-desc{opacity:.7;margin-top:2px;font-size:12.5px}.tag{color:#7ad0ff;white-space:nowrap;font-size:12px;font-weight:700}