.site-row,.source-toggle,.thumb-nav,.thumb-strip .t,.rail-toggle,.tx-btn,.dimension-btn{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;outline:none}.site-row,.source-toggle{text-align:left}.thumb-nav,.rail-toggle,.tx-btn,.dimension-btn,.thumb-strip .t{display:inline-flex;align-items:center;justify-content:center}html,body{width:100%;height:100%;overflow:hidden}.container{width:100vw;height:100vh;height:100dvh;display:grid;grid-template-rows:28px 1fr;overflow:hidden}.header{display:flex;align-items:center;padding:0 8px;gap:10px;border-bottom:1px solid var(--hair);font-size:var(--fs-mini);overflow:hidden;opacity:.65}.title-logo{height:18px;width:18px;flex-shrink:0;background-color:currentColor;-webkit-mask-image:url(../../../lisa-logo.svg);mask-image:url(../../../lisa-logo.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.now-playing{flex:1;min-width:0;overflow:hidden;white-space:nowrap;-webkit-mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent)}.marquee-track{display:inline-flex;animation:marquee linear infinite}.marquee-track>span{white-space:nowrap;padding-right:4ch}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.dot{opacity:.4}.ctx{white-space:nowrap}.spacer{flex:1}.credit{font-family:var(--sans);font-size:var(--fs-micro);white-space:nowrap}.credit a{color:inherit;text-decoration:none}.credit a:hover{text-decoration:underline}.main-grid{display:grid;grid-template-columns:var(--col-right) 1fr;min-height:0;overflow:hidden}.gallery{order:2}.right-col{order:1}.sites-rail{width:var(--col-sites);flex-shrink:0;border-right:1px solid var(--hair);display:flex;flex-direction:column;min-height:0;overflow:hidden}.rail-label{padding:4px 8px;font-size:var(--fs-micro);opacity:.75;border-bottom:1px solid var(--hair);flex-shrink:0;white-space:nowrap}.sites-list{flex:1;overflow-y:auto;min-height:0;background:#0f0f0f}.sites-list::-webkit-scrollbar{width:3px}.sites-list::-webkit-scrollbar-track{background:var(--bg)}.sites-list::-webkit-scrollbar-thumb{background:#333}.site-row{cursor:pointer;border-bottom:1px solid var(--hair-2);display:grid;grid-template-columns:52px 1fr;gap:6px;padding:5px;align-items:stretch;width:100%;background:var(--bg)}.site-row:hover{background:#ffffff0a}.site-row.active{background:#ffffff14}.site-row .thumb{width:52px;height:40px;background:var(--surface);border:1px solid var(--hair);overflow:hidden;position:relative;flex-shrink:0}.site-row.active .thumb{border-color:#fff}.site-row .thumb img{width:100%;height:100%;object-fit:cover;opacity:.55}.site-row.active .thumb img{opacity:1}.site-row .thumb:after{content:"";position:absolute;top:3px;right:3px;width:4px;height:4px;border-radius:50%;background:#fff;opacity:0}.site-row.active .thumb:after{opacity:1}.site-row .info{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:1px}.site-row .idx{font-size:var(--fs-micro);font-family:var(--sans);opacity:.55}.site-row .name{font-size:var(--fs-mini);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.85}.site-row.active .name{opacity:1}.site-row .species{font-size:var(--fs-micro);opacity:.5;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery{background:#0f0f0f;overflow:hidden;min-height:0;display:flex;flex-direction:column}.hero-frame{position:relative;flex:1;min-height:0;overflow:hidden}.hero-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.gallery.fit .hero-img{object-fit:contain;object-position:center}.gal-ctrls{position:absolute;top:8px;left:8px;z-index:3;display:flex;gap:4px}.frost-top{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;gap:8px;padding:5px 10px;font-size:var(--fs-mini)}.thumb-row{flex-shrink:0;display:flex;align-items:center;gap:3px;padding:5px 8px;border-top:1px solid var(--hair);background:var(--bg)}.muted{opacity:.7}.mono{font-family:var(--sans)}.thumb-strip{flex:1;min-width:0;display:flex;gap:3px;overflow-x:auto;overflow-y:hidden;align-items:center;scrollbar-width:none}.thumb-strip::-webkit-scrollbar{display:none}.thumb-strip .t{width:58px;height:44px;flex-shrink:0;border:1px solid rgba(255,255,255,.2);overflow:hidden;cursor:pointer}.thumb-strip .t.active{border-color:#fff}.thumb-strip .t img{width:100%;height:100%;object-fit:cover}.thumb-nav{background:#1a1a1a99;border:1px solid rgba(255,255,255,.25);color:#fff;width:24px;height:44px;cursor:pointer;font-size:10px;padding:0;flex-shrink:0}.thumb-nav:hover{background:#ffffff26}.right-col{border-right:1px solid var(--hair);display:flex;flex-direction:column;min-height:0;overflow:hidden}.map-row{display:flex;flex:1;min-height:0;border-bottom:1px solid var(--hair)}.mobile-images,.mobile-view-ctrls{display:none}.right-map{position:relative;overflow:hidden;flex:1;min-width:0}.right-map #map-canvas,.right-map #map-canvas canvas{width:100%;height:100%;display:block;outline:none}.map-label{position:absolute;top:4px;left:6px;z-index:2;font-size:var(--fs-micro);opacity:.8;pointer-events:none}.map-ctrls{position:absolute;top:8px;right:8px;z-index:3;display:flex;gap:4px}.dimension-btn{background:transparent;border:1px solid rgba(255,255,255,.25);color:#fff;padding:0;width:28px;height:26px;font-size:12px;font-family:inherit;cursor:pointer}.dimension-btn.active{background:#fff;color:#000;border-color:#fff}.map-card{position:absolute;z-index:3;transform:translate(16px,-9px);pointer-events:none;background:var(--frost-bg);-webkit-backdrop-filter:var(--frost-blur);backdrop-filter:var(--frost-blur);border:1px solid var(--hair);border-radius:var(--border-radius);white-space:nowrap;overflow:hidden}.map-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 8px;border-bottom:1px solid var(--hair)}.map-card-title{font-size:var(--fs-mini);opacity:.9;white-space:nowrap}.map-card-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#555}.map-card-dot.playing{background:#df401d;animation:card-dot-pulse 1.4s ease-in-out infinite}@keyframes card-dot-pulse{0%,to{box-shadow:0 0 #df401d8c}70%{box-shadow:0 0 0 5px #df401d00}}.map-card .row{display:flex;align-items:stretch}.map-card .row+.row{border-top:1px solid var(--hair-2)}.map-card .k,.map-card .v{display:flex;align-items:center;padding:5px 8px}.map-card .k{width:56px;flex-shrink:0;font-size:var(--fs-micro);opacity:.55;border-right:1px solid var(--hair-2)}.map-card .v{font-size:var(--fs-mini)}.map-card .v i{font-style:italic}.right-meta{border-bottom:1px solid var(--hair);overflow:hidden;flex-shrink:0}.meta-name{padding:5px 8px;font-size:var(--fs-mini);line-height:1.35;border-bottom:1px solid var(--hair-2)}.data-table{width:100%;border-collapse:collapse;font-size:var(--fs-mini)}.data-table tr{border-top:1px solid var(--hair-2)}.data-table tr:first-child{border-top:none}.data-table td{padding:2px 8px}.data-table td:first-child{width:55px;font-size:var(--fs-micro);opacity:.55;border-right:1px solid var(--hair-2)}.right-waves{display:flex;flex-direction:column;flex:0 0 33vh;min-height:0;border-bottom:1px solid var(--hair);overflow:hidden}.waves-head{padding:3px 8px;font-size:var(--fs-micro);opacity:.75;border-bottom:1px solid var(--hair);flex-shrink:0;display:flex;justify-content:space-between;align-items:center}.waves-legend{display:flex;flex-wrap:wrap;gap:4px;padding:4px 6px;border-bottom:1px solid var(--hair-2);flex-shrink:0}.legend-chip{background:none;border:1px solid var(--hair);padding:2px 8px;margin:0;font:inherit;color:inherit;outline:none;display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-micro);cursor:pointer}.legend-chip:hover{background:#ffffff0d}.legend-chip:not(.active) span:not(.dot){opacity:.45}.legend-chip .dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;opacity:1}.combined-wrap{flex:1;min-height:0;position:relative;background:#0f0f0f}.combined-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.tx-btn{background:transparent;border:1px solid #444;color:#fff;width:28px;height:26px;cursor:pointer;font-size:12px;line-height:1;padding:0;flex-shrink:0}.tx-btn:hover{border-color:#fff}.tx-spin{display:inline-flex;animation:tx-spin .8s linear infinite}@keyframes tx-spin{to{transform:rotate(360deg)}}.progress-bar{flex:1;height:5px;background:#222;position:relative;cursor:pointer}.progress-fill{position:absolute;left:0;top:0;bottom:0;width:0%;background:#fff}.tx-time{font-family:var(--sans);font-size:var(--fs-micro);white-space:nowrap;opacity:.75}.right-footer{border-top:1px solid var(--hair);display:flex;flex-direction:column;flex-shrink:0}.status-meta{padding:5px 8px 0;font-size:var(--fs-micro);font-family:var(--sans);display:flex;align-items:center;gap:12px;opacity:.65;overflow:hidden}.transport{padding:5px 8px;display:flex;align-items:center;gap:8px}.admin-entry,.info-btn{flex-shrink:0;display:inline-flex;align-items:center;color:#fff;opacity:.65;background:none;border:none;padding:0;cursor:pointer}.admin-entry:hover,.info-btn:hover{opacity:1}.volume{position:relative;display:flex;flex-shrink:0}.vol-popover{position:absolute;bottom:100%;right:0;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 6px 8px;background:var(--frost-bg);-webkit-backdrop-filter:var(--frost-blur);backdrop-filter:var(--frost-blur);border:1px solid var(--hair);z-index:20}.vol-slider{writing-mode:vertical-lr;direction:rtl;width:5px;height:96px;accent-color:#fff;cursor:pointer}.vol-pct{font-size:var(--fs-micro);opacity:.75;min-width:18px;text-align:center}.tree-marker{display:flex;color:#fff;cursor:pointer}.tree-marker.active{color:#df401d;z-index:1}@media(max-width:768px){.main-grid{grid-template-columns:1fr}.main-grid>.gallery,.sites-rail,.credit{display:none}.right-col{border-right:none}.right-waves{flex:0 0 14vh}.map-card{left:12px!important;right:12px;top:48px!important;transform:none}.map-row{position:relative}.mobile-view-ctrls{display:flex;position:absolute;top:8px;left:8px;z-index:6}.mobile-images{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:4}.map-row.show-images .mobile-images{display:block}.mobile-images .gallery{display:flex;height:100%}.map-row.show-images .gal-ctrls{left:auto;right:8px}}