/* Динамика транзитных углов — вкладка страницы матча. Всё внутри .angmod */
@font-face{font-family:"AstrologyPro";src:url(/fonts/AstrologyPro.woff) format("woff");font-weight:400;font-style:normal;font-display:block}
.angmod{--h:"Proxima Nova","ProximaNova",Montserrat,"Helvetica Neue",Arial,sans-serif;--b:"Open Sans","Helvetica Neue",Arial,sans-serif;color:#2d242e;font:14px/1.55 var(--b)}
.angmod *{box-sizing:border-box}
.angmod [hidden]{display:none!important}
.ang-tipbox[hidden]{display:none!important}
.angmod table{display:table;width:100%}
.angmod tr{display:table-row}
.angmod td,.angmod th{display:table-cell}
.angmod .main{min-width:0;background:#fff;box-shadow:8px 7px 0 rgba(79,108,211,.3);padding:20px 22px}
.angmod .allblock{background:#fff;box-shadow:8px 7px 0 rgba(79,108,211,.3);padding:20px 22px;margin-top:28px}
.ang-load{padding:22px;background:#fff;color:#6f6573;font-size:14px}
.angmod{
  --band:#5d2691; --menu:#37284a; --sect:#4f6cd3; --glow:#7896ff; --acc:#5976dd; --acc2:#8e59dd;
  --bg:#f3f3f3; --ink:#2d242e; --muted:#6f6573; --line:#dcd8e0; --plate:#fff;
  --shadow:8px 7px 0 rgba(79,108,211,.3);
  --c-purple:#7d2fa6; --c-blue:#2d55c8; --c-lblue:#4fbfe9; --c-green:#3d9a57; --c-yellow:#f1cc34; --c-orange:#ef8a2a; --c-red:#d8363a;
  --home:#7495fc; --away:#e1578e;
  --h:"Proxima Nova",Montserrat,"Helvetica Neue",Arial,sans-serif;
  --b:"Open Sans","Helvetica Neue",Arial,sans-serif;
  color-scheme:light;
}
.angmod *{box-sizing:border-box}
.angmod [hidden]{display:none!important}
.ang-tipbox[hidden]{display:none!important}
.angmod .wrap{max-width:1240px;margin:0 auto;padding-inline:20px}
.angmod h1,.angmod h2,.angmod h3{font-family:var(--h);margin:0;text-wrap:balance;line-height:1.2}
.angmod .plate{background:var(--plate);box-shadow:var(--shadow);padding:22px 24px}
.angmod .sec-h{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.angmod .sec-h h2{font-size:21px;font-weight:800}
.angmod .sec-h .note{color:var(--muted);font-size:13px;max-width:70ch}
.angmod .tag{display:inline-block;font:700 10px/1 var(--h);letter-spacing:.1em;text-transform:uppercase;padding:5px 7px;background:#efe9f6;color:var(--band)}
.angmod .tag.draft{background:#fff3d6;color:#8a5a00}
.angmod .toolbar{display:flex;gap:10px 22px;flex-wrap:wrap;align-items:center;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.angmod .seg{display:inline-flex;border:1px solid var(--acc)}
.angmod .seg button{font:600 13px/1 var(--h);border:0;background:#fff;color:var(--acc);padding:9px 13px;cursor:pointer}
.angmod .seg button.on{background:var(--acc);color:#fff}
.angmod .seg button:focus-visible,.angmod .cell:focus-visible,.angmod .btn:focus-visible{outline:2px solid var(--acc2);outline-offset:2px}
.angmod .tb-l{font:700 11px/1 var(--h);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-right:8px}
.angmod label.chk{display:inline-flex;gap:6px;align-items:center;font-size:13px;cursor:pointer}
.angmod select{font:13px var(--b);padding:6px 8px;border:1px solid var(--line);background:#fff;color:var(--ink)}
.angmod .legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12.5px;margin-bottom:18px}
.angmod .legend span{display:inline-flex;align-items:center;gap:6px}
.angmod .legend i{width:16px;height:14px;display:inline-block}
.angmod .legend em{font-style:normal;color:var(--muted)}
.angmod .mx-scroll{overflow-x:auto;padding-bottom:4px}
.angmod .mx{display:grid;grid-template-columns:168px repeat(45,minmax(18px,1fr));min-width:1020px;font-variant-numeric:tabular-nums}
.angmod .mx .hd{font:600 10px/1 var(--b);color:var(--muted);text-align:center;padding:4px 0 5px;cursor:pointer;user-select:none}
.angmod .mx .hd.q{color:var(--ink);font-weight:700}
.angmod .mx .hd.sel{background:var(--ink);color:#fff}
.angmod .mx .team{grid-column:1/-1;display:flex;align-items:center;gap:10px;font:800 15px/1 var(--h);padding:14px 0 8px}
.angmod .mx .team .sw{width:12px;height:12px}
.angmod .mx .team small{font:400 12px var(--b);color:var(--muted)}
.angmod .mx .line{grid-column:1/-1;font:700 10px/1 var(--h);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:7px 0 3px;border-top:1px solid var(--line)}
.angmod .nm{font-size:13px;padding:0 8px 0 0;display:flex;align-items:center;justify-content:space-between;gap:4px;white-space:nowrap;height:22px;overflow:hidden}
.angmod .nm .ga{font:700 9px/1 var(--h);color:#fff;background:var(--c-purple);padding:3px 4px;letter-spacing:.04em}
.angmod .nm .sb{font-size:11px;color:var(--muted)}
.angmod .cell{height:22px;border:0;border-right:1px solid rgba(255,255,255,.55);border-bottom:1px solid rgba(255,255,255,.55);padding:0;cursor:pointer;position:relative;font:700 11px/22px var(--h);color:#fff;text-align:center}
.angmod .cell.q{border-right:2px solid #fff}
.angmod .cell.off{background:repeating-linear-gradient(135deg,#eceaef 0 4px,#f6f5f8 4px 8px);cursor:default}
.angmod .cell.sel{outline:2px solid var(--ink);outline-offset:-2px;z-index:2}
.angmod .cell.colsel{box-shadow:inset 0 0 0 99px rgba(255,255,255,.28)}
.angmod .c-purple{background:var(--c-purple)}
.angmod .c-blue{background:var(--c-blue)}
.angmod .c-lblue{background:var(--c-lblue)}
.angmod .c-green{background:var(--c-green)}
.angmod .c-yellow{background:var(--c-yellow);color:var(--ink)}
.angmod .c-orange{background:var(--c-orange)}
.angmod .c-red{background:var(--c-red)}
.angmod .ev{position:absolute;inset:2px;display:grid;place-items:center;background:#fff;color:var(--ink);font:800 10px/1 var(--h);box-shadow:0 0 0 2px var(--ink)}
.angmod .ev.card{background:#ffd400;box-shadow:0 0 0 1px var(--ink)}
.angmod .bang::after{content:"!";position:absolute;inset:0;color:#fff;font-weight:800}
.angmod .c-yellow.bang::after{color:var(--ink)}
.angmod .pulse{display:grid;grid-template-columns:168px repeat(45,minmax(18px,1fr));min-width:1020px;align-items:center;margin-top:6px}
.angmod .pulse .lab{font:700 10px/1.3 var(--h);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.angmod .pulse svg{grid-column:2/-1;width:100%;height:120px;display:block}
.angmod .detail{display:grid;grid-template-columns:1.1fr 1fr;gap:26px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.angmod .detail h3{font-size:17px;font-weight:800}
.angmod .detail .meta{color:var(--muted);font-size:12.5px;margin:4px 0 12px}
.angmod .hit{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:7px 0;border-bottom:1px dashed var(--line);font-size:13.5px}
.angmod .hit .g{font-size:17px;letter-spacing:2px;min-width:78px;font-family:"Segoe UI Symbol","Apple Symbols","Noto Sans Symbols 2",var(--b)}
.angmod .hit .o{font-variant-numeric:tabular-nums;color:var(--muted);font-size:12.5px}
.angmod .chip{display:inline-block;width:10px;height:10px;margin-right:6px;vertical-align:0}
.angmod .btn{display:inline-flex;gap:8px;align-items:center;margin-top:14px;font:700 13px/1 var(--h);background:var(--acc);color:#fff;border:0;padding:11px 15px;cursor:pointer;box-shadow:4px 4px 0 rgba(79,108,211,.3)}
.angmod .btn.ghost{background:#fff;color:var(--acc);border:1px solid var(--acc);box-shadow:none}
.angmod .dayasp{font-size:13px}
.angmod .dayasp div{padding:3px 0}
.angmod .good{color:#1f7a3e}
.angmod .bad{color:#b52a2e}
.angmod .minute-sum{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.angmod .minute-sum h4{margin:0 0 6px;font:800 13px/1.2 var(--h)}
.angmod .minute-sum ul{margin:0;padding:0;list-style:none;font-size:13px}
.angmod .minute-sum li{padding:2px 0;display:flex;gap:6px;align-items:center}
.angmod .steps{display:grid;grid-template-columns:repeat(5,1fr);gap:0;counter-reset:s}
.angmod .step{padding:16px 16px 18px;border-right:1px solid var(--line)}
.angmod .step:last-child{border-right:0}
.angmod .step .k{font:800 34px/1 var(--h);color:var(--acc);opacity:.35}
.angmod .step h3{font-size:14.5px;font-weight:800;margin:8px 0 6px}
.angmod .step p{margin:0;font-size:13px;color:#4a404d}
.angmod .step .v{margin-top:10px;font-size:13px;font-weight:600}
.angmod .qt-scroll{overflow-x:auto}
.angmod table.qt{border-collapse:collapse;width:100%;min-width:860px;font-size:13px}
.angmod .qt th{font:700 11px/1.2 var(--h);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:left;padding:8px 10px;border-bottom:2px solid var(--ink)}
.angmod .qt td{padding:7px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.angmod .qt td.t{font-variant-numeric:tabular-nums;white-space:nowrap}
.angmod .qt .gl{font-family:"Segoe UI Symbol","Apple Symbols","Noto Sans Symbols 2",var(--b)}
.angmod .cmp{display:grid;grid-template-columns:120px repeat(45,1fr) 92px;min-width:980px;gap:0;font-size:12.5px;align-items:center}
.angmod .cmp .rn{font-weight:600}
.angmod .cmp .rs{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.angmod .cmp i{height:13px;display:block;border-right:1px solid #fff}
.angmod .cmp .sc{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}
.angmod .cmp .gap{grid-column:1/-1;height:10px}
.angmod .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.angmod .cols h3{font-size:15px;font-weight:800;margin-bottom:8px}
.angmod .cols ul{margin:0;padding-left:18px}
.angmod .cols li{margin:4px 0}
.angmod code{font:12.5px/1.4 ui-monospace,Menlo,Consolas,monospace;background:#f1eef5;padding:1px 4px}
.angmod table.rules{border-collapse:collapse;width:100%;font-size:13px}
.angmod .rules td{padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.angmod .rules td:first-child{width:170px;font-weight:600;white-space:nowrap}
.angmod .flow{display:flex;flex-wrap:wrap;gap:0;margin:6px 0 4px}
.angmod .flow div{flex:1 1 150px;padding:12px 14px;background:#f6f4f9;border-left:3px solid var(--acc);margin:0 10px 10px 0;font-size:13px}
.angmod .flow b{display:block;font-family:var(--h);font-size:13px;margin-bottom:3px}
.angmod .warn{background:#fff6e0;border-left:4px solid #e7a500;padding:14px 18px;font-size:13.5px}
.angmod .qs li{margin:7px 0}
@media (max-width:900px){.angmod .detail,.angmod .minute-sum,.angmod .cols{grid-template-columns:1fr}
.angmod .steps{grid-template-columns:1fr 1fr}
.angmod .step{border-right:0;border-bottom:1px solid var(--line)}}
@media (max-width:520px){.angmod .steps{grid-template-columns:1fr}
.angmod .plate{padding:18px 16px}}
@media (prefers-reduced-motion:reduce){.angmod *{transition:none!important}}
.angmod .ap{font-family:"AstrologyPro";font-size:1.2em;line-height:1;vertical-align:-.05em}
.ang-tipbox{position:fixed;z-index:60;background:#2d242e;color:#fff;padding:9px 12px;max-width:340px;font:13px/1.45 var(--b);box-shadow:4px 4px 0 rgba(0,0,0,.18);pointer-events:none}
.ang-tipbox b{display:block;font:700 13.5px/1.35 var(--h);margin-bottom:3px}
.ang-tipbox span{display:block;color:#d8d2de;font-size:12.5px}
.angmod .lens,.angmod .evm{cursor:pointer}
.angmod .lens:hover{stroke:#2d242e;stroke-width:1.4}
.angmod h1,.angmod h2,.angmod h3,.angmod .sec-h h2{font-family:"ProximaNova",var(--h)}
.angmod .howto{display:grid;grid-template-columns:320px 1fr;gap:22px;align-items:center;background:#f7f6fb;padding:16px 18px;margin:0 0 16px}
.angmod .howto ul{margin:0;padding-left:18px;font-size:13px;columns:2;column-gap:26px}
.angmod .howto li{margin:4px 0;break-inside:avoid}
.angmod .reading{font-size:14px;background:#fff;border-left:4px solid var(--acc);padding:10px 14px;margin:0 0 14px;box-shadow:3px 3px 0 rgba(79,108,211,.16)}
@media (max-width:760px){.angmod .howto{grid-template-columns:1fr}
.angmod .howto ul{columns:1}}
.angmod .ws{display:grid;grid-template-columns:300px minmax(0,1fr);gap:26px;align-items:start}
.angmod .ws.wide{grid-template-columns:minmax(0,1fr)}
.angmod .ws.wide .rail{display:none}
.angmod .railhead{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line);background:#f7f6fb}
.angmod .railhead b{font:800 11px/1 var(--h);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.angmod .cfgbar{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:13px;color:var(--muted);flex-wrap:wrap}
.angmod .rail{position:sticky;top:12px;display:flex;flex-direction:column;gap:0;background:#fff;box-shadow:var(--shadow);max-height:calc(100vh - 24px);overflow:auto}
.angmod .rail .grp{padding:14px 16px;border-bottom:1px solid var(--line)}
.angmod .rail .grp:last-child{border-bottom:0}
.angmod .rail h3{font:800 11px/1 var(--h);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.angmod .preset{display:flex;gap:6px}
.angmod .preset select{flex:1;min-width:0}
.angmod .mini{font:700 12px/1 var(--h);border:1px solid var(--acc);background:#fff;color:var(--acc);padding:7px 9px;cursor:pointer;white-space:nowrap}
.angmod .mini.solid{background:var(--acc);color:#fff}
.angmod .mini:focus-visible,.angmod .chipbtn:focus-visible,.angmod .vbtn:focus-visible{outline:2px solid var(--acc2);outline-offset:2px}
.angmod .row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;margin:7px 0}
.angmod .row input[type=range]{width:110px;accent-color:var(--acc)}
.angmod .row output{font-weight:700;font-variant-numeric:tabular-nums;min-width:38px;text-align:right}
.angmod .chips{display:flex;flex-wrap:wrap;gap:5px}
.angmod .chipbtn{min-width:34px;height:30px;border:1px solid var(--line);background:#fff;color:var(--ink);font:600 15px/1 "Segoe UI Symbol","Apple Symbols","Noto Sans Symbols 2",var(--b);cursor:pointer;padding:0 6px;position:relative}
.angmod .chipbtn.on{background:var(--menu);border-color:var(--menu);color:#fff}
.angmod .chipbtn.warn::after{content:"";position:absolute;top:3px;right:3px;width:6px;height:6px;background:#e7a500}
.angmod .chipbtn small{font:600 10px var(--b)}
.angmod .radio{display:flex;flex-direction:column;gap:5px;font-size:13px}
.angmod .radio label{display:flex;gap:7px;align-items:flex-start;cursor:pointer}
.angmod .radio input{margin-top:3px;accent-color:var(--acc)}
.angmod .hint{font-size:11.5px;color:var(--muted);line-height:1.45;margin-top:6px}
.angmod .hint.w{color:#8a5a00;background:#fff6e0;padding:6px 8px}
.angmod .answers{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.angmod .ans{padding:16px 18px 16px 0}
.angmod .ans+.ans{padding-left:18px;border-left:1px solid var(--line)}
.angmod .ans .q{font:800 14px/1.3 var(--h);margin-bottom:5px}
.angmod .ans p{margin:0;font-size:13px;color:#4a404d}
.angmod .spread{display:grid;grid-template-columns:28px 1fr 46px;gap:3px 8px;align-items:center;margin-top:8px;font-size:12px}
.angmod .spread .gl{font-size:15px;font-family:"Segoe UI Symbol","Apple Symbols","Noto Sans Symbols 2",var(--b)}
.angmod .spread .bar{height:8px;background:#efe9f6;position:relative}
.angmod .spread .bar i{position:absolute;left:0;top:0;bottom:0;background:var(--acc2)}
.angmod .spread .bar b{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--ink)}
.angmod .spread .v{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}
.angmod .views{display:flex;gap:0;border:1px solid var(--ink);width:max-content;max-width:100%;overflow-x:auto}
.angmod .vbtn{font:700 13px/1 var(--h);border:0;background:#fff;color:var(--ink);padding:10px 14px;cursor:pointer;white-space:nowrap}
.angmod .vbtn.on{background:var(--ink);color:#fff}
.angmod .vwhy{font-size:13px;color:#4a404d;margin:10px 0 14px;max-width:80ch}
.angmod .bar-top{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:center}
.angmod .scrub{display:flex;align-items:center;gap:12px}
.angmod .scrub .now{font:800 18px/1 var(--h);font-variant-numeric:tabular-nums}
.angmod .scrub .now small{font:400 12px var(--b);color:var(--muted);margin-left:5px}
.angmod .keys{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;color:#4a404d;margin:12px 0 6px}
.angmod .keys span{display:inline-flex;align-items:center;gap:6px}
.angmod .chart-wrap{overflow-x:auto;margin-top:6px}
.angmod .chart{min-width:900px}
.angmod .chart svg{display:block;width:100%;height:auto;cursor:crosshair}
.angmod .detail2{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.angmod .detail2 h3{font-size:16px;font-weight:800}
.angmod .hit .u{font:700 10px/1 var(--h);letter-spacing:.05em;text-transform:uppercase;padding:3px 5px;background:#fff1cf;color:#825800;margin-left:6px}
.angmod .stat{display:grid;grid-template-columns:1fr auto;gap:2px 10px;font-size:13px}
.angmod .stat .n{font-weight:800;text-align:right;font-variant-numeric:tabular-nums}
.angmod .stat .d{grid-column:1/-1;font-size:11.5px;color:var(--muted);margin-bottom:6px}
@media (max-width:1100px){.angmod .ws{grid-template-columns:1fr}
.angmod .rail{position:static;max-height:none}}
@media (max-width:800px){.angmod .answers,.angmod .detail2{grid-template-columns:1fr}
.angmod .ans+.ans{padding-left:0;border-left:0;border-top:1px solid var(--line)}}