.jplss{--bg:#07172f;--bg2:#10294c;--line:#2d4a70;--txt:#f5fbff;--muted:#bfd1e8;--blue:#8bd8ff;--glass:rgba(5,14,31,.68);font-family:inherit;color:var(--txt);background:linear-gradient(135deg,var(--bg2),var(--bg));border:1px solid var(--line);border-radius:8px;margin:20px 0;overflow:hidden;position:relative}
.jplss *{box-sizing:border-box}
.jsin{display:grid;gap:14px;padding:18px}
.jshd{align-items:flex-start;display:flex;gap:14px;justify-content:space-between}
.jshd small,.jsn,.jsm{color:var(--muted);font-size:12px;line-height:1.45}
.jplss h2{color:var(--txt);font-size:clamp(24px,4vw,36px);line-height:1.05;margin:4px 0 6px}
.jsp{border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:12px;font-weight:800;max-width:45%;overflow:hidden;padding:8px 12px;text-overflow:ellipsis;white-space:nowrap}
.jsm{display:grid;gap:3px;margin-top:12px}
.jsm b{color:var(--txt);font-size:13px}
.jss{background:radial-gradient(circle at 50% 46%,rgba(62,112,168,.34),rgba(7,22,47,.95) 62%,#041124);border:1px solid rgba(255,255,255,.1);border-radius:8px;min-height:clamp(360px,56vw,680px);overflow:hidden;position:relative;touch-action:none}
.jss canvas{display:block;height:100%;left:0;position:absolute;top:0;width:100%}
.jslab{background:rgba(6,17,36,.74);border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#fff;font-size:11px;font-weight:800;left:0;line-height:1;opacity:0;padding:6px 8px;pointer-events:none;position:absolute;top:0;transform:translate(-50%,-50%);transition:opacity .18s;z-index:2}
.jslab.on{opacity:1}
.jsload{align-items:center;color:var(--muted);display:flex;font-size:13px;height:100%;justify-content:center;left:0;padding:24px;position:absolute;text-align:center;top:0;width:100%;z-index:3}
.jsload.off{display:none}
.jsinfo{background:var(--glass);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.16);border-radius:8px;box-shadow:0 18px 50px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08);display:grid;gap:10px;opacity:.01;padding:14px;transform:translateY(8px);transition:opacity .22s,transform .22s}
.jsinfo[hidden]{display:none}
.jsinfo.on{opacity:1;transform:none}
.jsit{color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.jsinfo p{color:var(--muted);font-size:13px;line-height:1.5;margin:0}
.jsinfo dl{display:grid;gap:8px 12px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}
.jsinfo dt{color:#91b9dc;font-size:11px}
.jsinfo dd{color:#fff;font-size:13px;font-weight:800;margin:2px 0 0}
@media(max-width:800px){.jsin{padding:14px}.jshd{display:grid}.jsp{max-width:100%;width:max-content}.jplss h2{font-size:25px}.jss{min-height:430px}.jsinfo dl{grid-template-columns:1fr}}
