.hud-surface{--edge: clamp(18px, 2.4vw, 38px);--gap: 12px;--radius: 2px;--panel: rgba(16, 22, 31, .58);--panel-strong: rgba(30, 39, 51, .86);--line: rgba(198, 214, 234, .22);--line-bright: rgba(226, 238, 252, .5);--text: #eef3fa;--text-dim: rgba(226, 238, 252, .6);--accent: #d9a441;--focus: #8fd0ff;--glow: 0 0 18px -2px rgba(163, 205, 255, .38);--bar-h: 46px;--bar-gap: 14px;color:var(--text);font-family:Bramante,Segoe UI,system-ui,-apple-system,sans-serif}.hud-surface a,.hud-surface button{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;cursor:pointer;transition:background-color .15s ease,border-color .2s ease,box-shadow .2s ease,color .15s ease}.hud-surface a:hover,.hud-surface button:hover:not(:disabled),.hud-surface a:focus-visible,.hud-surface button:focus-visible{border-color:var(--line-bright);box-shadow:var(--glow)}.hud-surface a:focus-visible,.hud-surface button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.hud-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.hud-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--gap);pointer-events:auto;flex:none;margin-bottom:var(--bar-gap)}.hud-user{justify-self:start;display:flex;align-items:center}.hud-avatar{position:relative;z-index:2;width:var(--bar-h);height:var(--bar-h);border-radius:50%;border:1px solid var(--line-bright);background:#0a0e15;object-fit:cover}.hud-login{margin-left:-16px;height:var(--bar-h);display:flex;align-items:center;padding:0 20px 0 30px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);font-size:13px;letter-spacing:.14em;max-width:34ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-balance{justify-self:end;height:var(--bar-h);display:flex;align-items:center;gap:10px;padding:0 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);font-size:22px;letter-spacing:.06em;font-variant-numeric:tabular-nums}.hud-coin{width:20px;height:20px;border-radius:50%;border:2px solid var(--accent)}.hud-tabs{justify-self:center;display:flex;gap:2px;padding:12px;margin:-12px}.hud-tab{position:relative;height:var(--bar-h);padding:0 26px;display:flex;align-items:center;border:1px solid transparent;border-radius:var(--radius);background:var(--panel);color:var(--text-dim);text-decoration:none;white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.hud-surface .hud-tab{font-size:16px;letter-spacing:.1em;text-transform:uppercase}.hud-tab:hover{background:var(--panel-strong);color:var(--text)}.hud-tab.is-active{background:var(--panel-strong);border-color:var(--line);color:var(--text)}.hud-tab.is-active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:34px;height:2px;background:var(--accent)}.hud-tab-warning{position:absolute;top:5px;right:7px;font-size:11px;line-height:1;color:var(--warn, #f5a524);pointer-events:none}@media(max-width:1220px){.hud-bar{grid-template-columns:minmax(0,auto) auto;grid-template-areas:"user balance" "nav nav";row-gap:var(--gap);justify-content:space-between}.hud-user,.hud-login{min-width:0}.hud-user{grid-area:user}.hud-balance{grid-area:balance}.hud-tabs{grid-area:nav;justify-self:stretch;overflow-x:auto;scrollbar-width:none;padding:12px 0;margin:-12px 0;max-width:100%}}@media(prefers-reduced-motion:reduce){.hud-surface a,.hud-surface button{transition:none}}.hud-screen-title{margin:0;font-size:clamp(15px,1.5vw,20px);font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:var(--accent);text-shadow:0 2px 18px rgba(0,0,0,.85)}.is-holo{--holo-edge: #8ec8ff;--holo-1: rgba(34, 78, 136, .96);--holo-2: rgba(28, 62, 108, .42);--holo-3: rgba(20, 44, 78, 0);--scan: repeating-linear-gradient( to bottom, rgba(190, 222, 255, .055) 0 1px, transparent 1px 3px );--spec: inset 0 1px 0 rgba(214, 236, 255, .22);--bloom: 0 0 24px -8px rgba(122, 190, 255, .6);--holo-surface: rgba(10, 15, 26, .9);--holo-card: rgba(26, 34, 49, .8);--holo-line: rgba(112, 162, 222, .22);--glow: 0 0 22px -4px rgba(140, 200, 255, .5);--line-bright: rgba(180, 220, 255, .62)}.is-holo .hud-tab{background:var(--scan),var(--panel);box-shadow:var(--spec)}.is-holo .hud-tab.is-active,.is-holo .hud-tab:hover{background:var(--scan),var(--panel-strong)}@media(min-width:1101px){.is-holo{perspective:1000px;perspective-origin:50% 50%}.is-holo .hud-bar,.is-holo .hud-tabs{transform-style:preserve-3d}.is-holo .hud-tab{transition:background-color .15s ease,border-color .2s ease,box-shadow .2s ease,color .15s ease,translate .22s cubic-bezier(.22,.7,.2,1);translate:0 0 0;will-change:translate}.is-holo .hud-tab:hover,.is-holo .hud-tab:focus-visible{translate:0 0 24px;box-shadow:var(--spec),0 0 30px -6px #96cdffbf}}@media(prefers-reduced-motion:reduce){.is-holo .hud-tab{transition:background-color .15s ease,border-color .2s ease,box-shadow .2s ease,color .15s ease}.is-holo .hud-tab:hover,.is-holo .hud-tab:focus-visible{translate:none}}.hud-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:9px;padding-bottom:10px;border-bottom:1px solid var(--line)}.hud-panel-head .hud-screen-title{min-width:0}.is-holo .hud-panel-head{border-bottom-color:var(--holo-line)}@keyframes hud-swap-in{0%{opacity:0;translate:0 6px}}@keyframes hud-swap-fade{0%{opacity:0}}.is-holo .is-placeholder,.is-holo [aria-disabled=true]{--holo-1: rgba(120, 134, 150, .4);--holo-2: rgba(90, 102, 116, .2);--holo-edge: rgba(160, 174, 190, .5)}