.page.hob-page{--pv:clamp(12px,2vw,20px);padding:var(--pv) clamp(14px,3vw,32px)}.panel.hob-panel{max-width:1240px;min-height:calc(100vh - 2*var(--pv));min-height:calc(100svh - 2*var(--pv));flex-direction:column;padding:clamp(14px,1.8vw,22px);display:flex}@media (min-width:981px){.panel.hob-panel{height:max(calc(100vh - 2*var(--pv)),640px);height:max(calc(100svh - 2*var(--pv)),640px);min-height:0}}.hob-panel .topbar{flex-wrap:wrap;justify-content:flex-start;gap:6px 16px;margin-bottom:12px}.hob-panel .topbar h2{margin:0;font-size:1.6rem;line-height:1.2}.hob-panel .topbar p{color:var(--ink-soft);flex:1;min-width:260px;margin:0;font-size:.95rem;line-height:1.4}@media (max-height:760px) and (min-width:981px){.page.hob-page{--pv:10px}.panel.hob-panel{padding:14px 18px}.hob-panel .topbar{margin-bottom:8px}.hob .card{padding:12px 16px}.hob .chead,.hob .tabs{margin-bottom:6px}}body.hob-lock{overflow:hidden}.hob .ot-body{flex:1;min-height:0;display:flex}.hob h2,.hob h3,.hob p,.hob ol,.hob figure{margin:0}.hob button:focus-visible,.hob .pin:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.hob .filters{margin:0}.hob .loaderr{color:var(--ink-soft);padding:24px}.hob .slot.has-img{border:1px solid var(--line);background:#e9e2d8;padding:0}.hob .slot.has-img img{object-fit:cover;width:100%;height:100%;display:block}.hob .grid{flex:1;grid-template-rows:minmax(350px,1fr) auto;grid-template-columns:repeat(12,1fr);gap:14px;min-height:0;display:grid}.hob .c-music{grid-column:span 5}.hob .c-ot{grid-column:span 7}.hob .c-photo{grid-column:1/-1}@media (max-width:980px){.hob .grid{grid-template-rows:none}.hob .c-music,.hob .c-ot{grid-column:1/-1}}.hob .card{border:1px solid var(--line);opacity:0;background:#ffffffb3;border-radius:12px;flex-direction:column;min-width:0;min-height:0;padding:16px 18px;transition:opacity .5s,transform .5s;display:flex;transform:translateY(10px)}.hob .card.in{opacity:1;transform:none}.hob .chead{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.hob .kind{color:var(--accent);font-size:.82rem;font-weight:600}.hob .card h3.t{font-size:1.25rem;line-height:1.25}.hob .xbtn{border:1px solid var(--line);width:34px;height:34px;color:var(--ink);cursor:pointer;background:#ffffffa6;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.hob .xbtn:hover{background:#fff}.hob .xbtn svg{width:16px;height:16px}.hob .lbl{color:var(--ink-soft);margin:0 0 6px;font-size:.8rem;font-weight:600}.hob .sample{color:var(--ink-soft);border:1px dashed var(--line);white-space:nowrap;border-radius:999px;padding:1px 9px;font-size:.74rem;font-style:italic;display:inline-block}.hob .chip{font:inherit;border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff9;border-radius:999px;padding:6px 14px;font-size:.88rem;font-weight:600;line-height:1.4}.hob .chip:hover{background:#fff}.hob .chip[aria-pressed=true],.hob .chip[aria-selected=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.hob .chip.sm{padding:4px 10px;font-size:.78rem}.hob .chip .ic{vertical-align:-2px;margin-right:6px;display:inline-flex}.hob .chip .ic svg{width:14px;height:14px}.hob .filters{flex-wrap:wrap;gap:6px;display:flex}.hob .tabs{margin-bottom:10px}.hob .chips{flex-wrap:wrap;gap:6px;display:flex}.hob .tagc{background:#14233a14;border-radius:999px;padding:4px 11px;font-size:.85rem}.hob .tagc .ic{color:#2f6b4a;vertical-align:-1px;margin-right:5px;display:inline-flex}.hob .tagc .ic svg{width:12px;height:12px}.hob .slot{aspect-ratio:4/3;border:2px dashed var(--line);text-align:center;color:var(--ink-soft);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px;display:flex;position:relative;overflow:hidden}.hob .slot-ic svg{opacity:.6;width:22px;height:22px;display:block}.hob .slot-l{font-size:.72rem;font-style:italic;line-height:1.2}.hob figure.tile{transition:transform .15s}.hob figure.tile:hover{transform:translateY(-2px)}.hob figcaption{color:var(--ink-soft);margin-top:5px;font-size:.78rem;line-height:1.3}.hob figcaption b{color:var(--ink);font-weight:600;display:block}.hob figure.tile.pop{animation:.35s hob-pop}@keyframes hob-pop{0%{opacity:0;transform:scale(.95)}}.hob .pane{min-height:0}.hob .rangebar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.hob .cols{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:520px){.hob .cols{grid-template-columns:1fr}}.hob .rank{gap:5px;padding:0;list-style:none;display:grid}.hob .rank li{align-items:center;gap:8px;min-width:0;display:flex}.hob .rank .n{text-align:right;width:12px;color:var(--ink-soft);flex:none;font-size:.74rem}.hob .rank .av{object-fit:cover;color:#fff;text-shadow:0 1px 2px #00000040;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:.78rem;font-weight:700;display:grid}.hob .rank .av.sq{border-radius:7px}.hob .rank .av.empty{background:#14233a14}.hob .rank .tx a{color:inherit;text-decoration:none}.hob .rank .tx a:hover{text-decoration:underline}.hob .rank .tx{min-width:0;font-size:.85rem;line-height:1.2}.hob .rank .tx b,.hob .rank .tx i{white-space:nowrap;text-overflow:ellipsis;font-style:normal;font-weight:600;display:block;overflow:hidden}.hob .rank .tx i{color:var(--ink-soft);font-size:.75rem;font-weight:400}.hob .perf{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:12px;display:grid}.hob .perf img{aspect-ratio:1;object-fit:cover;border:1px solid var(--line);background:#e9e2d8;border-radius:10px;width:100%;display:block}@media (min-width:981px){.hob .c-music .music-body,.hob .c-music .pane:not([hidden]){flex-direction:column;flex:1;min-height:0;display:flex}.hob .c-music .perf:not(.big){flex:1;grid-template-rows:minmax(0,1fr);min-height:84px;max-height:240px}.hob .c-music .perf:not(.big) img{aspect-ratio:auto;height:100%}}.hob .perf.big{columns:3 220px;column-gap:14px;margin:0;display:block}.hob .perf.big img{aspect-ratio:auto;break-inside:avoid;height:auto;margin-bottom:14px}.hob .rec-slot{aspect-ratio:auto;flex-direction:row;gap:8px;min-height:64px}.hob .rec-slot .slot-l{font-size:.8rem}.hob .rec{flex-direction:column;align-items:stretch;gap:8px;min-width:0;display:flex}.hob .rec-tx{flex-direction:column;gap:2px;min-width:0;font-size:.85rem;line-height:1.3;display:flex}.hob .rec-tx span{color:var(--ink-soft);font-size:.8rem}.hob .rec-audio{width:100%;height:36px;display:block}.hob .rec .chip{align-self:flex-start;text-decoration:none}.hob .rec.big .rec-tx{font-size:1rem}.hob .rec.big .rec-tx span{font-size:.92rem}.hob .rec.big .rec-audio{height:44px}.hob .ot-layout{flex:1;gap:14px;min-height:0;display:flex}.hob .ot-side{flex-direction:column;flex:none;gap:8px;width:176px;min-height:0;display:flex;overflow:auto}.hob .stat{border:1px solid var(--line);background:#ffffffa6;border-radius:10px;padding:6px 12px 7px}.hob .stat .big{color:var(--ink);font-size:1.75rem;font-weight:700;line-height:1.1}.hob .stat .cap{color:var(--ink-soft);font-size:.76rem;line-height:1.3}.hob .stat .cap em{font-size:.7rem}.hob .bars{height:var(--h);grid-template-columns:repeat(12,1fr);gap:2px;margin-top:6px;display:grid}.hob .bar{grid-template-rows:1fr auto;gap:2px;min-width:0;display:grid}.hob .bar .col{align-items:flex-end;display:flex}.hob .bar u{text-align:center;color:var(--ink-soft);font-size:.55rem;text-decoration:none}.hob .bar i{background:linear-gradient(#d9743a,var(--accent));transform-origin:bottom;border-radius:2px 2px 0 0;width:100%;transition:transform .8s cubic-bezier(.2,.8,.2,1);display:block;transform:scaleY(0)}.hob .bars.on .bar i{transform:scaleY(1)}.hob .ot-side .tabs{flex-wrap:nowrap;margin:2px 0 0}.hob .ot-side .tabs .chip{text-align:center;flex:1;padding:6px 8px}.hob .ot-side .chip.sm{padding:3px 8px;font-size:.74rem}.hob .below-world .count{display:none}@media (max-height:760px) and (min-width:981px){.hob .ot-side .bars{display:none}}.hob .below{flex-direction:column;align-items:flex-start;gap:7px;display:flex}.hob .tog{text-align:left;width:100%}.hob .count{color:var(--ink-soft);font-size:.82rem;line-height:1.35}.hob .count b{color:var(--ink)}.hob .legend{color:var(--ink-soft);align-items:center;gap:6px;font-size:.76rem;display:inline-flex}.hob .sw{background:#14233a1a;border:1px solid #14233a4d;border-radius:3px;width:12px;height:12px;margin-left:6px;display:inline-block}.hob .sw.v{background:var(--accent);border-color:var(--accent);margin-left:0}.hob .stage{border:1px solid var(--line);background:#fff6;border-radius:10px;flex:1;min-width:0;min-height:240px;position:relative;overflow:hidden}@media (max-width:980px){.hob .ot-layout{flex-direction:column}.hob .ot-side{flex-flow:wrap;align-items:flex-start;width:auto;overflow:visible}.hob .ot-side .tabs{flex-direction:row;width:100%}.hob .below{flex-flow:wrap;align-items:center;width:100%}.hob .tog{width:auto}.hob .stage{aspect-ratio:975/610;flex:none;min-height:0}}.hob .view{opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.hob .view.on{opacity:1;pointer-events:auto}.hob .usmap{width:100%;height:100%;display:block}.hob .st{fill:#14233a1a;stroke:#14233a52;stroke-width:1px;vector-effect:non-scaling-stroke;transition:fill .2s}.hob .st:hover{fill:#14233a33}.hob .st.v{fill:var(--accent)}.hob .st.v:hover{fill:#cf6a2e}.hob .show-parks .st:hover{fill:#14233a1a}.hob .show-parks .st.v:hover{fill:var(--accent)}.hob .pins{opacity:0;pointer-events:none;transition:opacity .4s .25s}.hob .show-parks .pins{opacity:1;pointer-events:auto}.hob .pin{cursor:pointer;outline:none}.hob .pin .hit{fill:#0000}.hob .pin .dot{fill:var(--ink);stroke:var(--paper);stroke-width:1.4px;transition:fill .2s}.hob .pin .tree{fill:var(--paper);pointer-events:none}.hob .pin:hover .dot,.hob .pin:focus-visible .dot{fill:#2c4468;stroke:#fff}.hob .globe{touch-action:pan-y;cursor:grab;width:100%;height:100%;display:block}.hob .globe.grab{cursor:grabbing}.hob .globe~.mini{background:#fff8f0d9;border-radius:999px;padding:2px 9px}.hob .gzoom{flex-direction:column;gap:6px;display:flex;position:absolute;bottom:10px;right:10px}.hob .gzoom button{border:1px solid var(--line);width:32px;height:32px;color:var(--ink);cursor:pointer;background:#fff8f0e6;border-radius:8px;place-items:center;padding:0;font:600 1.1rem/1 inherit;display:grid}.hob .gzoom button:hover{background:#fff}.hob .gzoom button:disabled{opacity:.4;cursor:default}.hob .mini{color:var(--ink-soft);pointer-events:none;font-size:.74rem;position:absolute;bottom:8px;left:12px}.hob .tip{z-index:3;pointer-events:none;background:var(--ink);color:#fff;white-space:nowrap;opacity:0;border-radius:8px;padding:5px 10px;font-size:.8rem;font-weight:600;transition:opacity .15s;position:absolute;transform:translate(-50%,-125%);box-shadow:0 8px 20px #14233a4d}.hob .tip.on{opacity:1}.hob .tip small{opacity:.75;font-size:.7rem;font-weight:400;display:block}.hob .c-photo{flex-direction:row;align-items:center;gap:20px}.hob .c-photo .chead{flex-direction:column;flex:none;align-items:flex-start;gap:8px;width:150px;margin:0}.hob .photo-body{flex:1;grid-template-columns:1.2fr 1.25fr 1fr;align-items:start;gap:18px;min-width:0;display:grid}.hob .fav{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.hob .fav .slot{aspect-ratio:1}.hob .fav .slot-l,.hob .cams .slot-l{display:none}.hob .cams{grid-template-columns:1fr 1fr;gap:8px;display:grid}.hob .cams .slot{aspect-ratio:2.1}.hob .cams figcaption{margin-top:4px}.hob .cats{flex-direction:column;align-self:center;align-items:flex-start;gap:8px;display:flex}@media (max-width:980px){.hob .c-photo{flex-direction:column;align-items:stretch}.hob .c-photo .chead{flex-direction:row;align-items:flex-start;width:auto}.hob .photo-body{grid-template-columns:1fr}.hob .fav{grid-template-columns:repeat(3,1fr)}}.hob .scrim{z-index:6;opacity:0;pointer-events:none;background:#14233a80;transition:opacity .3s;position:fixed;inset:0}.hob .scrim.on{opacity:1;pointer-events:auto}.hob .modal{z-index:7;opacity:0;pointer-events:none;background:#fff8f0f7;border-radius:14px;flex-direction:column;width:min(960px,100vw - 24px);max-height:min(90vh,820px);transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .3s;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-47%)scale(.97);box-shadow:0 24px 70px #14233a73}.hob .modal.on{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.hob .modal header{justify-content:space-between;align-items:flex-start;gap:14px;padding:clamp(16px,2.4vw,28px) clamp(18px,3vw,32px) 6px;display:flex}.hob .modal h2{margin:0 0 6px;font-size:1.9rem;line-height:1.15}.hob .modal .blurb{color:var(--ink-soft);max-width:62ch;line-height:1.5}.hob .mbody{padding:6px clamp(18px,3vw,32px) clamp(18px,3vw,30px);overflow:auto}.hob .mbody .sec{border-bottom:2px solid var(--ink);align-items:center;gap:10px;margin:22px 0 10px;padding-bottom:6px;font-size:1.05rem;display:flex}.hob .mbody .sec .sample{font-weight:400}.hob .mbody .filters{margin-bottom:12px}.hob .tiles5{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:10px;display:grid}.hob .tiles5 .stat .big{font-size:2.4rem}.hob .mbody-photo{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.hob .pcols{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:1fr 1fr;gap:18px;min-height:0;margin-top:8px;display:grid}.hob .pcol{flex-direction:column;min-height:0;display:flex}.hob .pcol-h{border-bottom:2px solid var(--ink);align-items:baseline;gap:10px;margin:0 0 10px;padding-bottom:6px;font-size:1.05rem;display:flex}.hob .pcol-h span{color:var(--ink-soft);font-size:.82rem;font-weight:400}.hob .pcol-list{overscroll-behavior:contain;flex-direction:column;flex:1;gap:26px;min-height:0;padding-right:6px;display:flex;overflow-y:auto}.hob .pcol-list:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.hob .ptile img{border:1px solid var(--line);background:#e9e2d8;border-radius:10px;width:100%;height:auto;display:block}.hob .ptile{flex:none}.hob .ptile button.zoom{height:auto;line-height:0}.hob .ptile figcaption{color:var(--ink);margin-top:6px;font-size:.88rem;font-weight:600;line-height:1.3}@media (max-width:719px){.hob .mbody-photo{display:block;overflow:auto}.hob .pcols{flex-direction:column;gap:26px;display:flex}.hob .pcol{min-height:auto}.hob .pcol-list{flex:none;padding-right:0;overflow:visible}}.hob button.zoom{border-radius:inherit;cursor:default;width:100%;height:100%;font:inherit;color:inherit;background:0 0;border:0;margin:0;padding:0;display:block}.hob button.zoom:focus-visible{outline-offset:-3px}.hob .slot.has-img button.zoom img{object-fit:cover;width:100%;height:100%;display:block}.hob .perf.big button.zoom{break-inside:avoid;height:auto;margin-bottom:14px}.hob .perf.big button.zoom img{margin:0}.hob .perf img{transition:filter .15s}.hob button.zoom:hover img{filter:brightness(1.06)}@media (prefers-reduced-motion:reduce){.hob .card,.hob .modal,.hob .scrim,.hob .view,.hob .pins,.hob .bar i,.hob figure.tile{transition:none!important;animation:none!important}.hob .card{opacity:1;transform:none}.hob .bar i{transform:scaleY(1)}}