/* SMK Tool v0.7.1 · SMK Radar. Read-only result insights. */
.smk-radar-overlay[hidden]{display:none!important}
.smk-radar-overlay{position:fixed;inset:0;z-index:2147480000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(1,4,15,.76);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overscroll-behavior:contain}
.smk-radar-dialog{--radar-border:rgba(164,194,255,.21);display:flex;flex-direction:column;width:min(990px,100%);max-height:min(90dvh,920px);overflow:hidden;color:#e9f0ff;background:linear-gradient(135deg,rgba(27,43,76,.98),rgba(8,17,35,.98) 55%,rgba(29,18,59,.98));border:1px solid rgba(190,212,255,.32);border-top-color:rgba(233,241,255,.42);border-radius:28px;box-shadow:0 30px 115px rgba(0,0,0,.72),inset 0 1px rgba(255,255,255,.1);animation:smkRadarAppear .27s cubic-bezier(.22,1,.36,1) both}
@keyframes smkRadarAppear{from{opacity:.25;transform:translateY(14px) scale(.975)}to{opacity:1;transform:none}}
.smk-radar-head{display:flex;align-items:center;gap:13px;flex-shrink:0;padding:22px 25px;border-bottom:1px solid var(--radar-border)}
.smk-radar-emblem{flex:0 0 50px;height:50px;border:1px solid rgba(172,185,255,.35);border-radius:16px;display:grid;place-items:center;background:linear-gradient(125deg,rgba(66,112,221,.32),rgba(141,95,236,.26));font-size:28px;color:#b9d3ff}
.smk-radar-head h2{margin:0;color:#fff;font-size:23px;font-weight:850;letter-spacing:-.8px}
.smk-radar-context{margin:5px 0 0;color:#9dadcf;font-size:12px}
.smk-radar-close{margin-left:auto;display:grid;place-items:center;border-radius:12px!important;width:38px!important;height:38px!important;min-width:38px;padding:0!important;background:rgba(95,118,171,.15)!important;border:1px solid var(--radar-border)!important;color:#d6e1ff!important;font-size:25px!important}
.smk-radar-scroll{overflow:auto;overscroll-behavior:contain;padding:22px 25px 28px;scrollbar-color:rgba(130,160,235,.5) transparent;scrollbar-width:thin}
.smk-radar-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:22px}
.smk-radar-kpi{display:flex;flex-direction:column;justify-content:center;min-height:86px;border-radius:16px;padding:15px;border:1px solid var(--radar-border);background:rgba(32,51,88,.34);min-width:0}
.smk-radar-kpi span{font-size:11px;font-weight:700;color:#aebfdc}
.smk-radar-kpi strong{font-size:clamp(15px,2vw,25px);font-weight:850;letter-spacing:-.7px;margin-top:8px;overflow-wrap:anywhere;color:#f5f8ff}
.smk-radar-kpi.smk-radar-blue{background:rgba(37,92,181,.16)}
.smk-radar-kpi.smk-radar-amber{background:rgba(151,94,27,.14)}
.smk-radar-kpi.smk-radar-mint{background:rgba(31,123,108,.16)}
.smk-radar-panels{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:13px}
.smk-radar-panel{min-width:0;border-radius:19px;border:1px solid var(--radar-border);background:rgba(7,17,36,.45);padding:19px}
.smk-radar-panel h3{margin:0 0 14px;font-size:16px;color:#eaf1ff;letter-spacing:-.25px;font-weight:800}
.smk-radar-panel-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:9px}
.smk-radar-seg{display:flex;gap:3px;padding:4px;border:1px solid rgba(145,175,230,.19);border-radius:12px;background:rgba(8,17,37,.65)}
.smk-radar-seg button{margin:0!important;width:auto!important;min-height:30px;padding:6px 10px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#9fb2d4!important;font-size:11px!important;font-weight:750;white-space:nowrap}
.smk-radar-seg button.active{background:linear-gradient(112deg,rgba(58,112,216,.75),rgba(116,80,200,.75))!important;color:white!important}
.smk-radar-seg button:disabled{opacity:.3;cursor:not-allowed}
.smk-radar-ranking{max-height:328px;overflow-y:auto;padding:5px 3px 0 0;scrollbar-width:thin;scrollbar-color:rgba(108,137,204,.47) transparent}
.smk-radar-rank{margin-bottom:13px;animation:smkRadarRow .3s both;animation-delay:var(--smk-rank-delay,0ms)}
@keyframes smkRadarRow{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.smk-radar-rank-head{display:flex;justify-content:space-between;align-items:center;gap:7px;font-size:12px;padding:0 0 5px}
.smk-radar-rank-head span{color:#d2def7;font-weight:680;display:flex;align-items:center;gap:8px}
.smk-radar-rank-head i{font-style:normal;min-width:20px;color:#7fa8f8;font-size:11px}
.smk-radar-rank-head strong{color:#edf3ff;font-size:12px;white-space:nowrap}
.smk-radar-track{height:7px;background:rgba(7,13,29,.92);border:1px solid rgba(103,128,193,.18);border-radius:9px;overflow:hidden}
.smk-radar-fill{height:100%;border-radius:9px;display:block;transition:width .35s}
.smk-radar-fill-total{background:linear-gradient(90deg,#2c79ce,#986cff)}
.smk-radar-fill-milk{background:linear-gradient(90deg,#2255c1,#58b6ff)}
.smk-radar-fill-egg{background:linear-gradient(90deg,#d07821,#ffd06b)}
.smk-radar-insight{font-size:11px;line-height:1.55;color:#9bb4e4;margin:13px 0 0;padding:10px;border:1px solid rgba(118,153,219,.18);border-radius:11px;background:rgba(28,52,92,.18)}
.smk-radar-select-row{display:flex;align-items:center;gap:9px;margin-top:4px}
.smk-radar-select-row b{font-size:12px;color:#9d86fc}
.smk-radar-duel-list{margin-top:15px}
.smk-radar-duel-row{margin:0 0 17px}
.smk-radar-duel-line{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:7px;font-size:11px}
.smk-radar-duel-line span{color:#94a9cc}
.smk-radar-duel-line strong{font-size:13px;font-weight:750;color:#cbd8f3}
.smk-radar-duel-line strong:last-child{text-align:right}
.smk-radar-duel-line .smk-radar-lead{color:#90c7ff}
.smk-radar-duel-bars{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:5px}
.smk-radar-duel-bars>div{height:6px;border-radius:8px;background:rgba(4,11,27,.84);overflow:hidden}
.smk-radar-duel-bars span{display:block;height:100%;border-radius:8px}
.smk-radar-duel-a span{background:linear-gradient(90deg,#4c8df5,#9a84ff)}
.smk-radar-duel-b span{background:linear-gradient(90deg,#7a5fd7,#c18df9)}
.smk-radar-hint{font-size:11px;line-height:1.5;color:#8ba0c4}
.smk-radar-shops-panel{grid-column:1/-1}
.smk-radar-shops{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.smk-radar-shop{display:flex;align-items:center;gap:12px;min-width:0;min-height:69px;padding:11px;text-align:left;border-radius:13px;background:rgba(27,48,83,.34);border:1px solid rgba(136,168,230,.20);color:#d6e2ff}
.smk-radar-shop-index{height:27px;min-width:27px;display:grid;place-items:center;border-radius:9px;background:rgba(101,128,211,.19);font-weight:800;color:#aac7ff;font-size:12px}
.smk-radar-shop-data{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}
.smk-radar-shop-data strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.smk-radar-shop-data small{font-size:10px;color:#9aacd0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.smk-radar-shop-track{height:4px;width:100%;background:rgba(5,10,25,.9);border-radius:7px;overflow:hidden}
.smk-radar-shop-track>span{height:100%;display:block;background:linear-gradient(90deg,#579cff,#ac87fc);border-radius:7px}
.smk-radar-shop-value{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:11px;font-weight:800;color:#cfdbf6}
.smk-radar-empty{text-align:center;font-size:12px;color:#9aaaca;line-height:1.7;padding:25px 9px;border:1px dashed rgba(136,163,222,.2);border-radius:12px}
@media(max-width:800px){.smk-radar-dialog{border-radius:22px;max-height:94dvh}.smk-radar-panels{grid-template-columns:1fr}.smk-radar-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.smk-radar-shops-panel{grid-column:1}.smk-radar-scroll{padding:15px}.smk-radar-head{padding:17px}.smk-radar-shops{grid-template-columns:1fr}}
@media(max-width:400px){.smk-radar-overlay{padding:7px}.smk-radar-dialog{max-height:97dvh;border-radius:17px}.smk-radar-head h2{font-size:20px}.smk-radar-emblem{width:41px;height:41px;flex-basis:41px}.smk-radar-kpi{min-height:75px;padding:11px}.smk-radar-kpi strong{font-size:17px}.smk-radar-entry{padding:14px!important;gap:10px}.smk-radar-entry-icon{height:40px;width:40px;flex-basis:40px}}
@media(prefers-reduced-motion:reduce){.smk-radar-dialog,.smk-radar-rank{animation:none!important}.smk-radar-entry{transition:none!important}}

.smk-radar-signals-panel{grid-column:1/-1}
.smk-radar-signals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.smk-radar-signal{display:flex;flex-direction:column;min-width:0;gap:7px;border-radius:13px;border:1px solid rgba(130,156,222,.24);background:linear-gradient(135deg,rgba(46,93,151,.21),rgba(90,53,142,.18));padding:14px}
.smk-radar-signal span{font-size:11px;font-weight:680;color:#adc1e3}
.smk-radar-signal strong{font-size:24px;letter-spacing:-.8px;color:#eff5ff}
.smk-radar-signal small{font-size:10px;color:#92a8cf}
@media(max-width:800px){.smk-radar-signals-panel{grid-column:1}.smk-radar-signals{grid-template-columns:1fr}}

/* DarkGlass Radar controls — custom dropdown style reused from History */
.smk-radar-close{display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;font-size:0!important;transform:none!important}
.smk-radar-close svg{display:block;flex:none;width:18px;height:18px;margin:0;padding:0;position:static;transform:none}
.smk-radar-native-select{display:none!important}
.smk-radar-picker{min-width:0;flex:1 1 0;position:relative}
.smk-radar-picker-trigger{position:relative;display:flex;align-items:center;justify-content:flex-start;width:100%;height:43px!important;min-height:43px;padding:0 33px 0 13px!important;border-radius:12px!important;border:1px solid rgba(200,180,221,.26)!important;background:rgba(24,19,34,.64)!important;box-shadow:inset 0 1px rgba(255,255,255,.06)!important;color:#eee7fa!important;cursor:pointer;text-align:left;font-size:12px!important;font-weight:650;transition:background .2s,border-color .2s}
.smk-radar-picker-trigger .smk-radar-picker-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.smk-radar-picker-trigger::after{content:"";position:absolute;right:13px;top:50%;width:8px;height:8px;border-right:2px solid #c6a8df;border-bottom:2px solid #c6a8df;transform:translateY(-65%) rotate(45deg);transition:transform .2s}
.smk-radar-picker-trigger[aria-expanded="true"]::after{transform:translateY(-35%) rotate(-135deg)}
.smk-radar-picker-trigger:hover:not(:disabled){background:rgba(66,50,84,.55)!important;border-color:rgba(208,178,239,.45)!important}
.smk-radar-picker-trigger:focus-visible{outline:2px solid rgba(202,170,237,.82);outline-offset:2px}
.smk-radar-picker-trigger:disabled{opacity:.45;cursor:not-allowed}
.smk-radar-picker-menu{position:fixed;z-index:12;display:flex;flex-direction:column;gap:4px;padding:6px;border:1px solid rgba(218,192,238,.25);border-radius:14px;background:rgba(19,16,27,.97);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 22px 55px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.08);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(189,162,210,.52) transparent;visibility:hidden;opacity:0;transform:translateY(-8px) scale(.975);pointer-events:none;transition:opacity .2s ease,transform .25s cubic-bezier(.16,1,.3,1),visibility 0s linear .25s}
.smk-radar-picker-menu[hidden]{display:none!important}
.smk-radar-picker-menu.open{visibility:visible;opacity:1;transform:translateY(0) scale(1);pointer-events:auto;transition-delay:0s}
.smk-radar-picker-option{width:100%;min-height:38px;padding:10px 12px!important;margin:0!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#e6dbf1!important;cursor:pointer;text-align:left;font-size:12px!important;font-weight:650!important;flex:none;transition:background .17s,color .17s}
.smk-radar-picker-option:hover,.smk-radar-picker-option:focus-visible{background:rgba(98,75,116,.48)!important;outline:none}
.smk-radar-picker-option.active{background:linear-gradient(110deg,rgba(102,77,137,.49),rgba(144,91,153,.32))!important;color:#fff!important}
.smk-radar-versus{flex:0 0 auto;color:#d4b3ed!important;font-size:12px;letter-spacing:1px}
.smk-radar-insight{display:flex;align-items:center;gap:12px;min-width:0;padding:14px;margin:16px 0 0;border:1px solid rgba(211,184,231,.24);border-radius:16px;background:linear-gradient(130deg,rgba(99,66,127,.24),rgba(30,23,43,.51));box-shadow:inset 0 1px rgba(255,255,255,.05);color:#e9dff5}
.smk-radar-winner-medal{display:grid;place-items:center;width:43px;height:43px;flex:0 0 43px;border-radius:13px;color:#e2c3ff;border:1px solid rgba(209,164,249,.31);background:linear-gradient(145deg,rgba(145,91,185,.34),rgba(49,35,69,.52));box-shadow:0 0 20px rgba(133,79,161,.13)}
.smk-radar-winner-medal svg{width:23px;height:23px}
.smk-radar-winner-body{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.smk-radar-winner-caption{color:#c9a7e0;font-weight:800;letter-spacing:1.35px;font-size:10px}
.smk-radar-winner-body strong{color:#fbf4ff;font-size:17px;font-weight:850;line-height:1.35}
.smk-radar-winner-body small{font-size:11px;color:#b9afc8;line-height:1.45}
.smk-radar-winner-amount{color:#efd1ff;font-size:14px;font-weight:850;white-space:nowrap;padding:8px 10px;border-radius:10px;background:rgba(130,88,169,.22);border:1px solid rgba(210,173,240,.19)}
@media(max-width:520px){.smk-radar-winner-amount{align-self:flex-start}.smk-radar-insight{flex-wrap:wrap}.smk-radar-winner-body{flex-basis:calc(100% - 60px)}.smk-radar-winner-amount{margin-left:55px}.smk-radar-select-row{gap:7px}.smk-radar-picker-trigger{padding-left:8px!important;padding-right:23px!important;font-size:11px!important}.smk-radar-picker-trigger::after{right:10px;width:6px;height:6px}}
@media(prefers-reduced-motion:reduce){.smk-radar-picker-menu{transition:none!important}}

/* Плавное закрытие SMK Radar: сначала анимация, затем hidden в radar.js. */
.smk-radar-overlay.closing {
  pointer-events: none;
  animation: smkRadarBackdropOut .30s ease-in both;
}
.smk-radar-overlay.closing .smk-radar-dialog {
  animation: smkRadarDialogOut .30s cubic-bezier(.4,0,1,1) both;
}
@keyframes smkRadarBackdropOut {
  from { opacity: 1; }
  to   { opacity: 0; }
}
@keyframes smkRadarDialogOut {
  from { opacity: 1; transform: translateY(0) scale(1); }
  to   { opacity: 0; transform: translateY(12px) scale(.98); }
}
@media (prefers-reduced-motion: reduce) {
  .smk-radar-overlay.closing,
  .smk-radar-overlay.closing .smk-radar-dialog { animation: none !important; }
}