@import url("../shared.css");
:root{--purple:#70a4ff;--purple-2:#356fd2;--purple-soft:rgba(53,111,210,.17);--purple-faint:rgba(53,111,210,.07)}
body{background:#020713}
.page-shell{background:linear-gradient(145deg,#020713,#07142b 70%,#01040a)}
.page-shell::after{background:rgba(48,108,220,.12)}
.eyebrow{color:#759cdf}
.visual::before{background:rgba(53,111,210,.08)}
.session-match-art{border-color:#182d50;background:linear-gradient(145deg,#071426,#020712 75%)}
.session-match-art::before{background-image:linear-gradient(rgba(112,164,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(112,164,255,.03) 1px,transparent 1px)}
.session-match-art .stage-bar{border-color:#142643;background:#030a16;color:#60799f}
.session-match-art .session-list{position:absolute;top:16%;left:5%;width:64%;overflow:hidden;border:1px solid #1c345a;border-radius:10px;background:#050d1c;box-shadow:0 24px 65px rgba(0,0,0,.42)}
.session-list>header{display:flex;height:48px;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #162b4b}.session-list>header strong{color:#c9d5e4;font-size:12px;font-weight:640}.session-list>header span{color:#60738d;font-size:11px}
.session-list article{position:relative;display:grid;min-height:70px;grid-template-columns:34px minmax(0,1fr) auto;gap:11px;align-items:center;padding:10px 14px;border-bottom:1px solid #13263f;color:#6d83a0}.session-list article:last-child{border-bottom:0}.session-list article>i{display:grid;width:32px;height:32px;border:1px solid #203d64;border-radius:8px;background:#091426;color:#7591b6;font-size:10px;font-style:normal;font-weight:680;place-items:center}.session-list article strong,.session-list article small{display:block}.session-list article strong{color:#9db0c8;font-size:12px;font-weight:610}.session-list article small{margin-top:4px;color:#58708d;font-size:11px}.session-list article>b{color:#8db6ff;font-size:11px;font-weight:690;opacity:0}
.session-list .matched-session{z-index:2;border-color:rgba(112,164,255,.54);background:linear-gradient(90deg,rgba(53,111,210,.16),rgba(53,111,210,.03));box-shadow:inset 3px 0 0 var(--purple),0 0 28px rgba(53,111,210,.1);animation:sessionFound 4.2s ease-in-out infinite}.session-list .matched-session>i{border-color:#4779c5;color:#bdd4ff}.session-list .matched-session strong{color:#edf4ff}.session-list .matched-session>b{animation:matchReveal 4.2s ease-in-out infinite}
.evidence-shot{position:absolute;right:5%;bottom:12%;z-index:5;width:42%;overflow:hidden;border:1px solid #254979;border-radius:10px;background:#050b18;box-shadow:0 24px 70px #000;transform:rotate(1.5deg)}.evidence-shot>header{padding:13px 14px;border-bottom:1px solid #173158}.evidence-shot>header strong,.evidence-shot>header small{display:block}.evidence-shot>header strong{color:#e0e8f3;font-size:12px;font-weight:630}.evidence-shot>header small{margin-top:4px;color:#657f9f;font-size:11px}.shot-ui{position:relative;height:128px;padding:20px;background:linear-gradient(145deg,#0b1b32,#040a14)}.shot-ui>i{display:block;width:42%;height:7px;border-radius:8px;background:#28476c}.shot-ui>span{display:inline-block;width:29%;height:55px;margin:20px 3% 0 0;border:1px solid #1d3b61;border-radius:5px;background:#071326}.scan-line{position:absolute;top:47px;right:0;left:0;z-index:4;height:1px;background:linear-gradient(90deg,transparent,var(--purple),transparent);box-shadow:0 0 13px var(--purple);animation:evidenceScan 4.2s ease-in-out infinite}
.match-path{position:absolute;top:48%;right:33%;left:40%;z-index:4;height:1px;background:linear-gradient(90deg,var(--purple),rgba(112,164,255,.16));box-shadow:0 0 10px rgba(112,164,255,.45);transform:rotate(9deg);transform-origin:left}.match-path::after{position:absolute;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--purple);box-shadow:0 0 15px var(--purple);content:"";animation:pathTravel 4.2s ease-in-out infinite}
@keyframes evidenceScan{0%,12%{top:47px;opacity:0}22%{opacity:1}62%{top:94%;opacity:1}72%,100%{top:94%;opacity:0}}@keyframes pathTravel{0%,48%{left:96%;opacity:0}58%{opacity:1}82%{left:0;opacity:1}92%,100%{left:0;opacity:0}}@keyframes sessionFound{0%,64%,100%{border-color:rgba(112,164,255,.2);box-shadow:inset 3px 0 0 rgba(112,164,255,.38)}76%,92%{border-color:rgba(112,164,255,.72);box-shadow:inset 3px 0 0 var(--purple),0 0 30px rgba(53,111,210,.2)}}@keyframes matchReveal{0%,68%,100%{opacity:0;transform:translateX(5px)}78%,94%{opacity:1;transform:none}}
@media(max-width:620px){.session-match-art .session-list{top:10%;left:2%;width:76%}.session-list article{min-height:62px;grid-template-columns:31px minmax(0,1fr);padding:8px 10px}.session-list article>b{display:none}.evidence-shot{right:1%;bottom:7%;width:49%}.shot-ui{height:105px;padding:15px}.shot-ui>span{height:43px}.match-path{right:35%;left:43%}}