@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800&family=Pirata+One&display=swap";:root{--hud-bg-deep: #0a1628;--hud-bg-mid: #1a2744;--hud-bg-light: #1e3a5c;--hud-gold: #d4a017;--hud-gold-light: #f4c430;--hud-gold-bright: #ffd700;--hud-brass-lit: #f2c65a;--hud-brass: #c89a3a;--hud-brass-dark: #6e5116;--hud-brass-deep: #3d2c0a;--hud-cta-grad: linear-gradient(180deg, #f6cf6b 0%, #dca82f 46%, #b5811d 100%);--hud-cta-grad-hover: linear-gradient(180deg, #ffdd82 0%, #ecb63c 46%, #c78e22 100%);--hud-cta-ink: #2a1c05;--hud-text-primary: #f5e6d3;--hud-text-secondary: #b39c78;--hud-text-muted: #7d8794;--hud-danger: #ff5252;--hud-success: #69f0ae;--hud-warning: #ffd54f;--hud-health-high: #69f0ae;--hud-health-mid: #ffd54f;--hud-health-low: #ff5252;--hud-glass-bg: rgba(9, 19, 34, .72);--hud-glass-strong: rgba(8, 16, 29, .9);--hud-glass-border: rgba(214, 184, 122, .14);--hud-glass-border-lit: rgba(240, 205, 130, .42);--hud-glass-blur: 14px;--hud-hairline: rgba(255, 255, 255, .06);--hud-top-sheen: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,0));--hud-shadow-panel: 0 12px 34px rgba(0, 0, 0, .42), inset 0 1px 0 rgba(255, 255, 255, .05);--hud-shadow-float: 0 8px 22px rgba(0, 0, 0, .36);--hud-glow-gold: 0 0 0 1px rgba(240, 205, 130, .28), 0 8px 26px rgba(198, 150, 40, .24);--hud-radius-panel: 12px;--hud-radius-btn: 8px;--hud-radius-circle: 50%;--hud-font-primary: "Barlow Condensed", sans-serif;--hud-font-display: "Pirata One", cursive;--hud-font-pixel: "Press Start 2P", monospace;--hud-font-body: Inter, system-ui, sans-serif;--hud-fs-xs: clamp(.625rem, 1.5vw, .75rem);--hud-fs-sm: clamp(.7rem, 1.8vw, .85rem);--hud-fs-md: clamp(.8rem, 2vw, 1rem);--hud-fs-lg: clamp(.9rem, 2.2vw, 1.15rem);--hud-fs-xl: clamp(1rem, 2.5vw, 1.35rem);--hud-fs-xxl: clamp(1.2rem, 3vw, 1.6rem);--hud-fs-title: clamp(1.5rem, 4vw, 2.25rem);--hud-fs-hero: clamp(2rem, 5vw, 3rem);--hud-z-base: 100;--hud-z-overlay: 200;--hud-z-modal: 300;--hud-z-toast: 400;--hud-transition-fast: .2s ease;--hud-transition-color: .3s ease;--hud-transition-ghost: .8s ease;--hud-gap-xxs: 2px;--hud-gap-xs: 4px;--hud-gap-sm: 6px;--hud-gap-md: 10px;--hud-gap-lg: 14px;--hud-gap-xl: 18px}@property --progress{syntax: "<number>"; inherits: false; initial-value: 0;}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes scanLine{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes shakeX{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes goldPulse{0%,to{box-shadow:0 0 4px #ffd7004d}50%{box-shadow:0 0 12px #ffd700b3}}@keyframes harborDrift{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes panelArrive{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes oceanDrift{0%{transform:translate3d(-2%,-1%,0) rotate(-1deg)}to{transform:translate3d(2%,1%,0) rotate(1deg)}}@keyframes tutorialBorderPulse{0%,to{box-shadow:0 0 0 1px #ffd70073,0 0 16px #ffb4282e}50%{box-shadow:0 0 0 1px #ffd700d9,0 0 28px #ffb42859}}#hud-root{position:fixed;inset:0;pointer-events:none;z-index:var(--hud-z-base);font-family:var(--hud-font-primary);color:var(--hud-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#hud-root *{box-sizing:border-box}#hud-root.hud-root--landing>:not(.hud-landing){opacity:0;pointer-events:none;transition:opacity .16s ease}#hud-root button,#hud-root input,#hud-root select{pointer-events:auto}.hud-glass{background:var(--hud-glass-bg);backdrop-filter:blur(var(--hud-glass-blur));-webkit-backdrop-filter:blur(var(--hud-glass-blur));border:1px solid var(--hud-glass-border);border-radius:var(--hud-radius-panel);box-shadow:var(--hud-shadow-panel)}.hud-panel{position:relative;background:var(--hud-glass-bg);backdrop-filter:blur(var(--hud-glass-blur));-webkit-backdrop-filter:blur(var(--hud-glass-blur));border:1px solid var(--hud-glass-border);border-radius:var(--hud-radius-panel);padding:var(--hud-gap-sm) var(--hud-gap-md);box-shadow:var(--hud-shadow-panel)}.hud-btn{pointer-events:auto;cursor:pointer;border:1px solid var(--hud-glass-border);border-radius:var(--hud-radius-btn);background:var(--hud-glass-bg);color:var(--hud-text-primary);font-family:var(--hud-font-primary);font-size:var(--hud-fs-sm);font-weight:600;padding:var(--hud-gap-xs) var(--hud-gap-sm);transition:background var(--hud-transition-fast),border-color var(--hud-transition-fast),transform var(--hud-transition-fast);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none}.hud-btn:hover{background:#1a2744e6;border-color:#ffffff26}.hud-btn:active{transform:scale(.95);background:#0a1628f2}.hud-btn.active{border-color:var(--hud-gold);background:#d4a01726}.hud-btn:focus-visible{outline:2px solid rgba(255,224,145,.95);outline-offset:3px}.hud-cta,.hud-ghost{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--hud-gap-sm);pointer-events:auto;cursor:pointer;border-radius:var(--hud-radius-btn);font-family:var(--hud-font-primary);font-weight:700;letter-spacing:.06em;text-transform:uppercase;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;transition:transform var(--hud-transition-fast),box-shadow var(--hud-transition-fast),background var(--hud-transition-fast),border-color var(--hud-transition-fast),filter var(--hud-transition-fast)}.hud-cta{padding:12px 20px;font-size:var(--hud-fs-lg);color:var(--hud-cta-ink);background:var(--hud-cta-grad);border:1px solid rgba(255,224,145,.7);box-shadow:0 1px #fff5d28c inset,0 -6px 12px #784e0c59 inset,0 10px 22px #8c60125c;text-shadow:0 1px 0 rgba(255,246,214,.4)}.hud-cta:hover{background:var(--hud-cta-grad-hover);transform:translateY(-1px);box-shadow:0 1px #fff8dcb3 inset,0 -6px 12px #784e0c4d inset,0 14px 30px #a06e1675}.hud-cta:active{transform:translateY(1px) scale(.99);box-shadow:0 1px #fff5d266 inset,0 -3px 8px #784e0c66 inset,0 6px 14px #8c60124d}.hud-ghost{padding:11px 16px;font-size:var(--hud-fs-md);color:var(--hud-gold-light);background:#ffffff09;border:1px solid var(--hud-glass-border);box-shadow:inset 0 1px #ffffff0a}.hud-ghost:hover{background:#f0cd821a;border-color:var(--hud-glass-border-lit);transform:translateY(-1px)}.hud-ghost:active{transform:translateY(0) scale(.99)}.hud-cta:focus-visible,.hud-ghost:focus-visible{outline:2px solid rgba(255,224,145,.95);outline-offset:3px}.hud-text-gold{color:var(--hud-gold-bright)}.hud-text-muted{color:var(--hud-text-muted)}.hud-hidden{display:none!important}.hud-interactive{pointer-events:auto}.hud-landing{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(90% 70% at 50% -12%,rgba(51,86,121,.5),transparent 64%),radial-gradient(60% 45% at 12% 100%,rgba(13,72,89,.24),transparent 70%),radial-gradient(55% 42% at 92% 88%,rgba(91,56,19,.15),transparent 72%),#040a14e0;backdrop-filter:blur(12px) saturate(.9);-webkit-backdrop-filter:blur(12px) saturate(.9);pointer-events:auto;isolation:isolate;overflow:hidden}.hud-landing:before{content:"";position:absolute;inset:-18%;z-index:-1;opacity:.22;background:repeating-radial-gradient(ellipse at 50% 105%,transparent 0 34px,rgba(112,180,207,.2) 35px 36px,transparent 37px 72px);-webkit-mask-image:linear-gradient(to bottom,transparent 15%,#000 62%,#000 100%);mask-image:linear-gradient(to bottom,transparent 15%,#000 62%,#000 100%);animation:oceanDrift 18s ease-in-out infinite alternate;pointer-events:none}.hud-landing:after{content:"";position:absolute;right:clamp(-120px,-5vw,-36px);bottom:clamp(-140px,-10vw,-70px);width:clamp(280px,32vw,480px);aspect-ratio:1;z-index:-1;border-radius:50%;opacity:.12;background:linear-gradient(45deg,transparent 49.7%,rgba(240,205,130,.8) 50%,transparent 50.3%),linear-gradient(-45deg,transparent 49.7%,rgba(240,205,130,.8) 50%,transparent 50.3%),radial-gradient(circle,transparent 47%,rgba(240,205,130,.62) 47.5% 48%,transparent 48.5% 62%,rgba(240,205,130,.42) 62.5% 63%,transparent 63.5%);transform:rotate(8deg);pointer-events:none}.hud-landing__panel{position:relative;width:min(500px,96%);display:flex;flex-direction:column;gap:14px;padding:26px 26px 20px;border:1px solid var(--hud-glass-border-lit);border-radius:18px;background:radial-gradient(140% 120% at 50% 0%,rgba(30,54,84,.55),transparent 55%),var(--hud-glass-strong);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 30px 80px #0000008c,inset 0 1px #ffffff0f;overflow:hidden;animation:panelArrive .42s cubic-bezier(.2,.75,.25,1) both}.hud-landing__panel:before{content:"";position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(240,205,130,.7),transparent)}.hud-landing__title{margin:2px 0 0;font-family:var(--hud-font-pixel);font-size:clamp(1.5rem,6.4vw,3rem);line-height:1.02;text-align:center;letter-spacing:-.01em;white-space:nowrap;color:#ffe9a8;text-shadow:0 0 12px rgba(255,214,79,.8),0 0 30px rgba(255,160,55,.4),0 3px 0 rgba(58,30,4,.95),0 4px 8px rgba(0,0,0,.5);animation:harborDrift 5s ease-in-out infinite}.hud-landing__subtitle{margin-top:-4px;font-family:var(--hud-font-primary);font-size:var(--hud-fs-sm);font-weight:600;letter-spacing:.42em;text-indent:.42em;text-transform:uppercase;text-align:center;color:#d6b87ac7}.hud-landing__loop{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 4px;margin:4px 0 2px}.hud-landing__loop span{display:inline-flex;align-items:center;padding:0;border:none;background:none;color:#f5e6c3e6;font-family:var(--hud-font-primary);font-size:var(--hud-fs-sm);font-weight:700;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.hud-landing__loop span:not(:last-child):after{content:"";width:5px;height:5px;margin:0 9px;border-radius:1px;background:#f0cd828c;transform:rotate(45deg)}.hud-landing__loop span:last-child{color:var(--hud-gold-light)}.hud-landing__count{text-align:center;font-family:var(--hud-font-primary);font-size:var(--hud-fs-sm);font-weight:600;letter-spacing:.06em;color:#f5e6c3b8}.hud-landing__count:before{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--hud-success);box-shadow:0 0 8px #69f0aecc;vertical-align:middle}.hud-landing__version,.hud-landing__hint{font-family:var(--hud-font-primary);font-size:var(--hud-fs-sm);line-height:1.6}.hud-landing__label{font-family:var(--hud-font-primary);font-size:var(--hud-fs-xs);font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#d6b87ab3}.hud-landing__input{width:100%;padding:13px 16px;border:1px solid var(--hud-glass-border);border-radius:10px;background:#060d18e6;color:#f8f0dc;font-family:var(--hud-font-primary);font-size:var(--hud-fs-lg);font-weight:600;letter-spacing:.04em;outline:none;transition:border-color var(--hud-transition-fast),box-shadow var(--hud-transition-fast);box-shadow:inset 0 2px 6px #0000004d}.hud-landing__input::placeholder{color:#d6b87a66;font-weight:500}.hud-landing__input:focus{border-color:var(--hud-glass-border-lit);box-shadow:inset 0 2px 6px #0000004d,0 0 0 3px #f0cd822e}.hud-landing__input:focus-visible,.hud-color-swatch:focus-visible,.hud-class-card:focus-visible,.hud-landing__start:focus-visible,.hud-landing__toggle:focus-visible,.hud-tutorial__skip:focus-visible{outline:2px solid rgba(255,224,145,.95);outline-offset:3px}.hud-color-swatches{display:flex;flex-wrap:wrap;gap:6px}.hud-color-swatch{width:26px;height:26px;padding:0;border:2px solid rgba(255,255,255,.18);border-radius:999px;background:var(--hud-landing-swatch-color, #6b4423);cursor:pointer;box-shadow:inset 0 0 0 1px #0003,0 6px 16px #00000038;transition:transform var(--hud-transition-fast),border-color var(--hud-transition-fast),box-shadow var(--hud-transition-fast)}.hud-color-swatch:hover{transform:translateY(-1px);border-color:#ffe6b3cc}.hud-color-swatch.is-selected{border-color:#ffe091f2;box-shadow:inset 0 0 0 2px #0c121ab8,0 0 0 2px #ffe09159,0 10px 22px #00000047}.hud-class-cards{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hud-class-card{display:flex;flex-direction:column;gap:8px;padding:12px 12px 10px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#0f1725f7;color:#f8f0dc;text-align:left;cursor:pointer;transition:transform var(--hud-transition-fast),border-color var(--hud-transition-fast),box-shadow var(--hud-transition-fast),background var(--hud-transition-fast)}.hud-class-card:hover{transform:translateY(-1px);border-color:#ffe09173;box-shadow:0 12px 28px #00000038}.hud-class-card.is-selected{border-color:#ffe091f2;box-shadow:inset 0 0 0 1px #ffe09159,0 0 0 2px #ffe0912e,0 18px 36px #0000004d;background:#241b0cfa}.hud-class-card__hero{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.hud-class-card__identity{display:flex;flex-direction:column;gap:5px;min-width:0}.hud-class-card__tag{align-self:flex-start;padding:3px 8px;border-radius:999px;border:1px solid rgba(240,205,130,.28);background:#f0cd821a;font-family:var(--hud-font-primary);font-size:var(--hud-fs-xs);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--hud-gold-light)}.hud-class-card__art{flex:0 0 auto;width:92px;height:50px;overflow:visible;filter:drop-shadow(0 8px 12px rgba(0,0,0,.28))}.hud-class-card__art-wave{fill:none;stroke:#a0d6ff59;stroke-width:3;stroke-linecap:round}.hud-class-card__art-hull{fill:#6f4a2d}.hud-class-card__art-deck{fill:#eddcb8eb}.hud-class-card__art-mast{fill:#4a3325}.hud-class-card__art-sail-main{fill:#efe3c8}.hud-class-card__art-sail-alt{fill:#dbcaa7e0}.hud-class-card__art-port{fill:#121824e6}.hud-class-card__art--sloop .hud-class-card__art-hull{fill:#567392}.hud-class-card__art--sloop .hud-class-card__art-deck{fill:#d2e0efe6}.hud-class-card__art--sloop .hud-class-card__art-sail-main{fill:#32485f}.hud-class-card__art--sloop .hud-class-card__art-sail-alt{fill:#436381e6}.hud-class-card__name{font-family:var(--hud-font-display);font-size:clamp(1.05rem,3vw,1.35rem);line-height:1;letter-spacing:.02em;color:#f8f0dc}.hud-class-card__desc{font-family:var(--hud-font-primary);font-size:var(--hud-fs-xs);font-weight:600;letter-spacing:.03em;line-height:1.25;color:#d6b87ab8;min-height:0}.hud-class-card__hook{font-family:var(--hud-font-primary);font-size:var(--hud-fs-sm);line-height:1.35;color:#f5eddbd1}.hud-class-card__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 14px}.hud-class-card__stat{display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:var(--hud-font-primary);font-size:var(--hud-fs-xs);font-weight:600;line-height:1.3;color:#f5f0d2d1}.hud-class-card__stat-label{letter-spacing:.1em;color:#d6b87ab3}.hud-class-card__stat-bar{display:inline-flex;align-items:center;gap:3px}.hud-pip{width:7px;height:7px;border-radius:2px;background:#ffffff1f;box-shadow:inset 0 0 0 1px #00000040}.hud-pip.is-on{background:linear-gradient(180deg,var(--hud-brass-lit),var(--hud-brass));box-shadow:0 0 5px #f0cd8280}.hud-landing__start{width:100%;padding:14px 20px;border-radius:11px;cursor:pointer;font-family:var(--hud-font-display);font-size:clamp(1.3rem,4vw,1.7rem);letter-spacing:.04em;text-transform:uppercase;color:var(--hud-cta-ink);background:var(--hud-cta-grad);border:1px solid rgba(255,224,145,.7);box-shadow:0 1px #fff5d28c inset,0 -6px 12px #784e0c59 inset,0 12px 26px #8c601266;text-shadow:0 1px 0 rgba(255,246,214,.45);transition:transform var(--hud-transition-fast),box-shadow var(--hud-transition-fast),background var(--hud-transition-fast)}.hud-landing__start:hover{transform:translateY(-1px);background:var(--hud-cta-grad-hover);box-shadow:0 1px #fff8dcb3 inset,0 -6px 12px #784e0c4d inset,0 16px 34px #a06e1680}.hud-landing__start:active{transform:translateY(1px) scale(.99)}.hud-landing__toggle,.hud-tutorial__skip{border:1px solid var(--hud-glass-border);border-radius:10px;background:#ffffff09;color:var(--hud-gold-light);font-family:var(--hud-font-primary);font-size:var(--hud-fs-md);font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:transform var(--hud-transition-fast),border-color var(--hud-transition-fast),background var(--hud-transition-fast),box-shadow var(--hud-transition-fast)}.hud-landing__toggle:hover,.hud-tutorial__skip:hover{transform:translateY(-1px);border-color:var(--hud-glass-border-lit);background:#f0cd821a}.hud-landing__meta{margin-top:-4px;text-align:center;color:#d6b87a99;font-family:var(--hud-font-primary);font-size:var(--hud-fs-sm);letter-spacing:.02em;line-height:1.5}.hud-landing__howto{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--hud-hairline);padding-top:14px}.hud-landing__toggle{padding:11px 14px;text-align:left;display:flex;align-items:center;justify-content:space-between}.hud-landing__toggle:after{content:"▾";font-size:.85em;opacity:.6;transition:transform var(--hud-transition-fast)}.hud-landing__toggle.is-expanded{border-color:var(--hud-glass-border-lit);background:#f0cd8214}.hud-landing__toggle.is-expanded:after{transform:rotate(180deg)}.hud-landing__howto-body{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;background:#ffffff0a}.hud-landing__setup-lead,.hud-death__setup-lead{display:flex;flex-direction:column;gap:4px;padding:2px 0 4px}.hud-landing__setup-kicker,.hud-death__setup-kicker{font-family:var(--hud-font-primary);font-size:var(--hud-fs-xs);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--hud-gold-light)}.hud-landing__setup-copy,.hud-death__setup-copy{font-family:var(--hud-font-primary);font-size:var(--hud-fs-sm);line-height:1.5;color:#f5e6c3b8}.hud-landing__hint{color:#f5e6c3b8;padding-left:16px;position:relative}.hud-landing__hint:before{content:"";position:absolute;left:2px;top:.62em;width:5px;height:5px;border-radius:1px;background:#f0cd8299;transform:rotate(45deg)}.hud-landing__howto-body.is-hidden{display:none}.hud-landing__version{text-align:center;color:#c0a976b3}.hud-tutorial{position:absolute;inset:0;pointer-events:none}.hud-tutorial__skip{position:absolute;top:calc(44px + env(safe-area-inset-top,0px));right:max(12px,env(safe-area-inset-right,0px));padding:7px 13px;pointer-events:auto;font-family:var(--hud-font-primary);font-size:var(--hud-fs-sm);font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.92}.hud-tutorial__banner{position:absolute;bottom:15%;left:50%;width:min(480px,calc(100% - 32px));transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 22px;border-radius:14px;border:1px solid var(--hud-glass-border-lit);background:var(--hud-glass-strong);backdrop-filter:blur(var(--hud-glass-blur));-webkit-backdrop-filter:blur(var(--hud-glass-blur));text-align:center;animation:tutorialBorderPulse 2.2s ease-in-out infinite;transition:opacity .18s ease,transform .18s ease}.hud-tutorial__banner.is-fading{opacity:0;transform:translate(-50%) translateY(10px)}.hud-tutorial__step{font-family:var(--hud-font-primary);font-size:var(--hud-fs-xs);font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--hud-gold-light)}.hud-tutorial__text{font-family:var(--hud-font-primary);font-size:var(--hud-fs-lg);font-weight:500;line-height:1.45;color:#fff6db}.hud-top-bar{position:absolute;top:0;left:0;right:0;min-height:34px;display:flex;align-items:center;justify-content:space-between;padding:4px 12px;pointer-events:none;z-index:var(--hud-z-base);background:linear-gradient(90deg,transparent,rgba(240,205,130,.025) 50%,transparent),linear-gradient(180deg,#09121fd6,#09121f6b);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-bottom:1px solid rgba(255,255,255,.05)}.hud-top-bar__section{display:flex;align-items:center;gap:var(--hud-gap-sm)}.hud-top-bar__center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--hud-gap-sm)}.hud-top-bar__stat{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.hud-top-bar__stat svg{width:12px;height:12px;flex-shrink:0}@media(min-width:769px)and (pointer:fine){.hud-top-bar{justify-content:flex-end}.hud-top-bar>.hud-top-bar__section:first-child{display:none}}.hud-bottom-bar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;pointer-events:none;z-index:var(--hud-z-base);padding:10px 16px;background:linear-gradient(180deg,rgba(255,255,255,.045),transparent 38%),var(--hud-glass-bg);backdrop-filter:blur(var(--hud-glass-blur));-webkit-backdrop-filter:blur(var(--hud-glass-blur));border:1px solid rgba(214,184,122,.2);border-radius:14px;box-shadow:0 14px 38px #00000075,inset 0 1px #ffffff12}.hud-bottom-bar__left{display:flex;align-items:center;gap:8px}.hud-bottom-bar__right{display:flex;align-items:center;gap:10px}.hud-bottom-bar__divider{width:1px;height:42px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.14),transparent)}.hud-bottom-bar__divider--short{height:34px}.hud-cannon-slot{display:flex;flex-direction:column;align-items:center;gap:3px}.hud-cannon-slot__label{font-size:9px;font-weight:700;letter-spacing:0;line-height:1;text-transform:uppercase}.hud-health-capsule{display:flex;align-items:center;gap:8px;padding:5px 12px 5px 8px;border-radius:999px;background:var(--hud-glass-bg);border:1px solid var(--hud-glass-border);backdrop-filter:blur(var(--hud-glass-blur));-webkit-backdrop-filter:blur(var(--hud-glass-blur));box-shadow:var(--hud-shadow-float)}.hud-health-capsule__icon{display:flex;align-items:center;justify-content:center;color:var(--hud-gold-light);filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.hud-health-capsule__icon svg{width:16px;height:16px}.hud-health{width:176px;height:14px;border-radius:7px;background:#0000006b;border:1px solid rgba(0,0,0,.35);box-shadow:inset 0 1px 3px #00000080;overflow:hidden;position:relative}.hud-health__fill{height:100%;border-radius:7px;background:var(--hud-health-high);transition:width .2s ease,background-color var(--hud-transition-color);position:relative}.hud-health__fill:after{content:"";position:absolute;inset:0 0 50%;border-radius:7px 7px 0 0;background:linear-gradient(180deg,#ffffff59,#fff0);pointer-events:none}.hud-health__text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.9);letter-spacing:.06em;z-index:2}.hud-health--danger .hud-health__fill{animation:pulse .8s ease infinite}.hud-speed{display:flex;align-items:center;gap:3px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--hud-text-secondary)}.hud-speed__pip{width:8px;height:8px;border-radius:2px;background:#ffffff1f;transition:background var(--hud-transition-color)}.hud-speed__pip.active{background:var(--hud-success)}.hud-cooldown{width:38px;height:38px;border-radius:var(--hud-radius-circle);position:relative;display:flex;align-items:center;justify-content:center;background:conic-gradient(var(--hud-gold) calc(var(--progress) * 360deg),rgba(255,255,255,.08) calc(var(--progress) * 360deg));transition:--progress .2s linear}.hud-cooldown__inner{width:29px;height:29px;border-radius:var(--hud-radius-circle);background:var(--hud-bg-deep);display:flex;align-items:center;justify-content:center}.hud-cooldown__inner svg{width:16px;height:16px}.hud-cooldown.ready{background:var(--hud-success);animation:popIn .2s ease}.hud-ammo{display:flex;gap:5px;pointer-events:auto}.hud-ammo__type{width:40px;height:40px;border-radius:9px;background:#060d18b3;border:1px solid var(--hud-hairline);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color var(--hud-transition-fast),background var(--hud-transition-fast),opacity var(--hud-transition-fast),transform var(--hud-transition-fast);opacity:.62}.hud-ammo__type:hover{opacity:.85;transform:translateY(-1px)}.hud-ammo__type.active{opacity:1;border-color:var(--hud-glass-border-lit);background:#f0cd8224;box-shadow:0 0 0 1px #f0cd8240,0 4px 12px #c6962838}.hud-ammo__type svg{width:20px;height:20px}.hud-abilities{display:flex;gap:7px}.hud-ability{width:74px;height:56px;border-radius:9px;position:relative;display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;background:#060d18b3;border:1px solid var(--hud-hairline);cursor:pointer;pointer-events:auto;transition:border-color var(--hud-transition-fast),transform var(--hud-transition-fast),background var(--hud-transition-fast)}.hud-ability:hover{transform:translateY(-1px);background:#0a1422d1}.hud-ability.ready{border-color:#69f0ae73;box-shadow:inset 0 0 0 1px #69f0ae1f,0 0 12px #69f0ae1f}.hud-ability.on-cooldown{opacity:.6}.hud-ability__overlay{position:absolute;inset:0;border-radius:inherit;background:#0009;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.hud-ability__icon{display:flex;align-items:center;justify-content:center}.hud-ability__icon svg{width:22px;height:22px}.hud-ability__name{max-width:66px;font-size:8px;line-height:1;text-align:center;text-transform:uppercase;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-ability__key{position:absolute;top:3px;right:3px;min-width:15px;font-size:9px;font-weight:700;text-align:center;color:var(--hud-gold-light);background:#00000080;border:1px solid var(--hud-glass-border);border-radius:4px;padding:1px 3px;line-height:1.2}.hud-killfeed{position:absolute;top:44px;right:var(--hud-gap-md);display:flex;flex-direction:column;align-items:flex-end;gap:var(--hud-gap-xs);max-width:min(240px,42vw);z-index:var(--hud-z-base);pointer-events:none}.hud-killfeed__entry{max-width:100%;padding:4px 10px;border-radius:8px;font-family:var(--hud-font-primary);font-size:var(--hud-fs-sm);font-weight:600;letter-spacing:.01em;animation:slideInRight .25s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--hud-glass-bg);border:1px solid var(--hud-glass-border);backdrop-filter:blur(var(--hud-glass-blur));-webkit-backdrop-filter:blur(var(--hud-glass-blur));box-shadow:var(--hud-shadow-float)}.hud-killfeed__entry.exit{animation:slideOutRight .3s ease forwards}.hud-killfeed__entry--bounty{border-color:var(--hud-gold-bright)!important;background:#2a1a0ad9!important}.hud-killfeed__entry--system{border-color:#c90!important;color:#fc0}.hud-streak{position:absolute;top:25%;left:50%;transform:translate(-50%);text-align:center;z-index:var(--hud-z-overlay);pointer-events:none}.hud-streak__text{font-family:var(--hud-font-display);font-size:var(--hud-fs-hero);color:var(--hud-gold-bright);text-shadow:0 0 20px rgba(255,215,0,.6),0 2px 4px rgba(0,0,0,.8);animation:popIn .4s ease}.hud-zone-warning{position:absolute;top:10%;left:50%;transform:translate(-50%);text-align:center;z-index:var(--hud-z-overlay);pointer-events:none;animation:pulse 1.5s ease infinite}.hud-zone-warning__text{font-family:var(--hud-font-display);font-size:var(--hud-fs-xxl);color:var(--hud-danger);text-shadow:0 0 12px rgba(255,82,82,.5),0 2px 4px rgba(0,0,0,.8)}.hud-chain-timer{position:absolute;top:40%;left:50%;transform:translate(-50%);text-align:center;z-index:var(--hud-z-overlay);pointer-events:none}.hud-chain-timer__text{font-family:var(--hud-font-primary);font-size:var(--hud-fs-xl);font-weight:700;color:#8cf;text-shadow:0 0 8px rgba(136,204,255,.5)}.hud-chain-timer__bar{width:120px;height:4px;margin-top:var(--hud-gap-xs);border-radius:2px;background:#ffffff26;overflow:hidden}.hud-chain-timer__fill{height:100%;background:#8cf;transition:width .1s linear}.hud-minimap{width:112px;height:112px;border-radius:var(--hud-radius-panel);position:relative;overflow:hidden;pointer-events:auto;border:1px solid rgba(126,167,197,.12);opacity:.88}.hud-minimap canvas{width:100%;height:100%}.hud-leaderboard{width:192px;max-height:240px;overflow:hidden;pointer-events:auto;transition:max-height var(--hud-transition-fast);background:var(--hud-glass-bg);border:1px solid var(--hud-glass-border);border-radius:var(--hud-radius-panel);backdrop-filter:blur(var(--hud-glass-blur));-webkit-backdrop-filter:blur(var(--hud-glass-blur));box-shadow:var(--hud-shadow-panel)}.hud-leaderboard.collapsed{max-height:84px;opacity:.92}.hud-leaderboard.collapsed .hud-leaderboard__tabs{display:none}.hud-leaderboard__header{display:flex;align-items:center;justify-content:space-between;padding:7px 10px 6px;cursor:pointer;font-family:var(--hud-font-primary);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--hud-gold-light);border-bottom:1px solid var(--hud-hairline)}.hud-leaderboard__chevron,.hud-leaderboard__count{color:var(--hud-text-muted);font-size:10px;margin-left:auto}.hud-leaderboard__chevron{margin-left:6px}.hud-leaderboard__tabs{display:flex;gap:2px;padding:0 5px 5px}.hud-leaderboard__tabs .hud-btn{padding:2px 0;font-size:9px;line-height:1}.hud-leaderboard__list{padding:0 5px 6px;display:flex;flex-direction:column;gap:1px}.hud-leaderboard__row{display:flex;align-items:center;gap:4px;padding:3px 4px;font-size:11px;border-radius:2px;transition:background var(--hud-transition-fast),transform var(--hud-transition-fast)}.hud-leaderboard__row:hover{background:#ffffff0b;transform:translate(1px)}.hud-leaderboard__row.self{background:#d4a0171a;border:1px solid rgba(212,160,23,.2)}.hud-leaderboard__row.bounty{animation:goldPulse 2s ease infinite}.hud-death{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(70% 60% at 50% 42%,rgba(71,18,20,.28),transparent 72%),#02070de0;backdrop-filter:blur(6px) saturate(.7);-webkit-backdrop-filter:blur(6px) saturate(.7);z-index:var(--hud-z-modal);pointer-events:auto;animation:fadeIn .3s ease;overflow-y:auto;box-sizing:border-box;padding:var(--hud-gap-sm);gap:var(--hud-gap-xs)}.hud-death__panel{position:relative;width:min(680px,96vw);max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:24px 26px 20px;background:radial-gradient(130% 90% at 50% 0%,rgba(60,22,22,.4),transparent 55%),var(--hud-glass-strong);border:1px solid var(--hud-glass-border-lit);border-radius:18px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 34px 90px #0000009e,0 0 54px #6318181f,inset 0 1px #ffffff0f;animation:panelArrive .36s cubic-bezier(.2,.75,.25,1) both}.hud-death__panel:before{content:"";position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,120,120,.5),transparent)}.hud-death__header{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.hud-death__title{font-family:var(--hud-font-display);font-size:clamp(1.7rem,4vw,2.4rem);color:var(--hud-danger);text-shadow:0 0 12px rgba(255,82,82,.3),0 2px 0 rgba(59,16,12,.8);flex-shrink:0}.hud-death__killer{font-family:var(--hud-font-primary);font-size:clamp(.72rem,1.4vw,.84rem);line-height:1.35;color:#ffedd1ad;overflow:hidden}.hud-death__inline-row{display:flex;align-items:center;gap:var(--hud-gap-sm)}.hud-death__inline-row--spread{justify-content:space-between}.hud-death__section-label{font-size:9px;font-weight:700;color:var(--hud-text-muted);text-transform:uppercase;letter-spacing:.08em;flex-shrink:0;min-width:48px}.hud-death__footer{display:flex;align-items:center;gap:var(--hud-gap-sm);padding-top:var(--hud-gap-md);border-top:1px solid var(--hud-hairline)}.hud-death__hint{font-family:var(--hud-font-primary);font-size:var(--hud-fs-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--hud-text-muted);margin-left:auto;text-align:right}.hud-death__btn--secondary{flex:0 0 auto;background:#ffffff0a;border:1px solid var(--hud-glass-border);color:var(--hud-gold-light);box-shadow:none;text-shadow:none}.hud-death__btn--secondary:hover{background:#f0cd821a;border-color:var(--hud-glass-border-lit)}.hud-death__stats{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.hud-death__stat{text-align:center;padding:12px 8px;border:1px solid var(--hud-glass-border);border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.045),transparent 52%),#ffffff06;box-shadow:inset 0 1px #ffffff0a;min-width:0}.hud-death__stat-value-row{display:inline-flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap}.hud-death__stat-value{font-size:var(--hud-fs-lg);font-weight:700;color:var(--hud-gold-bright)}.hud-death__new-best{font-size:8px;font-weight:700;color:gold;letter-spacing:.06em;white-space:nowrap;text-shadow:0 0 6px rgba(255,215,0,.5);animation:newBestGlow 1.2s ease-in-out infinite}.hud-death__stat-label{font-size:clamp(.5rem,1.2vw,.6rem);color:var(--hud-text-secondary);text-transform:uppercase;letter-spacing:.06em}@keyframes newBestGlow{0%,to{opacity:.85;text-shadow:0 0 8px rgba(255,215,0,.55)}50%{opacity:1;text-shadow:0 0 14px rgba(255,215,0,.9)}}.hud-death__btn{flex:1 1 auto;padding:13px 24px;font-family:var(--hud-font-display);font-size:clamp(1.3rem,2.6vw,1.6rem);letter-spacing:.04em;text-transform:uppercase;color:var(--hud-cta-ink);background:var(--hud-cta-grad);border:1px solid rgba(255,224,145,.7);border-radius:11px;cursor:pointer;pointer-events:auto;text-shadow:0 1px 0 rgba(255,246,214,.45);box-shadow:0 1px #fff5d28c inset,0 -6px 12px #784e0c59 inset,0 10px 22px #8c60125c;transition:background var(--hud-transition-fast),transform var(--hud-transition-fast),box-shadow var(--hud-transition-fast)}.hud-death__btn:hover{background:var(--hud-cta-grad-hover);transform:translateY(-1px);box-shadow:0 1px #fff8dcb3 inset,0 -6px 12px #784e0c4d inset,0 14px 30px #a06e1675}.hud-death__btn:active{transform:translateY(1px) scale(.99)}.hud-death__btn:focus-visible,.hud-death__setup-toggle:focus-visible,.hud-death__subtoggle:focus-visible,.hud-death__ability-card:focus-visible,.hud-death__secondary-action:focus-visible{outline:2px solid rgba(255,224,145,.95);outline-offset:3px}.hud-death__secondary-action{min-height:38px;padding:8px 16px;border:1px solid rgba(214,184,122,.16);border-radius:999px;background:#08101dad;color:#f5e6c3c7;font-family:var(--hud-font-primary);font-size:var(--hud-fs-sm);font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;box-shadow:0 8px 24px #0000004d;transition:color var(--hud-transition-fast),border-color var(--hud-transition-fast),background var(--hud-transition-fast),transform var(--hud-transition-fast)}.hud-death__secondary-action:hover{color:var(--hud-gold-light);border-color:var(--hud-glass-border-lit);background:#f0cd8217;transform:translateY(-1px)}.hud-death__secondary-action:active{transform:translateY(0) scale(.98)}.hud-death__setup-toggle{width:100%;padding:12px 14px;font-family:var(--hud-font-primary);font-size:var(--hud-fs-md);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--hud-gold-light);background:#ffffff09;border:1px solid var(--hud-glass-border);border-radius:10px;cursor:pointer;transition:transform var(--hud-transition-fast),background var(--hud-transition-fast),border-color var(--hud-transition-fast)}.hud-death__setup-toggle:hover{transform:translateY(-1px);background:#f0cd821a;border-color:var(--hud-glass-border-lit)}.hud-death__setup-toggle.is-expanded{border-color:var(--hud-glass-border-lit);background:#f0cd8214}.hud-death__setup-toggle.is-expanded{box-shadow:0 0 18px #d4a01738}.hud-death__setup-body{width:100%;display:flex;flex-direction:column;gap:12px}.hud-death__swatches{width:100%;justify-content:center}.hud-death__loadout-heading{display:flex;align-items:center;gap:8px}.hud-death__ability-count{font-size:clamp(.5rem,1.2vw,.6rem);color:var(--hud-gold-bright)}.hud-death__subtoggle{padding:6px 12px;border-radius:999px;border:1px solid rgba(240,205,130,.28);background:#f0cd8214;color:var(--hud-gold-light);font-family:var(--hud-font-primary);font-size:var(--hud-fs-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:transform var(--hud-transition-fast),border-color var(--hud-transition-fast),background var(--hud-transition-fast)}.hud-death__subtoggle:hover,.hud-death__subtoggle.is-expanded{transform:translateY(-1px);border-color:#ffe091b3;background:#ffd67a24}.hud-death__selected-loadout{display:flex;flex-wrap:wrap;gap:6px}.hud-death__loadout-pill,.hud-death__loadout-empty{padding:5px 9px;border-radius:999px;border:1px solid rgba(255,222,146,.18);background:#ffffff0a;font-family:var(--hud-font-primary);font-size:clamp(.7rem,1.3vw,.78rem);color:#ffecc6d6}.hud-death__loadout-empty{color:#ffecc69e}.hud-death__loadout-body{display:flex;flex-direction:column}.hud-death__abilities{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hud-death__ability-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;background:#09101bbd;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--hud-text-primary);cursor:pointer;transition:transform var(--hud-transition-fast),border-color var(--hud-transition-fast),opacity var(--hud-transition-fast),background var(--hud-transition-fast)}.hud-death__ability-card:hover{transform:translateY(-1px);border-color:#d4a01780}.hud-death__ability-card.selected{background:#4a3416d1;border-color:var(--hud-gold);box-shadow:0 0 18px #d4a01729}.hud-death__ability-card:not(.selected){opacity:.72}.hud-death__ability-icon{display:flex;align-items:center;justify-content:center;min-height:28px}.hud-death__ability-icon svg{width:22px;height:22px}.hud-death__ability-name{font-size:clamp(.55rem,1.3vw,.7rem);font-weight:700;text-align:center}.hud-death__ability-desc{min-height:0;font-size:clamp(.5rem,1.1vw,.6rem);color:var(--hud-text-secondary);text-align:center;line-height:1.2}.hud-death__ability-cd{font-size:clamp(.5rem,1.1vw,.6rem);color:var(--hud-gold-bright)}@media(max-width:680px){.hud-death__stats,.hud-death__abilities{grid-template-columns:repeat(2,minmax(0,1fr))}}.hud-achievement-toast-container{position:fixed;top:var(--hud-gap-xl);right:var(--hud-gap-xl);display:flex;flex-direction:column;align-items:flex-end;gap:var(--hud-gap-sm);pointer-events:none;z-index:var(--hud-z-toast)}.hud-achievement-toast{width:min(360px,calc(100vw - 32px));display:flex;align-items:center;gap:var(--hud-gap-md);padding:14px 16px;color:var(--hud-text-primary);background:#0d121ceb;border:1px solid rgba(255,215,0,.5);border-radius:12px;box-shadow:0 14px 28px #00000073,inset 0 0 0 1px #ffffff0a;-webkit-backdrop-filter:blur(var(--hud-glass-blur));backdrop-filter:blur(var(--hud-glass-blur));pointer-events:auto;animation:achievementSlideIn .32s cubic-bezier(.2,.8,.2,1) forwards}.hud-achievement-toast.hiding{animation:achievementSlideOut .32s ease forwards}.hud-achievement-toast__icon{flex:0 0 auto;width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-size:28px;line-height:1;text-shadow:0 0 14px rgba(255,215,0,.35)}.hud-achievement-toast__body{min-width:0}.hud-achievement-toast__label{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--hud-gold-bright)}.hud-achievement-toast__name{margin-top:4px;font-family:var(--hud-font-display);font-size:var(--hud-fs-xl);color:var(--hud-text-primary)}.hud-achievement-toast__desc{margin-top:4px;font-size:var(--hud-fs-sm);line-height:1.35;color:var(--hud-text-secondary)}@keyframes achievementSlideIn{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@keyframes achievementSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(120%)}}.hud-modal-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;z-index:var(--hud-z-modal);pointer-events:auto;animation:fadeIn .2s ease}.hud-modal{width:min(90vw,460px);max-height:80vh;overflow-y:auto;padding:var(--hud-gap-xl);animation:popIn .3s ease}.hud-modal__title{font-family:var(--hud-font-display);font-size:var(--hud-fs-xxl);color:var(--hud-gold-bright);margin-bottom:var(--hud-gap-md)}.hud-modal__close{position:absolute;top:var(--hud-gap-sm);right:var(--hud-gap-sm);width:28px;height:28px;border-radius:var(--hud-radius-circle);display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1}.hud-controls{pointer-events:auto;max-width:240px}.hud-controls__row{display:flex;justify-content:space-between;padding:2px 0;font-size:clamp(.5rem,1.2vw,.65rem);border-bottom:1px solid rgba(255,255,255,.03)}.hud-controls__key{font-weight:700;color:var(--hud-gold);min-width:50px}.hud-controls__action{color:var(--hud-text-secondary)}.hud-chat{position:absolute;bottom:150px;right:var(--hud-gap-sm);width:220px;z-index:var(--hud-z-base);pointer-events:auto}.hud-chat__messages{max-height:160px;overflow-y:auto;padding:var(--hud-gap-sm);font-size:var(--hud-fs-xs);display:flex;flex-direction:column;gap:2px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.hud-chat__input-row{display:flex;border-top:1px solid var(--hud-glass-border)}.hud-chat__hint{padding:0 var(--hud-gap-sm) var(--hud-gap-xs);color:var(--hud-text-muted);font-size:var(--hud-fs-xs);text-transform:uppercase;letter-spacing:.06em}.hud-chat__input{flex:1;padding:var(--hud-gap-xs) var(--hud-gap-sm);background:transparent;border:none;color:var(--hud-text-primary);font-family:var(--hud-font-body);font-size:var(--hud-fs-sm);outline:none}.hud-chat__input::placeholder{color:var(--hud-text-muted)}.hud-spectator{position:absolute;top:var(--hud-gap-md);left:50%;transform:translate(-50%);text-align:center;z-index:var(--hud-z-overlay);pointer-events:auto;animation:fadeIn .3s ease}.hud-spectator__label{font-size:var(--hud-fs-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--hud-text-muted);margin-bottom:var(--hud-gap-xs)}.hud-spectator__name{font-size:var(--hud-fs-lg);font-weight:700}.hud-team-score{position:absolute;top:50px;left:50%;transform:translate(-50%);display:flex;gap:var(--hud-gap-md);z-index:var(--hud-z-base)}.hud-team-score__team{text-align:center;min-width:60px}.hud-team-score__value{font-size:var(--hud-fs-xxl);font-weight:700}.hud-team-score__label{font-size:var(--hud-fs-xs);text-transform:uppercase;color:var(--hud-text-secondary)}.hud-compass{position:absolute;inset:0;pointer-events:none;z-index:var(--hud-z-base)}.hud-compass__arrow{position:absolute;width:12px;height:12px;transition:transform .1s linear}.hud-compass__arrow--bounty{width:16px;height:16px;filter:drop-shadow(0 0 4px rgba(255,215,0,.6))}.hud-dmg-number{position:absolute;font-family:var(--hud-font-primary);font-weight:700;font-size:var(--hud-fs-md);text-shadow:0 1px 3px rgba(0,0,0,.8);pointer-events:none;animation:fadeIn .1s ease;white-space:nowrap}.hud-ping{display:flex;align-items:center;gap:3px}.hud-ping__bars{display:flex;align-items:flex-end;gap:1px;height:12px}.hud-ping__bar{width:3px;border-radius:1px;background:var(--hud-text-muted);transition:background var(--hud-transition-color)}.hud-ping__bar.active{background:var(--hud-success)}.hud-wind{display:flex;align-items:center;gap:var(--hud-gap-xs)}.hud-wind__arrow{transition:transform .3s ease;display:flex;align-items:center}.hud-wind__arrow svg{width:12px;height:12px}#mobile-controls{position:fixed;right:0;bottom:0;left:0;display:block;padding:6px;padding-right:max(6px,env(safe-area-inset-right,0px));padding-bottom:max(6px,env(safe-area-inset-bottom,0px));padding-left:max(6px,env(safe-area-inset-left,0px));pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(3,8,15,.12) 22%,rgba(3,8,15,.46) 100%)}.mobile-controls--landing-hidden{display:none!important}.mobile-controls__row{width:min(100%,480px);margin:0 auto;display:grid;grid-template-columns:auto auto auto;align-items:end;justify-content:space-between;gap:clamp(4px,2vw,10px)}.mobile-controls__fire,.mobile-controls__movement,.mobile-controls__actions{pointer-events:auto}.mobile-controls__fire,.mobile-controls__movement{display:flex;flex-direction:column;align-items:center}.mobile-controls__fire{gap:2px}.mobile-controls__fire-sides,.mobile-controls__ability-group{display:flex;align-items:center;justify-content:center;gap:4px}.mobile-controls__actions{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px}#mobile-controls button{appearance:none;-webkit-appearance:none;box-sizing:border-box;border:1px solid rgba(224,184,102,.28);color:var(--hud-text-primary);background:#080f19d1;backdrop-filter:blur(10px) saturate(.9);-webkit-backdrop-filter:blur(10px) saturate(.9);box-shadow:0 8px 20px #00000047,inset 0 1px #ffffff0e;font-family:var(--hud-font-primary);font-weight:700;letter-spacing:.05em;touch-action:manipulation;user-select:none;-webkit-user-select:none;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;transition:transform 90ms ease,filter var(--hud-transition-fast),border-color var(--hud-transition-fast),box-shadow var(--hud-transition-fast)!important}.mobile-controls__fire-btn{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;line-height:1}.mobile-controls__fire-btn [data-mobile-fire-icon]{color:var(--hud-brass-lit);text-shadow:0 0 8px rgba(240,205,130,.28)}.mobile-controls__ammo,.mobile-controls__ability,.mobile-controls__ability-next{display:flex;align-items:center;justify-content:center}.mobile-controls__ammo{padding:4px 10px;border-radius:12px;color:var(--hud-gold-light)}.mobile-controls__ability{position:relative;overflow:hidden;flex-direction:column;border-radius:13px;color:var(--hud-text-primary)}.mobile-controls__ability-next{border-radius:13px;color:var(--hud-gold-light);font-size:24px;line-height:1}.mobile-controls__helm{position:relative;border:1px solid rgba(224,184,102,.34);background:radial-gradient(circle,rgba(240,205,130,.045) 0 36%,transparent 37%),#070e18b8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);touch-action:none;user-select:none;-webkit-user-select:none}.mobile-controls__helm:before,.mobile-controls__helm:after{content:"";position:absolute;top:50%;left:50%;pointer-events:none;background:#f0cd821f;transform:translate(-50%,-50%)}.mobile-controls__helm:before{width:54%;height:1px}.mobile-controls__helm:after{width:1px;height:54%}.mobile-controls__helm-knob,.mobile-controls__helm-center{position:absolute;top:50%;left:50%;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%)}.mobile-controls__helm-knob{border:1px solid rgba(255,220,120,.72);background:#c5912cad;box-shadow:0 3px 12px #00000059,inset 0 1px #fff4c852;transition:transform 60ms linear}.mobile-controls__helm-center{background:#ffedb0eb;box-shadow:0 0 8px #ffd65a73}#mobile-controls button:active{transform:translateY(1px) scale(.96);filter:brightness(1.18)}#mobile-controls button:focus-visible{outline:2px solid rgba(255,224,145,.95);outline-offset:2px}.hud-emote-trigger{position:fixed;right:max(10px,env(safe-area-inset-right,0px));bottom:calc(114px + env(safe-area-inset-bottom,0px));z-index:54;min-width:44px;min-height:34px;padding:5px 9px;border-radius:999px;border-color:#d6b87a2e;background:#070e18a8;color:#f5e6c3c2;font-size:10px;letter-spacing:.08em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@media(max-width:768px),(pointer:coarse){.hud-top-bar{min-height:36px;padding:max(3px,env(safe-area-inset-top,0px)) max(6px,env(safe-area-inset-right,0px)) 3px max(6px,env(safe-area-inset-left,0px));gap:3px;background:linear-gradient(180deg,#07101cbd,#07101c47);border-bottom-color:#ffffff09}.hud-top-bar__section{gap:4px}.hud-top-bar__mute{min-width:38px;min-height:32px;padding:6px}.hud-top-bar__stat{font-size:clamp(.5rem,1.2vw,.6rem);gap:2px}.hud-top-bar__stat svg{width:10px;height:10px}.hud-health{width:92px;height:9px;border-radius:5px}.hud-health__fill{border-radius:5px}.hud-health__text{font-size:clamp(.4rem,1vw,.5rem)}.hud-killfeed{max-width:150px;top:98px;right:var(--hud-gap-xs)}.hud-killfeed__entry{font-size:10px;padding:2px 4px;border-radius:3px}.hud-leaderboard{display:none!important}.hud-minimap{width:60px;height:60px;border-radius:50%;position:absolute;top:38px;right:var(--hud-gap-xs);bottom:auto;cursor:pointer;opacity:.86;box-shadow:0 8px 24px #00000047}.hud-tutorial__skip{top:calc(40px + env(safe-area-inset-top,0px));left:max(10px,env(safe-area-inset-left,0px));right:auto;min-width:48px;min-height:40px;padding:7px 11px}.hud-tutorial__banner{bottom:calc(116px + env(safe-area-inset-bottom,0px));width:min(340px,calc(100% - 24px));gap:3px;padding:9px 14px;border-radius:12px;animation:none;box-shadow:0 10px 28px #00000059}.hud-tutorial__step{font-size:9px}.hud-tutorial__text{font-size:14px;line-height:1.3}.hud-chat{display:none}.hud-bottom-bar{display:none!important}.hud-modal{width:calc(100vw - 28px);max-height:calc(100dvh - 28px);padding:18px 16px}.hud-modal__close{top:6px;right:6px;width:44px;height:44px}.hud-spectator{top:40px}.hud-spectator__label{margin-bottom:2px}.hud-achievement-toast-container{top:42px;right:72px;left:8px;align-items:stretch}.hud-achievement-toast{width:auto;gap:8px;padding:8px 10px}.hud-achievement-toast__icon{width:28px;height:28px;font-size:20px}.hud-achievement-toast__label{font-size:8px}.hud-achievement-toast__name{margin-top:2px;font-size:14px}.hud-achievement-toast__desc{display:none}.hud-landing{padding:12px}.hud-landing__panel{width:100%;max-height:calc(100dvh - 24px);gap:11px;padding:22px 20px 16px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.hud-landing__title{font-size:clamp(1.45rem,9vw,2.25rem)}.hud-landing__input{min-height:46px;padding:11px 14px;font-size:16px}.hud-landing__start{min-height:50px;padding:11px 18px}.hud-landing__toggle{min-height:44px}.hud-death{padding:8px}.hud-death__panel{width:100%;max-height:calc(100dvh - 16px);gap:10px;padding:18px 16px 14px;overscroll-behavior:contain}.hud-death__stat{padding:9px 6px}.hud-death__footer{gap:6px;padding-top:8px}.hud-death__btn{min-height:50px;padding:10px 16px}.hud-death__secondary-action{min-height:44px}.hud-streak__text{font-size:var(--hud-fs-xxl)}.hud-zone-warning__text{font-size:var(--hud-fs-lg)}}@media(max-width:560px){.hud-landing__loop{grid-template-columns:repeat(2,minmax(0,1fr))}.hud-class-cards{grid-template-columns:minmax(0,1fr)}.hud-class-card__hero{align-items:stretch}.hud-class-card__art{width:82px}.hud-death__footer,.hud-death__inline-row--spread{flex-wrap:wrap}}@media(max-width:400px){.hud-killfeed{max-width:140px}.hud-health{width:80px;height:8px}.hud-minimap{width:54px;height:54px}}@media(orientation:landscape)and (max-height:500px)and (pointer:coarse){#mobile-controls{padding-top:4px;background:linear-gradient(180deg,transparent 0%,rgba(3,8,15,.32) 100%)}.mobile-controls__row{width:min(100%,720px);gap:5px}.mobile-controls__fire,.mobile-controls__actions{flex-direction:row;gap:4px}.mobile-controls__fire-sides{display:contents}.hud-emote-trigger{bottom:calc(94px + env(safe-area-inset-bottom,0px))}.hud-tutorial__banner{bottom:calc(100px + env(safe-area-inset-bottom,0px));width:min(460px,calc(100% - 180px));padding:6px 12px}.hud-tutorial__skip{top:40px}.hud-minimap{top:38px;width:52px;height:52px}.hud-killfeed{top:94px}.hud-landing{padding:6px}.hud-landing__panel{width:min(620px,100%);max-height:calc(100dvh - 12px);gap:7px;padding:12px 18px 10px;border-radius:14px}.hud-landing__subtitle,.hud-landing__loop,.hud-landing__meta,.hud-landing__version{display:none}.hud-landing__title{font-size:1.45rem}.hud-landing__input,.hud-landing__start,.hud-landing__toggle{min-height:42px}.hud-landing__start{font-size:1.25rem;padding:7px 16px}.hud-death__panel{width:min(720px,100%);max-height:calc(100dvh - 12px);gap:7px;padding:12px 16px 10px}.hud-death__header{gap:2px}.hud-death__title{font-size:1.45rem}.hud-death__stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.hud-death__stat{padding:6px 4px}.hud-death__btn{min-height:42px;font-size:1.2rem;padding:7px 14px}.hud-death__secondary-action{min-height:40px}}@media(min-width:769px)and (max-width:1024px){.hud-health{width:150px;height:12px}.hud-leaderboard{width:150px}}@media(prefers-reduced-motion:reduce){.hud-landing:before,.hud-landing__panel,.hud-landing__title,.hud-death,.hud-death__panel,.hud-death__new-best,.hud-leaderboard__row.bounty{animation:none!important}#hud-root *,#mobile-controls button{scroll-behavior:auto!important;transition-duration:.01ms!important}}