.hud-root{position:fixed;inset:0;z-index:40;pointer-events:none;font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;color:#5a2a3f}.hud-root *{box-sizing:border-box}.hud-top{position:absolute;top:calc(14px + env(safe-area-inset-top));left:calc(16px + env(safe-area-inset-left));right:calc(16px + env(safe-area-inset-right));display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.hud-chip{background:#ffffffd1;border:2px solid rgba(255,255,255,.95);border-radius:999px;padding:8px 16px;font-weight:800;font-size:18px;letter-spacing:.02em;box-shadow:0 4px 14px #8c46642e;display:flex;align-items:center;gap:8px;backdrop-filter:blur(4px)}.hud-star-icon{color:#ffb020;font-size:20px;line-height:1}.hud-minimap-group{position:absolute;top:calc(14px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right));width:148px;display:flex;flex-direction:column;align-items:stretch;gap:7px}.hud-minimap-wrap{border-radius:18px;overflow:hidden;border:2px solid rgba(255,255,255,.9);box-shadow:0 4px 16px #8c466433;background:#b4dcf080}.hud-minimap-wrap canvas{display:block}.hud-mission{background:#462b399e;color:#fffffff0;border:1px solid rgba(255,255,255,.34);border-radius:999px;padding:5px 8px;font-weight:650;font-size:11px;text-align:center;line-height:1.25;box-shadow:0 3px 10px #46233224;backdrop-filter:blur(5px);transition:opacity .35s ease}.hud-toast{position:absolute;bottom:calc(130px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:#5a2a3fe6;color:#fff;border-radius:999px;padding:10px 22px;font-weight:700;font-size:15px;box-shadow:0 6px 18px #3c14284d;opacity:0;transition:opacity .25s ease,transform .25s ease;white-space:nowrap}.hud-toast.show{opacity:1;transform:translate(-50%) translateY(-4px)}.hud-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffd5e88c;backdrop-filter:blur(8px);pointer-events:auto;text-align:center;padding:24px}.hud-overlay.hidden{display:none}.hud-title{font-size:clamp(40px,9vmin,88px);font-weight:900;letter-spacing:.06em;color:#e0487c;text-shadow:0 3px 0 rgba(255,255,255,.7),0 8px 24px rgba(200,60,120,.3);margin-bottom:8px;line-height:1.1}.hud-subtitle{font-size:clamp(15px,3vmin,22px);font-weight:600;color:#6a3a50;margin-bottom:28px;opacity:.85}.hud-btn{pointer-events:auto;background:linear-gradient(160deg,#ff9a4d,#ff7ab0);color:#fff;border:3px solid rgba(255,255,255,.9);border-radius:999px;padding:16px 48px;font-size:clamp(18px,3.4vmin,26px);font-weight:800;letter-spacing:.04em;box-shadow:0 8px 24px #c8466e59;cursor:pointer;transition:transform .15s ease,filter .15s ease;-webkit-tap-highlight-color:transparent}.hud-btn:active{transform:scale(.95);filter:brightness(1.1)}.hud-btn.secondary{background:#ffffffe6;color:#6a3a50;border-color:#ffb0c8;margin-top:12px;font-size:clamp(15px,2.6vmin,20px);padding:12px 36px}.hud-hint{margin-top:30px;font-size:clamp(12px,2vmin,15px);color:#7a4a5c;opacity:.75;font-weight:600}.hud-finale-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(36px,8vmin,72px);font-weight:900;color:#ffb020;text-shadow:0 3px 0 #e06a20,0 6px 24px rgba(255,160,40,.5);letter-spacing:.1em;animation:hud-pop .6s cubic-bezier(.2,1.4,.4,1);pointer-events:none}@keyframes hud-pop{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@media (max-width: 600px),(pointer: coarse){.hud-top{left:calc(70px + env(safe-area-inset-left));right:auto}.hud-chip{font-size:14px;padding:6px 11px}.hud-minimap-group{width:112px;top:calc(10px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));gap:5px}.hud-minimap-wrap{border-radius:14px}.hud-minimap-wrap canvas{width:112px;height:112px}.hud-mission{font-size:10px;padding:4px 6px}}