/* mod_programspanel v1.3.0 (build 2026-07-08) — Михмель А.В. */
.mp-panel{position:fixed;top:50%;right:0;transform:translateY(-50%);z-index:9999;
  display:flex;align-items:center;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.mp-toggle{writing-mode:vertical-rl;cursor:pointer;user-select:none;
  padding:14px 6px;margin-right:-1px;border:1px solid rgba(var(--mp-accent-rgb,0,229,255),.35);border-right:0;
  border-radius:8px 0 0 8px;background:rgba(8,20,35,.55);backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);color:var(--mp-accent,#19e5ff);
  font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;font-weight:600;
  line-height:1;letter-spacing:3px;text-shadow:0 0 8px rgba(var(--mp-accent-rgb,0,229,255),.6)}
.mp-toggle:hover{background:rgba(10,30,50,.75)}
.mp-wrap{background:rgba(8,20,35,.35);backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);border:1px solid rgba(var(--mp-accent-rgb,0,229,255),.25);border-right:0;
  border-radius:14px 0 0 14px;box-shadow:0 0 30px rgba(0,0,0,.35);
  transition:transform .4s,opacity .4s}
.mp-panel.mp-closed .mp-wrap{transform:translateX(105%);opacity:0;pointer-events:none;
  position:absolute;right:0}
.mp-head{padding:10px 14px 8px;
  font-family:ui-monospace,Menlo,Consolas,monospace;font-size:var(--mp-fs-head,11px);font-weight:var(--mp-fw-head,600);
  line-height:1;letter-spacing:2px;color:var(--mp-accent,#19e5ff);
  border-bottom:1px solid rgba(var(--mp-accent-rgb,0,229,255),.2);text-shadow:0 0 8px rgba(var(--mp-accent-rgb,0,229,255),.5)}
.mp-scroll{max-height:72vh;overflow-y:auto;scroll-snap-type:y proximity;
  padding:6px 12px;scrollbar-width:thin;scrollbar-color:rgba(var(--mp-accent-rgb,0,229,255),.4) transparent}
.mp-scroll::-webkit-scrollbar{width:4px}
.mp-scroll::-webkit-scrollbar-thumb{background:rgba(var(--mp-accent-rgb,0,229,255),.4);border-radius:2px}
.mp-scroll::-webkit-scrollbar-track{background:transparent}
.mp-card{display:block;position:relative;width:var(--mp-card-w,224px);aspect-ratio:16/10;margin:12px 0;
  border:1px solid rgba(var(--mp-accent-rgb,0,229,255),.3);border-radius:10px;overflow:hidden;
  opacity:.5;transform:perspective(900px) rotateY(-7deg) scale(.96);
  transform-origin:right center;
  transition:opacity .35s,transform .35s,border-color .35s,box-shadow .35s;
  scroll-snap-align:center;background:linear-gradient(160deg,#0c1a2b,#08111d);
  text-decoration:none;perspective:900px;
  animation:mpFly .5s cubic-bezier(.2,.7,.3,1) both;
  animation-delay:calc(var(--i,0)*70ms)}
.mp-card:hover,.mp-card.mp-active{opacity:1;
  transform:perspective(900px) rotateY(0) scale(1);
  border-color:rgba(var(--mp-accent-rgb,0,229,255),.85);
  box-shadow:0 0 22px rgba(var(--mp-accent-rgb,0,229,255),.35),inset 0 0 18px rgba(var(--mp-accent-rgb,0,229,255),.08)}
.mp-bg{position:absolute;inset:0;width:100%;height:100%;opacity:.85;z-index:1}
img.mp-bg{object-fit:cover;object-position:top center}
.mp-card::after{content:"";position:absolute;left:0;right:0;top:-20%;height:18%;z-index:2;
  background:linear-gradient(transparent,rgba(var(--mp-accent-rgb,0,229,255),.28),transparent);
  opacity:0;pointer-events:none}
.mp-card:hover::after,.mp-card.mp-active::after{opacity:1;animation:mpScan 2.4s linear infinite}
.mp-card::before{content:"";position:absolute;inset:0;z-index:3;opacity:0;pointer-events:none;
  background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(190,240,255,.22),transparent 55%);
  transition:opacity .25s}
.mp-card:hover::before{opacity:1}
.mp-card.mp-tilt{transition:opacity .35s,border-color .35s,box-shadow .35s,transform .08s ease-out}
.mp-flip{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.3,.7,.3,1)}
.mp-card.mp-flipped .mp-flip{transform:rotateY(180deg)}
.mp-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.mp-back{transform:rotateY(180deg);background:linear-gradient(160deg,#0e2033,#091524);
  padding:10px 12px;font-size:11px;line-height:1.45;color:#cfeeff;overflow:hidden}
.mp-badge{position:absolute;top:6px;left:8px;z-index:4;padding:2px 6px;border-radius:4px;
  font-family:ui-monospace,Menlo,Consolas,monospace;font-size:9px;font-weight:700;
  letter-spacing:1px;text-transform:uppercase;color:#04141f;
  background:var(--mp-accent,#19e5ff);
  box-shadow:0 0 10px rgba(var(--mp-accent-rgb,0,229,255),.6)}
.mp-peek{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(.94);z-index:10000;
  width:min(70vw,900px);pointer-events:none;opacity:0;transition:opacity .25s,transform .25s;
  border:1px solid rgba(var(--mp-accent-rgb,0,229,255),.6);border-radius:12px;overflow:hidden;
  box-shadow:0 0 60px rgba(0,0,0,.6),0 0 30px rgba(var(--mp-accent-rgb,0,229,255),.35);
  background:#08111d}
.mp-peek.mp-peek-on{opacity:1;transform:translate(-50%,-50%) scale(1)}
.mp-peek img{display:block;width:100%;height:auto}
.mp-peek-cap{padding:8px 12px;font-size:12px;font-weight:600;line-height:1.3;color:#dff6ff;
  border-top:1px solid rgba(var(--mp-accent-rgb,0,229,255),.25)}
.mp-panel.mp-left{right:auto;left:0;flex-direction:row-reverse}
.mp-panel.mp-left .mp-toggle{margin-right:0;margin-left:-1px;
  border:1px solid rgba(var(--mp-accent-rgb,0,229,255),.35);border-left:0;border-radius:0 8px 8px 0}
.mp-panel.mp-left .mp-wrap{border:1px solid rgba(var(--mp-accent-rgb,0,229,255),.25);border-left:0;
  border-radius:0 14px 14px 0}
.mp-panel.mp-left.mp-closed .mp-wrap{transform:translateX(-105%);right:auto;left:0}
.mp-panel.mp-left .mp-card{transform-origin:left center;
  transform:perspective(900px) rotateY(7deg) scale(.96);animation-name:mpFlyL}
.mp-panel.mp-left .mp-card:hover,.mp-panel.mp-left .mp-card.mp-active{
  transform:perspective(900px) rotateY(0) scale(1)}
@keyframes mpFlyL{from{opacity:0;transform:perspective(900px) translateX(-80px) rotateY(24deg) scale(.9)}
  to{opacity:.5;transform:perspective(900px) rotateY(7deg) scale(.96)}}
.mp-panel.mp-no-scan .mp-card::after{display:none}
.mp-panel.mp-no-fly .mp-card{animation:none}
.mp-num{position:absolute;top:6px;right:9px;z-index:4;
  font-family:ui-monospace,Menlo,Consolas,monospace;font-size:10px;font-weight:600;
  line-height:1;color:rgba(var(--mp-accent-rgb,0,229,255),.75);letter-spacing:1px;
  text-shadow:0 0 4px rgba(4,12,20,.9)}
.mp-title{position:absolute;left:0;right:0;bottom:0;z-index:4;padding:16px 10px 8px;
  font-size:var(--mp-fs-title,12px);font-weight:var(--mp-fw-title,600);line-height:1.25;color:#dff6ff;
  background:linear-gradient(transparent,rgba(4,12,20,.9));
  text-shadow:0 0 6px rgba(var(--mp-accent-rgb,0,229,255),.5)}
@media (max-width:1199px){.mp-scroll{max-height:60vh}}
@keyframes mpFly{from{opacity:0;transform:perspective(900px) translateX(80px) rotateY(-24deg) scale(.9)}
  to{opacity:.5;transform:perspective(900px) rotateY(-7deg) scale(.96)}}
@keyframes mpScan{from{top:-20%}to{top:105%}}
@media (prefers-reduced-motion:reduce){
  .mp-card,.mp-wrap,.mp-flip,.mp-peek{transition:none}
  .mp-card{animation:none}
  .mp-card:hover::after,.mp-card.mp-active::after{animation:none;opacity:0}}