html[data-webgl=on] body.immersive{touch-action:none;overflow:hidden}html[data-webgl=on] .cv-shell{z-index:20;pointer-events:none;position:fixed;inset:0}html[data-webgl=on] .cv-shell [data-ui]{pointer-events:auto}html[data-webgl=on] .cv-head{pointer-events:none}.cv-head{position:absolute;top:5.4rem;left:1rem}.cv-actions{flex-direction:column;align-items:flex-end;gap:.6rem;display:flex;position:absolute;top:5.4rem;right:1rem}.cv-index{position:absolute;bottom:6.5rem;left:1rem}.cv-stations{position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%)}.cv-detail-win{width:min(26rem,100vw - 4rem);position:absolute;top:50%;right:2.5rem;transform:translateY(-46%)}.cv-detail-win:not([hidden]){animation:.32s steps(5,end) both win-in}@keyframes win-in{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}.cv-detail{display:none}.cv-detail.is-open{display:block}.idx-item.is-current span{color:#000}@media (width<=767px){.cv-head{top:4rem}.cv-hint,.cv-head .bin{display:none}.cv-actions{flex-direction:row;top:auto;bottom:5.8rem;right:1rem}.cv-shell.has-sel .cv-actions,.cv-shell.has-sel .cv-index,.cv-actions .btn-ghost{display:none}.cv-index{bottom:5.8rem}.cv-stations{left:1rem;right:1rem;transform:none}.cv-stations>div{justify-content:space-between}.cv-detail-win{width:auto;inset:auto 1rem 5.5rem;transform:none}.cv-details{max-height:42vh}}html:not([data-webgl=on]) .cv-shell{gap:1.5rem;max-width:48rem;margin:0 auto;padding:7rem 1rem 3rem;display:grid;position:relative}html:not([data-webgl=on]) .cv-shell>*{width:auto;position:static;transform:none}html:not([data-webgl=on]) .cv-hint,html:not([data-webgl=on]) .cv-stations,html:not([data-webgl=on]) .cv-index,html:not([data-webgl=on]) #detail-win .win-bar{display:none}html:not([data-webgl=on]) #detail-win{display:block}html:not([data-webgl=on]) .cv-details{max-height:none}html:not([data-webgl=on]) .cv-detail{border-bottom:1px solid var(--color-line);margin-bottom:1.5rem;padding-bottom:1.5rem;display:block}
