/* beta17 HUD detail pages and tappable HUD badges. Theme variables only. */
.b17 .b17-in{max-width:760px;margin:0 auto;padding:0 16px calc(110px + env(safe-area-inset-bottom));box-sizing:border-box}
.b17 .b17-hd{padding:4px 4px 0}.b17 .b17-hd .h1{margin:2px 0 0;overflow-wrap:anywhere}
.b17-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:12px;padding:12px 8px;text-align:center}
.b17-st b{display:block;font:900 22px/1.2 var(--f-b);color:var(--maroon);overflow-wrap:anywhere}.b17-st span{font:700 12px/1.3 var(--f-b);color:var(--ink-2)}
.b17-note{font:600 12.5px/1.45 var(--f-b);color:var(--ink-2);margin:10px 4px 0}
.b17-list{list-style:none;margin:12px 0 0;padding:4px 12px}.b17-empty{font:600 13px var(--f-b);color:var(--ink-2);margin:10px 0}
.b17-row{padding:10px 0;border-bottom:1px solid var(--line);min-width:0}.b17-row:last-child{border-bottom:0}
.b17-r1{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font:800 14px/1.3 var(--f-b);color:var(--ink)}.b17-r1 b{overflow-wrap:anywhere;min-width:0}
.b17-amt{margin-left:auto;font:900 15px var(--f-b);color:var(--maroon);white-space:nowrap}
.b17-r2,.b17-r3,.b17-r4{font:600 12px/1.45 var(--f-b);color:var(--ink-2);margin-top:3px;overflow-wrap:anywhere}.b17-r4 b{color:var(--ink)}
.b17-tag{display:inline-block;padding:1px 7px;border-radius:99px;font:800 10.5px/1.5 var(--f-b);border:1px solid var(--line);background:var(--parch);color:var(--ink)}
.b17-tag.partial{border-style:dashed}
.b17-mo{padding:8px 0}.b17-days{list-style:none;padding:0;margin:4px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px 10px;font:600 12.5px/1.5 var(--f-b);color:var(--ink)}
.b17-btn{display:flex;margin-top:14px;width:100%;box-sizing:border-box}
/* HUD badges are links now; four of them wrap to two rows on narrow screens instead of clipping. */
.s-map .ov .hud a.pill{color:var(--ink);text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.s-map .ov .hud a.pill:focus-visible{outline:3px solid var(--maroon);outline-offset:2px}
.s-map .ov .hud .gn small{font:800 10px/1 var(--f-b);color:var(--ink-2);margin-left:4px}
.s-prof .gn-focus{outline:3px solid var(--maroon);outline-offset:3px;scroll-margin-top:80px}
.scr.b17.tex{background:var(--parch)}
.s-map .ov{align-items:flex-start}
.s-map .ov .hud{flex-wrap:wrap!important;overflow:visible!important;row-gap:5px!important}
.s-map .ov .pill{flex:0 0 auto}
@media (max-width:479px){.s-map .ov .hud{display:grid!important;grid-template-columns:repeat(2,max-content);gap:5px!important}.s-map .ov .pill{height:32px;padding-right:9px;font-size:13px}.s-map .ov .pill .ic{width:22px;height:22px;font-size:13px}}
/* two HUD rows (set by map.js when the badges wrap): the festival strip moves down by one row */
.s-map.hud2 .fstrip{top:calc(96px + var(--hudx,0px) + var(--sat))}
@media (display-mode:standalone){#app>.scr.s-map.hud2 .fstrip{top:calc(58px + var(--hudx,0px) + var(--sat))}}