:root{--panel:480px}
.grain{z-index:2}
.inspector{top:106px;bottom:auto;height:auto;max-height:calc(100dvh - 173px);overflow:hidden;background:#101c20f7;border:1px solid #b2d8c02b;border-radius:5px;animation:none!important;box-shadow:0 24px 100px #0007}
.inspector::before{content:"";position:absolute;inset:0 auto auto 0;width:35%;height:1px;background:linear-gradient(90deg,transparent,#bedecd,transparent);animation:card-scan 9s ease-in-out infinite;pointer-events:none;z-index:1}
.inspector[data-type=Anomaly]{--green:#d0b39a}
.inspector-top{height:46px;padding:0 24px;background:#142327;border-bottom-color:#adcab91f}
.inspector-top button{padding:13px 0;transition:color .2s,transform .2s}
.inspector-top button:hover{color:var(--green);transform:translateX(-3px)}
.inspector-scroll{min-height:0;scroll-behavior:smooth}
.identity{padding:23px 24px 21px;border-bottom:1px solid #b0cbbb1c;background:linear-gradient(110deg,#182b2b55,transparent)}
.record-meta{align-items:center;font-size:8px}
#signal-type{border:1px solid #9ec5b333;background:#8eaa9810;padding:5px 7px;border-radius:2px;letter-spacing:.12em}
#signal-status{font-size:7px;letter-spacing:.08em}
.identity h1{font:500 34px "Space Grotesk",sans-serif;margin:13px 0 9px;letter-spacing:-.04em}
.identity>p{line-height:1.7;font-size:8px;letter-spacing:.06em}
.transmission-player{margin:0;padding:0 24px 23px;background:#07101345}
.player-heading,.report-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;height:46px}
.player-heading h2,.report-heading h2{margin:0;font:9px "IBM Plex Mono",monospace;letter-spacing:.09em;font-weight:400;color:#bdcec4}
.player-heading h2 span,.report-heading h2 span{margin-right:10px;font-size:8px;color:#5f7d75}
.player-heading a{font:8px "IBM Plex Mono",monospace;letter-spacing:.03em;color:#8ba398;padding:8px 0}
.player-heading a:hover{color:var(--green)}
.transport{display:flex;align-items:center;gap:12px;height:59px;border:1px solid #9dcbb42b;border-bottom:0;background:#122124;padding:0 10px}
.transport button{display:grid;place-items:center;flex-shrink:0;min-width:32px;height:34px;padding:0;border-radius:2px;transition:background .2s,color .2s,transform .2s}
.transport button:hover{background:#294139;color:var(--green)}
.transport button:active{transform:scale(.91)}
.transport button:focus-visible{outline-offset:1px}
.transport svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:square}
.transport-play{width:39px!important;height:38px!important;background:#bdd9c1!important;color:#10261f;box-shadow:0 0 20px #bedcc01a}
.transport-play:hover{background:#d6eddb!important;color:#071710!important}
.transport-play:disabled{opacity:.45}
.transport-play svg{fill:currentColor;stroke:none;width:18px;height:18px}
.transport-play .icon-pause,.transport-spinner{display:none}
[data-state=playing] .icon-play,[data-state=buffering] .icon-play{display:none}
[data-state=playing] .icon-pause,[data-state=buffering] .icon-pause{display:block}
[data-state=loading] .icon-play{display:none}
[data-state=loading] .transport-spinner{display:block;width:15px;height:15px;border:1px solid #16332644;border-top-color:#163326;border-radius:50%;animation:transport-spin 1s linear infinite}
.transport-readout{margin-right:auto;min-width:100px;display:flex;flex-direction:column;gap:7px}
#transport-status{font:7px "IBM Plex Mono",monospace;letter-spacing:.08em;color:#8cb99f;white-space:nowrap}
.transport-readout>div{font:10px "IBM Plex Mono",monospace;letter-spacing:.01em;font-variant-numeric:tabular-nums}
.time-divider,#transport-duration{color:#69857b}
[data-state=playing] #transport-status:before{content:"";display:inline-block;width:3px;height:3px;background:#aaceb4;margin:0 6px 1px 0;box-shadow:0 0 8px #aacea2;animation:status-pulse 2.4s ease-in-out infinite}
.volume-controls{display:flex;align-items:center;gap:5px}
.volume-controls input{width:53px}
#transport-mute .sound-off{display:none}
#transport-mute[aria-pressed=true] .sound-off{display:block}
#transport-mute[aria-pressed=true] .sound-waves{display:none}
#transport-expand{border-left:1px solid #a4c6b327;border-radius:0;padding-left:7px;margin-left:0}
.transport input[type=range],.seek-track input{appearance:none;-webkit-appearance:none;border:0;border-radius:0;cursor:pointer;background:#4c665c;color:var(--green);height:2px;display:block;padding:0;margin:0;min-width:0}
.transport input[type=range]::-webkit-slider-thumb,.seek-track input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:7px;height:10px;background:var(--green);border:0;border-radius:1px}
.transport input[type=range]::-moz-range-thumb,.seek-track input::-moz-range-thumb{width:7px;height:10px;background:var(--green);border:0;border-radius:1px}
.seek-track{padding:6px 11px 12px;border-left:1px solid #9dcbb42b;border-right:1px solid #9dcbb42b;background:#122124}
.seek-track input{--progress:0%;--buffered:0%;width:100%;height:3px;background:linear-gradient(to right,#bfdbc0 0%,#bfdbc0 var(--progress),#5b7869 var(--progress),#5b7869 var(--buffered),#2d403b var(--buffered),#2d403b 100%)}
.seek-track input:disabled{cursor:default;opacity:.4}
.seek-track input:disabled::-webkit-slider-thumb{opacity:0}
.transmission-player .media{margin:0;aspect-ratio:16/9;min-height:200px;border:1px solid #9dcbb42b;background:#020709;position:relative;isolation:isolate}
.transmission-player .media>img{opacity:1;object-fit:contain;filter:none;transition:none}
.transmission-player #player iframe{display:block;width:100%;height:100%;min-height:200px;aspect-ratio:16/9;border:0}
.player-error{margin:0;border-left:1px solid #a4c6b327;border-right:1px solid #a4c6b327;background:#291e1a;color:#d1bca5;font-size:11px;line-height:1.6;padding:10px 12px}
[data-state=error] #transport-status{color:#c7a282}
[data-state=pending] .media>img{opacity:.65}
[data-state=pending] #transport-status{color:#ae9f87}
.field-report{margin:0;padding:0 24px 24px;border-top:1px solid #b0cbbb26;background:#12202370}
.report-heading{height:48px;border-bottom:1px solid #b0cbbb15}
.report-heading>span{font:7px "IBM Plex Mono",monospace;letter-spacing:.04em;color:#648176}
#signal-lore{font-size:13px;line-height:1.8;color:#b3c4bb;margin:17px 0 19px}
#signal-lore p{margin:0}
#signal-lore p+p{margin-top:1.2em}
.connected-records{margin-top:20px;border-top:1px solid #6e7d5f6b}
.connected-records h3{margin:0;padding:16px 0 9px;font:8px "IBM Plex Mono",monospace;letter-spacing:.11em;color:#a79875}
#signal-connections a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #6e7d5f38;text-decoration:none;transition:color .2s,background .2s}
#signal-connections a>span:first-child{min-width:0}
#signal-connections strong{display:block;font-size:12px;font-weight:500;color:#ccd2bd}
#signal-connections small{display:block;margin-top:5px;font:9px/1.6 "IBM Plex Mono",monospace;color:#93a18b;overflow-wrap:anywhere}
#signal-connections a>span:last-child{font-size:17px;color:#a79875;flex-shrink:0}
#signal-connections a:hover{background:#91a9820b}
#signal-connections a:hover strong{color:#e1e8ce}
#signal-facts{margin:0;border:1px solid #97bca125;padding:0;gap:0;background:#06151140;border-radius:2px}
#signal-facts>div{padding:12px 13px;min-height:59px}
#signal-facts>div+div{border-left:1px solid #97bca125}
#signal-facts dt{font-size:7px;margin-bottom:7px;color:#6e897d}
#signal-facts dd{font-size:9px;color:#bdd1c4}
.record-navigation{height:48px;margin:0;flex-shrink:0;background:#142227;padding:0 24px;border-color:#9fbcaa29}
.record-navigation button{height:100%;display:flex;align-items:center;font-size:8px;transition:color .2s}
.record-navigation button:hover{color:var(--green)}
.is-playing .inspector-top{border-bottom-color:#97c9ac66}
.is-playing:before{animation-duration:4.5s}
.motion-paused .inspector:before{animation-play-state:paused}
.transmission-player:fullscreen,.transmission-player.player-expanded{padding:0 30px 24px;background:#061011;width:100%;height:100%;display:flex;flex-direction:column;overflow:auto}
.transmission-player:fullscreen .player-heading,.transmission-player.player-expanded .player-heading{height:50px;flex-shrink:0}
.transmission-player:fullscreen .transport,.transmission-player.player-expanded .transport{flex-shrink:0}
.transmission-player:fullscreen .seek-track,.transmission-player.player-expanded .seek-track{flex-shrink:0}
.transmission-player:fullscreen .media,.transmission-player.player-expanded .media{margin:auto;flex-shrink:0;max-width:100%;width:min(100%,calc((100dvh - 165px)*16/9));height:auto}
.transmission-player:fullscreen .media>img,.transmission-player.player-expanded .media>img{position:absolute;inset:0}
.transmission-player.player-expanded{position:fixed;inset:0;z-index:100;margin:0}
@keyframes card-scan{0%,20%{transform:translateX(-110%);opacity:0}30%{opacity:.8}70%{opacity:.45}90%,100%{transform:translateX(390%);opacity:0}}
@keyframes transport-spin{to{transform:rotate(360deg)}}
@media(max-width:1150px){:root{--panel:420px}.identity,.field-report{padding-left:20px;padding-right:20px}.transmission-player{padding-left:20px;padding-right:20px}.transport{gap:9px}.volume-controls input{width:42px}.identity h1{font-size:31px}}
@media(max-width:800px){:root{--panel:370px}.transport{gap:7px;padding:0 8px}.transport-readout{min-width:85px}.volume-controls input{width:31px}.volume-controls{gap:2px}.identity h1{font-size:29px}.transmission-player{padding-left:14px;padding-right:14px}.report-heading h2,.player-heading h2{font-size:8px}.report-heading>span{font-size:6px}.record-navigation{padding:0 20px}}
@media(max-width:640px){.inspector{top:auto;bottom:43px;left:12px;right:12px;width:auto;height:55dvh;max-height:calc(100dvh - 150px)}.inspector-top{height:39px;padding:0 18px}.identity{padding:17px 18px}.identity h1{font-size:28px;margin:11px 0 8px}.record-meta{font-size:7px}#signal-type{padding:4px 6px}#signal-status{font-size:6px}.identity>p{font-size:7px}.transmission-player{padding:0 0 18px}.player-heading{padding:0 17px;height:41px}.transport{margin:0;border-left:0;border-right:0;padding:0 17px;gap:11px}.volume-controls input{width:43px}.transport-readout{min-width:91px}.seek-track{border-left:0;border-right:0;padding-left:18px;padding-right:18px}.transmission-player .media{border-left:0;border-right:0;min-height:200px}.field-report{padding:0 18px 18px}#signal-lore{font-size:12px}.report-heading{height:43px}.record-navigation{height:39px;padding:0 18px}.record-navigation button{font-size:7px}.has-selection .map-controls{bottom:calc(55dvh + 55px);right:18px}.transmission-player:fullscreen,.transmission-player.player-expanded{padding:0 12px 16px}.transmission-player:fullscreen .player-heading,.transmission-player.player-expanded .player-heading{padding:0}}
@media(max-width:360px){.transport{gap:7px;padding:0 12px}.transport-readout{min-width:84px}.volume-controls input{width:29px}#signal-status{font-size:5px}}
@media(prefers-reduced-motion:reduce){.inspector::before{animation:none}.inspector-scroll{scroll-behavior:auto}[data-state=loading] .transport-spinner{animation:transport-spin 1.5s linear infinite!important}[data-state=playing] #transport-status:before{animation:none}}

@media(min-width:801px) and (max-height:800px){
:root{--panel:440px}
.inspector-top{height:40px}
.identity{padding:13px 20px 14px}
#signal-type{padding:3px 6px}
.identity h1{font-size:29px;margin:8px 0 6px}
.identity>p{font-size:7px}
.transmission-player{padding:0 20px 15px}
.player-heading{height:31px}
.transport{height:49px}
.seek-track{padding-top:4px;padding-bottom:9px}
.record-navigation{height:40px}
.field-report{padding:0 20px 20px}
}