/* v8.4 — «Итоги периода» (Wrapped) и «Командный центр» */
.wr-period{min-width:230px;height:40px}
.wr-note{margin:0 0 16px;padding:12px 16px;border-radius:12px;border:1px dashed rgba(232,162,58,.45);background:rgba(232,162,58,.08);color:#f0c27a;font-size:13px}
.wr-kpis{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}
.wr-top{font-size:22px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-bottom:22px}
.wr-cover{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:250px;padding:18px;border-radius:20px;border:1px solid color-mix(in srgb,var(--wr-c) 40%,transparent);
  background:radial-gradient(120% 90% at 100% 0%,color-mix(in srgb,var(--wr-c) 42%,transparent),transparent 60%),linear-gradient(160deg,#1b1714,#100e0d);color:#f4f1ee;text-align:left;cursor:pointer;overflow:hidden;transition:transform .18s,box-shadow .18s;font-family:var(--lc-font)}
.wr-cover:hover{transform:translateY(-3px);box-shadow:0 18px 40px color-mix(in srgb,var(--wr-c) 25%,transparent)}
.wr-cover-rank{position:absolute;top:14px;right:16px;font-size:30px;font-weight:800;opacity:.35}
.wr-cover-emoji{font-size:40px;line-height:1;margin-bottom:8px}
.wr-cover-title{font-size:19px;font-weight:800;line-height:1.15}
.wr-cover-nick{font-weight:700;font-size:14px;margin-top:6px}
.wr-cover-org{font-size:12px;opacity:.7}
.wr-cover-foot{margin-top:auto;display:flex;align-items:center;gap:8px;font-size:12px;opacity:.9;flex-wrap:wrap}
.wr-cover-foot b{font-size:17px}
.wr-cover-play{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:12px;font-weight:700;color:var(--wr-c)}
.wr-cover-play svg{width:15px;height:15px}
.wr-move{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;background:rgba(255,255,255,.08)}
.wr-move.up{color:#4ade80;background:rgba(74,222,128,.13)}.wr-move.down{color:#f87171;background:rgba(248,113,113,.13)}.wr-move.same,.wr-move.new{color:#c9c2bb}
.wr-empty{padding:40px;text-align:center;display:grid;gap:6px}
.wr-settings{padding:20px!important;margin-bottom:24px}
.wr-settings h3{margin:0 0 4px;font-size:16px}.wr-settings p{margin:0;color:var(--ui-muted,#9a918a);font-size:13px}
.wr-warn{color:#f87171}
.wr-settings-row{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-top:14px}
.wr-settings-row label{display:grid;gap:6px;font-size:12px;color:var(--ui-muted,#9a918a)}
.wr-settings-row select{min-width:150px;height:40px}
.wr-sp{flex:1}

/* Плеер сторис */
.wr-player-back{position:fixed;inset:0;z-index:400;background:rgba(6,5,5,.86);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:20px;animation:wrFade .2s ease}
@keyframes wrFade{from{opacity:0}to{opacity:1}}
.wr-stage{display:flex;gap:22px;align-items:stretch;max-height:100%}
.wr-story{position:relative;width:min(400px,92vw);aspect-ratio:9/16;max-height:calc(100vh - 40px);border-radius:26px;overflow:hidden;color:#fff;
  background:radial-gradient(110% 70% at 85% 5%,color-mix(in srgb,var(--wr-c) 75%,transparent),transparent 62%),radial-gradient(90% 60% at 0% 100%,color-mix(in srgb,var(--wr-c) 45%,#2a1606),transparent 70%),linear-gradient(170deg,#1d1612,#0b0908);box-shadow:0 30px 80px rgba(0,0,0,.6)}
.wr-progress{position:absolute;top:12px;left:12px;right:12px;display:flex;gap:4px;z-index:3}
.wr-progress i{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.25);overflow:hidden}
.wr-progress i b{display:block;height:100%;width:0;background:#fff}
.wr-progress i.done b{width:100%}
.wr-progress i.run b{animation:wrRun var(--ms) linear forwards}
.wr-player-back.paused .wr-progress i.run b{animation-play-state:paused}
@keyframes wrRun{to{width:100%}}
.wr-top-row{position:absolute;top:24px;left:16px;right:12px;display:flex;justify-content:space-between;align-items:center;z-index:4;font-size:12px;font-weight:600;opacity:.85}
.wr-x{border:0;background:rgba(0,0,0,.25);color:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:14px}
.wr-tap{position:absolute;top:60px;bottom:0;width:38%;border:0;background:transparent;cursor:pointer;z-index:2}
.wr-tap.left{left:0}.wr-tap.right{right:0;width:62%}
.wr-slide-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:70px 26px 34px}
.wr-s{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;width:100%;animation:wrIn .55s cubic-bezier(.2,.8,.2,1)}
@keyframes wrIn{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}
.wr-s>small{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700;opacity:.75}
.wr-s h1{margin:0;font-size:30px;line-height:1.1;font-weight:800}
.wr-s h2{margin:0;font-size:24px;font-weight:800}
.wr-s p{margin:0;font-size:14px;opacity:.85}
.wr-sub{font-size:13px!important;opacity:.75!important}
.wr-big-emoji{font-size:84px;line-height:1;margin:12px 0;animation:wrPop .7s cubic-bezier(.3,1.6,.5,1)}
@keyframes wrPop{from{transform:scale(.3) rotate(-15deg);opacity:0}to{transform:none;opacity:1}}
.wr-count{font-size:76px;font-weight:800;line-height:1;letter-spacing:-.03em;text-shadow:0 8px 30px color-mix(in srgb,var(--wr-c) 60%,transparent)}
.wr-rank{font-size:96px;font-weight:800;line-height:1;letter-spacing:-.04em;animation:wrPop .7s cubic-bezier(.3,1.6,.5,1)}
.wr-rank span{display:block;font-size:18px;font-weight:600;letter-spacing:0;opacity:.75;margin-top:6px}
.wr-chip{padding:7px 14px;border-radius:999px;font-weight:700;font-size:13px;background:rgba(255,255,255,.14)}
.wr-chip.up{background:rgba(74,222,128,.2);color:#bbf7d0}.wr-chip.down{background:rgba(248,113,113,.2);color:#fecaca}
.wr-bar{width:80%;height:10px;border-radius:10px;background:rgba(255,255,255,.15);overflow:hidden;margin-top:8px}
.wr-bar i{display:block;height:100%;width:0;border-radius:10px;background:linear-gradient(90deg,#fff,color-mix(in srgb,var(--wr-c) 60%,#fff));animation:wrGrow 1.2s .2s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes wrGrow{to{width:var(--w)}}
.wr-facts{display:grid;gap:10px;width:100%;margin-top:6px}
.wr-fact{display:flex;gap:12px;align-items:center;text-align:left;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.1);animation:wrIn .5s both}
.wr-fact:nth-child(2){animation-delay:.15s}.wr-fact:nth-child(3){animation-delay:.3s}
.wr-fact>span{font-size:26px}
.wr-fact small{display:block;font-size:11px;opacity:.7}.wr-fact b{display:block;font-size:20px}.wr-fact em{font-style:normal;font-size:12px;opacity:.75}
.wr-ring{--p:0;width:170px;height:170px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#fff calc(var(--p)*1%),rgba(255,255,255,.15) 0);position:relative;margin:8px 0}
.wr-ring::before{content:"";position:absolute;inset:12px;border-radius:50%;background:color-mix(in srgb,var(--wr-c) 25%,#140f0c)}
.wr-ring b{position:relative;font-size:46px;font-weight:800}.wr-ring b span{font-size:20px;opacity:.7}
.wr-badges{display:grid;gap:8px;width:100%;margin-top:8px}
.wr-badges div{display:grid;grid-template-columns:34px 1fr;column-gap:10px;text-align:left;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.1);animation:wrIn .5s both}
.wr-badges div:nth-child(2){animation-delay:.12s}.wr-badges div:nth-child(3){animation-delay:.24s}.wr-badges div:nth-child(4){animation-delay:.36s}
.wr-badges span{grid-row:span 2;font-size:24px;align-self:center}.wr-badges b{font-size:14px}.wr-badges em{font-style:normal;font-size:12px;opacity:.75}
.wr-side{width:340px;max-height:calc(100vh - 40px);display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:20px;background:var(--ui-panel,#141211);border:1px solid var(--ui-line,#2a2725);color:var(--ui-text,#eee)}
.wr-side h3{margin:0;font-size:16px}
.wr-side-hint{margin:0;font-size:12px;color:var(--ui-muted,#9a918a)}
.wr-vk{flex:1;overflow:auto;margin:0;padding:14px;border-radius:14px;background:var(--ui-card,#1a1817);border:1px solid var(--ui-line,#2a2725);white-space:pre-wrap;font:13px/1.5 var(--lc-font,inherit);color:var(--ui-text,#eee)}
.wr-side-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.wr-side-nav{font-size:12px;color:var(--ui-muted,#9a918a);margin-left:auto}
@media (max-width:900px){.wr-stage{flex-direction:column;overflow:auto}.wr-side{width:min(400px,92vw);max-height:none}.wr-kpis{grid-template-columns:1fr}}
@media (max-width:640px){.wr-player-back{padding:0;align-items:flex-start;overflow:auto;display:block}.wr-stage{display:block;max-height:none;overflow:visible}.wr-story{width:100vw;height:100svh;max-height:none;aspect-ratio:auto;border-radius:0}.wr-side{width:100%;border-radius:0}.wr-period{min-width:0;width:100%}}