.hud-showcase{--hud-text:#f4fbff;--hud-muted:#8aa0ab;--hud-accent:#3ec6e0;--hud-gold:#ffe500;--hud-stroke:#2a2d33;--hud-teal:#5dcaa5;--hud-chrome:#14161a;color:var(--hud-text);font-family:Segoe UI,system-ui,sans-serif}.hud-showcase *{box-sizing:border-box}.hud-showcase p,.hud-showcase ol,.hud-showcase li,.hud-showcase header{margin:0;padding:0}.hud-showcase .hud-stage{background:radial-gradient(at 42% 48%,#1a3a22 0%,#0000 42%),radial-gradient(at 70% 30%,#16301c 0%,#0000 36%),linear-gradient(#102016 0%,#0a140e 100%);height:820px;position:relative;overflow:hidden}.hud-showcase .hud-stage:before{content:"";opacity:.45;pointer-events:none;background-image:linear-gradient(#50784612 1px,#0000 1px),linear-gradient(90deg,#50784612 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.hud-showcase .ability-bar{z-index:2;align-items:flex-end;gap:8px;display:none;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}@media (min-width:800px){.hud-showcase .ability-bar{display:flex}}.hud-showcase .ability-slot{background:#1a1d14;border:1px solid #3c4428;border-radius:4px;width:48px;height:48px;box-shadow:inset 0 0 0 1px #0006}.hud-showcase .ability-slot.is-sum{width:36px;height:36px;margin-bottom:6px}.hud-showcase .ability-slot.is-item{opacity:.85;width:32px;height:32px;margin-bottom:8px}.hud-showcase .minimap{z-index:2;background:radial-gradient(circle at 30% 70%,#2c6a3a 0 8%,#0000 9%),radial-gradient(circle at 72% 28%,#2c6a3a 0 7%,#0000 8%),linear-gradient(135deg,#16301c,#0e1c12 55%,#1a2818);border:2px solid #2a3320;border-radius:2px;width:168px;height:168px;display:none;position:absolute;bottom:10px;right:10px;box-shadow:0 0 0 1px #111}@media (min-width:800px){.hud-showcase .minimap{display:block}}.hud-showcase .minimap-label{letter-spacing:.1em;text-transform:uppercase;color:#e8eaed73;font-size:9px;position:absolute;top:6px;left:6px}.hud-showcase .hud-anchor{z-index:3;justify-content:center;display:flex;position:absolute;bottom:16px;left:12px;right:12px}@media (min-width:800px){.hud-showcase .hud-anchor{justify-content:flex-end;bottom:68px;right:190px}}.hud-showcase .hud-strip{pointer-events:auto;width:min(560px,100%)}.hud-showcase .hud-bar{border:1px solid var(--hud-stroke);background:var(--hud-chrome);cursor:pointer;border-radius:8px;align-items:center;gap:8px;height:48px;padding:0 8px 0 6px;display:flex;box-shadow:0 10px 24px #00000073}.hud-showcase .hud-bar:hover,.hud-showcase .hud-strip.is-open .hud-bar{border-color:#3a3e46}.hud-showcase .hud-next{flex:0 148px;align-items:center;gap:8px;min-width:0;display:flex}.hud-showcase .hud-next-icon{object-fit:cover;background:#000;border:1px solid #3a3e46;border-radius:4px;flex-shrink:0;width:30px;height:30px}.hud-showcase .hud-next-copy{min-width:0}.hud-showcase .hud-next-name{color:#e8eaed;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;line-height:1.2;overflow:hidden}.hud-showcase .hud-next-sub{color:#8a8f98;margin-top:1px;font-size:10px;line-height:1.2}.hud-showcase .hud-div{background:var(--hud-stroke);flex-shrink:0;width:1px;height:28px}.hud-showcase .hud-gold{flex-direction:column;flex:150px;justify-content:center;gap:4px;min-width:0;display:flex}.hud-showcase .hud-gold-track{background:#24262b;border-radius:3px;height:6px;position:relative;overflow:visible}.hud-showcase .hud-gold-fill{background:var(--hud-teal);border-radius:3px;height:100%}.hud-showcase .hud-gold-tick{background:#e8eaed;border-radius:1px;width:2px;height:12px;margin-left:-1px;position:absolute;top:-3px;box-shadow:0 0 0 1px #14161acc}.hud-showcase .hud-gold-nums{font-variant-numeric:tabular-nums;justify-content:space-between;gap:8px;font-size:10px;line-height:1.2;display:flex}.hud-showcase .hud-gold-comp{color:var(--hud-teal);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.hud-showcase .hud-gold-full{color:#8a8f98;white-space:nowrap}.hud-showcase .hud-path{flex:none;align-items:center;gap:4px;display:none}@media (min-width:640px){.hud-showcase .hud-path{display:flex}}.hud-showcase .gold-slot{background:#1c1e22;border:1px dashed #3a3e46;border-radius:3px;flex-shrink:0;width:20px;height:20px;overflow:hidden}.hud-showcase .gold-slot img{object-fit:cover;width:100%;height:100%;display:block}.hud-showcase .gold-slot.is-target{border:1.5px solid var(--hud-teal);opacity:1;background:#2a2d33}.hud-showcase .hud-rune{object-fit:cover;background:#0c0e11;border:1px solid #3a3e46;border-radius:50%;flex-shrink:0;width:22px;height:22px}.hud-showcase .hud-chevron{color:#8a8f98;flex-shrink:0;width:16px;height:16px;transition:transform .12s;display:block}.hud-showcase .hud-strip.is-open .hud-chevron{color:#e8eaed;transform:rotate(180deg)}.hud-showcase .hud-detail{border:1px solid var(--hud-stroke);background:var(--hud-chrome);text-align:left;border-radius:12px;width:min(276px,100%);margin:0 0 8px auto;padding:8px 8px 10px;display:none;box-shadow:0 16px 32px #00000073}.hud-showcase .hud-strip.is-open .hud-detail{display:block}.hud-showcase .chrome{align-items:center;gap:8px;min-height:28px;margin-bottom:8px;display:flex}.hud-showcase .brand{letter-spacing:.12em;text-transform:uppercase;color:var(--hud-muted);font-size:11px}.hud-showcase .chrome-end{align-items:center;gap:8px;margin-left:auto;display:flex}.hud-showcase .apex-badge{letter-spacing:.18em;text-transform:uppercase;color:var(--hud-gold);font-size:10px;font-weight:700}.hud-showcase .status{color:var(--hud-accent);font-size:11px}.hud-showcase .kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--hud-muted);margin-bottom:6px;font-size:10px}.hud-showcase .goal{align-items:flex-start;gap:10px;display:flex}.hud-showcase .goal-icon{background:#000;border-radius:6px;width:36px;height:36px}.hud-showcase .goal-name{font-size:14px;font-weight:600;line-height:1.25}.hud-showcase .source{color:var(--hud-muted);margin-top:3px;font-size:10px;line-height:1.35}.hud-showcase .confidence{color:var(--hud-teal);margin-top:4px;font-size:10px}.hud-showcase .gold-widget{background:#14161a;border:1px solid #2a2d33;border-radius:10px;width:100%;margin-top:10px;padding:10px}.hud-showcase .gold-widget-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.hud-showcase .gold-widget-kicker{color:#8a8f98;font-size:11px}.hud-showcase .gold-widget-pocket{color:#d8b04a;font-variant-numeric:tabular-nums;font-size:11px}.hud-showcase .gold-widget-item{align-items:center;gap:10px;margin-top:10px;display:flex}.hud-showcase .gold-widget-icon-box{background:#2a2d33;border:1px solid #3a3e46;border-radius:6px;width:40px;height:40px;overflow:hidden}.hud-showcase .gold-widget-icon-box img{object-fit:cover;width:40px;height:40px;display:block}.hud-showcase .gold-widget-name{color:#e8eaed;font-size:13px;font-weight:500}.hud-showcase .gold-widget-sub{color:#8a8f98;margin-top:2px;font-size:11px}.hud-showcase .gold-widget-meters{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.hud-showcase .gold-widget-meter{flex-direction:column;gap:5px;display:flex}.hud-showcase .gold-widget-meter-label{font-variant-numeric:tabular-nums;color:#6b6f78;font-size:11px}.hud-showcase .gold-widget-meter-label.is-buy{color:var(--hud-teal);font-weight:500}.hud-showcase .gold-widget-bar{background:#24262b;border-radius:4px;height:8px;overflow:hidden}.hud-showcase .gold-widget-fill{background:var(--hud-teal);border-radius:4px;height:100%}.hud-showcase .gold-widget-path-label{color:#6b6f78;margin-top:10px;font-size:10px}.hud-showcase .gold-widget-path{gap:6px;margin-top:6px;display:flex}.hud-showcase .gold-widget-path .gold-slot{border-radius:4px;width:30px;height:30px}.hud-showcase .comp-build{margin-top:8px}.hud-showcase .comp-build-kicker,.hud-showcase .rune-rec-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--hud-muted);font-size:9px}.hud-showcase .comp-build-status,.hud-showcase .rune-rec-meta{color:var(--hud-muted);margin-top:2px;font-size:10px;line-height:1.35}.hud-showcase .comp-build-path{flex-direction:column;gap:3px;margin:6px 0 0;padding:0;list-style:none;display:flex}.hud-showcase .comp-build-slot{background:#0c1014;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:8px;padding:5px 6px;display:flex}.hud-showcase .comp-build-slot.is-swap{background:#161c22;border-color:#f4fbff29}.hud-showcase .comp-build-icon{border-radius:4px;width:22px;height:22px}.hud-showcase .comp-build-name{font-size:11px;font-weight:600}.hud-showcase .comp-build-slot-meta{color:var(--hud-muted);font-size:9px;line-height:1.3}.hud-showcase .rune-rec{margin-top:8px}.hud-showcase .rune-rec-page{margin-top:2px;font-size:11px;font-weight:600}