/* =====================================================================
   BNK FACEIT — style.css
   ===================================================================== */

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
[hidden]{display:none!important}

:root{
  --bg:#070b1c;
  --bg-2:#0c1230;
  --surface:#0f1633;
  --surface-2:#172046;
  --surface-3:#222d5c;
  --line:rgba(130,190,255,.16);
  --line-strong:rgba(130,190,255,.32);
  --text:#f3f7ff;
  --muted:#9fb0d6;
  --dim:#6879a6;
  --accent:#4f8cff;
  --accent-2:#ec4899;
  --accent-hi:#8fd0ff;
  --live:#ff4d6d;
  --win:#3ddc97;
  --gold:#f5c451;
  --blue:#4dabf7;
  --r-lg:20px;
  --r-md:14px;
  --r-sm:10px;
  --f-display:'Unbounded','Manrope',system-ui,sans-serif;
  --f-body:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
  --safe-b:env(safe-area-inset-bottom,0px);
  --safe-t:env(safe-area-inset-top,0px);
}

html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;touch-action:manipulation}
body{touch-action:manipulation}
body{
  font-family:var(--f-body);
  font-size:15px;
  line-height:1.5;
  color:var(--text);
  background:
    radial-gradient(90% 55% at 0% 0%,rgba(56,189,248,.34),transparent 62%),
    radial-gradient(90% 60% at 100% 100%,rgba(244,114,182,.30),transparent 62%),
    radial-gradient(70% 40% at 100% 0%,rgba(79,140,255,.18),transparent 60%),
    linear-gradient(160deg,#08123a 0%,#10133a 55%,#2a0f3a 100%);
  background-attachment:fixed;
  min-height:100vh;
  padding-top:var(--safe-t);
  -webkit-tap-highlight-color:transparent;
}
body::before{ /* тонкая сетка */
  content:'';position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:
    linear-gradient(90deg,rgba(130,190,255,.05) 1px,transparent 1px),
    linear-gradient(0deg,rgba(130,190,255,.05) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(180deg,#000,transparent 70%);
  -webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);
}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer;border:none;background:none}
button:disabled{cursor:not-allowed}
a{color:var(--accent-hi)}
b,strong{font-weight:800}
:focus-visible{outline:2px solid var(--accent-hi);outline-offset:2px;border-radius:6px}
::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:4px}

.num{font-family:var(--f-display);font-variant-numeric:tabular-nums;letter-spacing:-.02em}

/* ───────── Загрузка ───────── */
.splash{
  position:fixed;inset:0;z-index:99999;background:var(--bg);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;
  transition:opacity .45s,visibility .45s;
}
.splash.hide{opacity:0;visibility:hidden;pointer-events:none}
.splash-ring{
  width:64px;height:64px;border-radius:50%;
  border:4px solid var(--surface-3);border-top-color:var(--accent-hi);
  animation:spin 0.9s linear infinite;
}
.splash-name{font-family:var(--f-display);font-weight:700;font-size:18px;letter-spacing:-.01em}
.splash-status{font-size:13px;color:var(--muted)}
@keyframes spin{to{transform:rotate(360deg)}}

/* ───────── Тост ───────── */
.toast{
  position:fixed;top:calc(14px + var(--safe-t));left:50%;z-index:100000;
  width:min(92vw,400px);padding:13px 16px;
  background:var(--surface-2);border:1px solid var(--line-strong);border-radius:var(--r-md);
  box-shadow:0 18px 50px rgba(0,0,0,.6);
  transform:translate(-50%,-140%);opacity:0;pointer-events:none;
  transition:transform .35s cubic-bezier(.3,1.3,.5,1),opacity .25s;
}
.toast.visible{transform:translate(-50%,0);opacity:1}
.toast-title{font-weight:800;font-size:14px}
.toast-title.success{color:var(--win)}
.toast-title.error{color:var(--live)}
.toast-title.info{color:var(--accent-hi)}
.toast-text{font-size:13px;color:var(--muted);margin-top:2px}
.toast-text:empty{display:none}

/* ───────── Кнопки ───────── */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:44px;padding:0 18px;border-radius:var(--r-md);
  font-weight:800;font-size:14px;white-space:nowrap;
  transition:transform .12s,background .2s,opacity .2s,box-shadow .2s;
}
.btn:active:not(:disabled){transform:scale(.97)}
.btn:disabled{opacity:.5}
.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 8px 24px rgba(236,72,153,.35)}
.btn-ghost{background:var(--surface-2);border:1px solid var(--line-strong)}
.btn-danger{background:rgba(255,77,109,.14);border:1px solid rgba(255,77,109,.45);color:#ff8fa3}
.btn-ok{background:rgba(61,220,151,.15);border:1px solid rgba(61,220,151,.45);color:var(--win)}
.btn-sm{min-height:34px;padding:0 12px;font-size:12px;border-radius:var(--r-sm)}
.btn-xl{min-height:56px;font-size:16px;width:100%;border-radius:var(--r-lg)}
.btn-block{width:100%}
.icon-btn{
  width:40px;height:40px;border-radius:var(--r-sm);flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--surface-2);border:1px solid var(--line);color:var(--muted);
}
.icon-btn:hover{color:var(--text)}

/* ───────── Поля ───────── */
.field{margin-bottom:14px}
.field label{display:block;font-size:13px;font-weight:700;color:var(--muted);margin-bottom:6px}
.input{
  display:flex;align-items:center;gap:10px;padding:0 14px;min-height:48px;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);
  transition:border-color .2s;
}
.input:focus-within{border-color:var(--accent)}
.input i{color:var(--dim);font-size:14px;width:16px;text-align:center}
.input input{flex:1;min-width:0;background:transparent;border:none;outline:none;font-size:16px;padding:12px 0}
.input input::placeholder{color:var(--dim)}
.text-input{
  width:100%;min-height:44px;padding:0 14px;font-size:16px;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);outline:none;
}
.text-input:focus{border-color:var(--accent)}

/* ───────── Панели и строки ───────── */
.panel{
  background:linear-gradient(180deg,rgba(23,32,70,.78),rgba(15,22,51,.8));
  border:1px solid var(--line);border-radius:var(--r-lg);padding:16px;margin-bottom:14px;
  position:relative;
}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.panel-head h3{font-size:15px;font-weight:800}
.panel-head .aside{font-size:12px;color:var(--muted);font-weight:700}
.page-title{font-family:var(--f-display);font-weight:700;font-size:22px;letter-spacing:-.02em;line-height:1.2}
.page-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:6px 0 16px}
.muted{color:var(--muted)}
.hint{font-size:12px;color:var(--dim);text-align:center;margin-top:12px}

.rows{display:flex;flex-direction:column}
.row{
  display:flex;align-items:center;gap:12px;padding:11px 4px;
  border-bottom:1px solid var(--line);
}
.row:last-child{border-bottom:none}
.row.link{cursor:pointer;border-radius:var(--r-sm);transition:background .15s}
.row.link:hover{background:rgba(79,140,255,.07)}
.row.me{background:rgba(79,140,255,.1);border-radius:var(--r-sm);padding-left:10px;padding-right:10px}
.row-main{flex:1;min-width:0}
.row-title{font-weight:800;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.row-sub{font-size:12px;color:var(--muted);margin-top:1px}
.row-right{display:flex;align-items:center;gap:6px;flex-shrink:0}
.row-actions{display:flex;gap:6px;flex-wrap:wrap}
.empty{text-align:center;color:var(--dim);font-size:13px;padding:26px 8px}
.empty i{display:block;font-size:30px;margin-bottom:10px;color:var(--surface-3)}

.badge{display:inline-block;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:800;background:var(--surface-3);color:var(--muted)}
.badge.ok{background:rgba(61,220,151,.15);color:var(--win)}
.badge.warn{background:rgba(79,140,255,.2);color:var(--accent-hi)}
.badge.info{background:rgba(77,171,247,.16);color:var(--blue)}
.pill{
  display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:99px;
  font-size:12px;font-weight:800;background:rgba(79,140,255,.16);border:1px solid var(--line-strong);color:var(--accent-hi);
}
.pill.live{background:rgba(255,77,109,.14);border-color:rgba(255,77,109,.4);color:#ff8fa3}
.pill.live::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--live);animation:blink 1.2s infinite}
@keyframes blink{50%{opacity:.3}}

.lvl{
  --c:#a78bfa;
  width:28px;height:28px;border-radius:9px;flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;
  font-family:var(--f-display);font-weight:700;font-size:12px;
  color:var(--c);border:2px solid var(--c);background:rgba(0,0,0,.25);
}

/* ───────── Аватар и рамки ───────── */
.av{
  --s:44px;width:var(--s);height:var(--s);flex-shrink:0;border-radius:50%;padding:3px;
  display:inline-block;background:var(--surface-3);
}
.av-in{width:100%;height:100%;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#070b1c}
.av-in img{width:100%;height:100%;object-fit:cover;display:block}
.av-letter{
  width:100%;height:100%;display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:calc(var(--s) * .4);color:#fff;
  background:linear-gradient(135deg,var(--accent),var(--accent-2));
}
/* — Рамки: резные SVG-рамки вокруг аватарки (выходят за её края) — */
@keyframes frGold{0%,100%{filter:drop-shadow(0 0 3px rgba(255,200,40,.55))}50%{filter:drop-shadow(0 0 8px rgba(255,215,60,.95))}}
@keyframes frNeon{0%,100%{filter:drop-shadow(0 0 3px rgba(34,197,94,.7)) drop-shadow(0 0 6px rgba(0,212,255,.35))}50%{filter:drop-shadow(0 0 7px rgba(34,197,94,1)) drop-shadow(0 0 14px rgba(0,212,255,.7))}}
@keyframes frFire{0%,100%{filter:drop-shadow(0 0 4px rgba(255,90,40,.7));transform:scale(1)}30%{filter:drop-shadow(0 -2px 8px rgba(255,170,50,.95));transform:scale(1.025)}60%{filter:drop-shadow(0 0 5px rgba(255,59,107,.8));transform:scale(.99)}}
@keyframes frDiamond{0%,100%{filter:drop-shadow(0 0 3px rgba(125,211,252,.7))}50%{filter:drop-shadow(0 0 9px rgba(167,139,250,.95))}}

.av[class*="frame_"]{
  position:relative;
  padding:0 !important;          /* кольца нет — рамка рисуется поверх */
  background:none !important;
  box-shadow:none;
}
.av[class*="frame_"] .av-in{box-shadow:inset 0 0 8px rgba(0,0,0,.45)}
.av[class*="frame_"]::after{
  content:"";position:absolute;inset:-21.4%;pointer-events:none;
  background-position:center;background-size:100% 100%;background-repeat:no-repeat;
}
.av.frame_bronze::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cdefs%3E%3ClinearGradient id='lf' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23f6c690'/%3E%3Cstop offset='0.5' stop-color='%23cd7f32'/%3E%3Cstop offset='1' stop-color='%237a4a1f'/%3E%3C/linearGradient%3E%3ClinearGradient id='lf2' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23e9a45c'/%3E%3Cstop offset='0.55' stop-color='%23a8692a'/%3E%3Cstop offset='1' stop-color='%235a3510'/%3E%3C/linearGradient%3E%3ClinearGradient id='bw' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23f0b270'/%3E%3Cstop offset='0.5' stop-color='%23cd7f32'/%3E%3Cstop offset='1' stop-color='%238b5a2b'/%3E%3C/linearGradient%3E%3CradialGradient id='br' cx='0.35' cy='0.3' r='0.8'%3E%3Cstop offset='0' stop-color='%23ffe2b8'/%3E%3Cstop offset='0.6' stop-color='%23cd7f32'/%3E%3Cstop offset='1' stop-color='%237a4a1f'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath d='M102.5,172 A72,72 0 0 0 119.8,30.8' fill='none' stroke='%235a3510' stroke-width='4.4' stroke-linecap='round'/%3E%3Cpath d='M102.5,172 A72,72 0 0 0 119.8,30.8' fill='none' stroke='%23cd7f32' stroke-width='2.2' stroke-linecap='round'/%3E%3Cg transform='translate(110 171.3) rotate(386) scale(1.2)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23fbd9ac' stroke-opacity='.75' stroke-width='.9'/%3E%3C/g%3E%3Cg transform='translate(113.5 169.7) rotate(318) scale(1)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf2)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23e9a45c' stroke-opacity='.6' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate(121.1 168.9) rotate(377) scale(1.2)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23fbd9ac' stroke-opacity='.75' stroke-width='.9'/%3E%3C/g%3E%3Cg transform='translate(124.3 166.7) rotate(309) scale(1)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf2)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23e9a45c' stroke-opacity='.6' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate(131.6 164.7) rotate(368) scale(1.1)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23fbd9ac' stroke-opacity='.75' stroke-width='.9'/%3E%3C/g%3E%3Cg transform='translate(134.4 162.1) rotate(300) scale(1)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf2)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23e9a45c' stroke-opacity='.6' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate(141.3 159) rotate(359) scale(1.1)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23fbd9ac' stroke-opacity='.75' stroke-width='.9'/%3E%3C/g%3E%3Cg transform='translate(143.7 155.9) rotate(291) scale(0.9)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf2)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23e9a45c' stroke-opacity='.6' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate(150 151.8) rotate(350) scale(1.1)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23fbd9ac' stroke-opacity='.75' stroke-width='.9'/%3E%3C/g%3E%3Cg transform='translate(151.9 148.4) rotate(282) scale(0.9)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf2)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23e9a45c' stroke-opacity='.6' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate(157.5 143.3) rotate(341) scale(1)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23fbd9ac' stroke-opacity='.75' stroke-width='.9'/%3E%3C/g%3E%3Cg transform='translate(158.9 139.7) rotate(273) scale(0.9)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf2)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23e9a45c' stroke-opacity='.6' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate(163.6 133.8) rotate(332) scale(1)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23fbd9ac' stroke-opacity='.75' stroke-width='.9'/%3E%3C/g%3E%3Cg transform='translate(164.3 130) rotate(264) scale(0.9)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf2)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23e9a45c' stroke-opacity='.6' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate(168.1 123.4) rotate(323) scale(1)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23fbd9ac' stroke-opacity='.75' stroke-width='.9'/%3E%3C/g%3E%3Cg transform='translate(168.2 119.6) rotate(255) scale(0.8)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf2)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23e9a45c' stroke-opacity='.6' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate(170.9 112.5) rotate(314) scale(0.9)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23fbd9ac' stroke-opacity='.75' stroke-width='.9'/%3E%3C/g%3E%3Cg transform='translate(170.5 108.7) rotate(246) scale(0.8)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf2)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23e9a45c' stroke-opacity='.6' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate(172 101.3) rotate(305) scale(0.9)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23fbd9ac' stroke-opacity='.75' stroke-width='.9'/%3E%3C/g%3E%3Cg transform='translate(171 97.5) rotate(237) scale(0.8)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf2)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23e9a45c' stroke-opacity='.6' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate(171.3 90) rotate(296) scale(0.9)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23fbd9ac' stroke-opacity='.75' stroke-width='.9'/%3E%3C/g%3E%3Cg transform='translate(169.7 86.5) rotate(228) scale(0.7)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf2)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23e9a45c' stroke-opacity='.6' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate(168.9 78.9) rotate(287) scale(0.8)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23fbd9ac' stroke-opacity='.75' stroke-width='.9'/%3E%3C/g%3E%3Cg transform='translate(166.7 75.7) rotate(219) scale(0.7)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf2)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23e9a45c' stroke-opacity='.6' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate(164.7 68.4) rotate(278) scale(0.8)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23fbd9ac' stroke-opacity='.75' stroke-width='.9'/%3E%3C/g%3E%3Cg transform='translate(162.1 65.6) rotate(210) scale(0.7)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf2)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23e9a45c' stroke-opacity='.6' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate(159 58.7) rotate(269) scale(0.8)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23fbd9ac' stroke-opacity='.75' stroke-width='.9'/%3E%3C/g%3E%3Cg transform='translate(155.9 56.3) rotate(201) scale(0.7)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf2)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23e9a45c' stroke-opacity='.6' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate(151.8 50) rotate(260) scale(0.7)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23fbd9ac' stroke-opacity='.75' stroke-width='.9'/%3E%3C/g%3E%3Cg transform='translate(148.4 48.1) rotate(192) scale(0.6)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf2)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23e9a45c' stroke-opacity='.6' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate(143.3 42.5) rotate(251) scale(0.7)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23fbd9ac' stroke-opacity='.75' stroke-width='.9'/%3E%3C/g%3E%3Cg transform='translate(139.7 41.1) rotate(183) scale(0.6)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf2)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23e9a45c' stroke-opacity='.6' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate(133.8 36.4) rotate(242) scale(0.7)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23fbd9ac' stroke-opacity='.75' stroke-width='.9'/%3E%3C/g%3E%3Cg transform='translate(130 35.7) rotate(174) scale(0.6)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf2)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23e9a45c' stroke-opacity='.6' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate(123.4 31.9) rotate(233) scale(0.6)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23fbd9ac' stroke-opacity='.75' stroke-width='.9'/%3E%3C/g%3E%3Cg transform='translate(119.6 31.8) rotate(165) scale(0.6)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf2)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23e9a45c' stroke-opacity='.6' stroke-width='.8'/%3E%3C/g%3E%3Ccircle cx='132.1' cy='27.8' r='3.4' fill='url(%23br)' stroke='%235a3510' stroke-width='.8'/%3E%3Ccircle cx='160.5' cy='49.2' r='3.4' fill='url(%23br)' stroke='%235a3510' stroke-width='.8'/%3E%3Ccircle cx='179' cy='97.2' r='3.4' fill='url(%23br)' stroke='%235a3510' stroke-width='.8'/%3E%3Cg transform='translate(200 0) scale(-1 1)'%3E%3Cpath d='M102.5,172 A72,72 0 0 0 119.8,30.8' fill='none' stroke='%235a3510' stroke-width='4.4' stroke-linecap='round'/%3E%3Cpath d='M102.5,172 A72,72 0 0 0 119.8,30.8' fill='none' stroke='%23cd7f32' stroke-width='2.2' stroke-linecap='round'/%3E%3Cg transform='translate(110 171.3) rotate(386) scale(1.2)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23fbd9ac' stroke-opacity='.75' stroke-width='.9'/%3E%3C/g%3E%3Cg transform='translate(113.5 169.7) rotate(318) scale(1)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf2)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23e9a45c' stroke-opacity='.6' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate(121.1 168.9) rotate(377) scale(1.2)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23fbd9ac' stroke-opacity='.75' stroke-width='.9'/%3E%3C/g%3E%3Cg transform='translate(124.3 166.7) rotate(309) scale(1)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf2)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23e9a45c' stroke-opacity='.6' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate(131.6 164.7) rotate(368) scale(1.1)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23fbd9ac' stroke-opacity='.75' stroke-width='.9'/%3E%3C/g%3E%3Cg transform='translate(134.4 162.1) rotate(300) scale(1)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf2)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23e9a45c' stroke-opacity='.6' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate(141.3 159) rotate(359) scale(1.1)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23fbd9ac' stroke-opacity='.75' stroke-width='.9'/%3E%3C/g%3E%3Cg transform='translate(143.7 155.9) rotate(291) scale(0.9)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf2)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23e9a45c' stroke-opacity='.6' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate(150 151.8) rotate(350) scale(1.1)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23fbd9ac' stroke-opacity='.75' stroke-width='.9'/%3E%3C/g%3E%3Cg transform='translate(151.9 148.4) rotate(282) scale(0.9)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf2)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23e9a45c' stroke-opacity='.6' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate(157.5 143.3) rotate(341) scale(1)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23fbd9ac' stroke-opacity='.75' stroke-width='.9'/%3E%3C/g%3E%3Cg transform='translate(158.9 139.7) rotate(273) scale(0.9)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf2)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23e9a45c' stroke-opacity='.6' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate(163.6 133.8) rotate(332) scale(1)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23fbd9ac' stroke-opacity='.75' stroke-width='.9'/%3E%3C/g%3E%3Cg transform='translate(164.3 130) rotate(264) scale(0.9)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf2)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23e9a45c' stroke-opacity='.6' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate(168.1 123.4) rotate(323) scale(1)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23fbd9ac' stroke-opacity='.75' stroke-width='.9'/%3E%3C/g%3E%3Cg transform='translate(168.2 119.6) rotate(255) scale(0.8)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf2)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23e9a45c' stroke-opacity='.6' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate(170.9 112.5) rotate(314) scale(0.9)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23fbd9ac' stroke-opacity='.75' stroke-width='.9'/%3E%3C/g%3E%3Cg transform='translate(170.5 108.7) rotate(246) scale(0.8)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf2)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23e9a45c' stroke-opacity='.6' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate(172 101.3) rotate(305) scale(0.9)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23fbd9ac' stroke-opacity='.75' stroke-width='.9'/%3E%3C/g%3E%3Cg transform='translate(171 97.5) rotate(237) scale(0.8)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf2)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23e9a45c' stroke-opacity='.6' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate(171.3 90) rotate(296) scale(0.9)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23fbd9ac' stroke-opacity='.75' stroke-width='.9'/%3E%3C/g%3E%3Cg transform='translate(169.7 86.5) rotate(228) scale(0.7)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf2)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23e9a45c' stroke-opacity='.6' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate(168.9 78.9) rotate(287) scale(0.8)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23fbd9ac' stroke-opacity='.75' stroke-width='.9'/%3E%3C/g%3E%3Cg transform='translate(166.7 75.7) rotate(219) scale(0.7)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf2)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23e9a45c' stroke-opacity='.6' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate(164.7 68.4) rotate(278) scale(0.8)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23fbd9ac' stroke-opacity='.75' stroke-width='.9'/%3E%3C/g%3E%3Cg transform='translate(162.1 65.6) rotate(210) scale(0.7)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf2)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23e9a45c' stroke-opacity='.6' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate(159 58.7) rotate(269) scale(0.8)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23fbd9ac' stroke-opacity='.75' stroke-width='.9'/%3E%3C/g%3E%3Cg transform='translate(155.9 56.3) rotate(201) scale(0.7)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf2)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23e9a45c' stroke-opacity='.6' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate(151.8 50) rotate(260) scale(0.7)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23fbd9ac' stroke-opacity='.75' stroke-width='.9'/%3E%3C/g%3E%3Cg transform='translate(148.4 48.1) rotate(192) scale(0.6)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf2)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23e9a45c' stroke-opacity='.6' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate(143.3 42.5) rotate(251) scale(0.7)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23fbd9ac' stroke-opacity='.75' stroke-width='.9'/%3E%3C/g%3E%3Cg transform='translate(139.7 41.1) rotate(183) scale(0.6)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf2)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23e9a45c' stroke-opacity='.6' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate(133.8 36.4) rotate(242) scale(0.7)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23fbd9ac' stroke-opacity='.75' stroke-width='.9'/%3E%3C/g%3E%3Cg transform='translate(130 35.7) rotate(174) scale(0.6)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf2)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23e9a45c' stroke-opacity='.6' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate(123.4 31.9) rotate(233) scale(0.6)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23fbd9ac' stroke-opacity='.75' stroke-width='.9'/%3E%3C/g%3E%3Cg transform='translate(119.6 31.8) rotate(165) scale(0.6)'%3E%3Cpath d='M0,0 C4,-8 16,-9 25,0 C16,9 4,8 0,0Z' fill='url(%23lf2)' stroke='%235a3510' stroke-width='.9'/%3E%3Cpath d='M1,0 L21,0' stroke='%23e9a45c' stroke-opacity='.6' stroke-width='.8'/%3E%3C/g%3E%3Ccircle cx='132.1' cy='27.8' r='3.4' fill='url(%23br)' stroke='%235a3510' stroke-width='.8'/%3E%3Ccircle cx='160.5' cy='49.2' r='3.4' fill='url(%23br)' stroke='%235a3510' stroke-width='.8'/%3E%3Ccircle cx='179' cy='97.2' r='3.4' fill='url(%23br)' stroke='%235a3510' stroke-width='.8'/%3E%3C/g%3E%3Cpath d='M100,181 C84,168 66,176 72,188 C78,197 94,190 100,181Z' fill='url(%23bw)' stroke='%235a3510' stroke-width='1'/%3E%3Cpath d='M100,181 C116,168 134,176 128,188 C122,197 106,190 100,181Z' fill='url(%23bw)' stroke='%235a3510' stroke-width='1'/%3E%3Cpath d='M97,184 C92,191 88,196 82,199 L92,198 L97,193Z' fill='url(%23bw)' stroke='%235a3510' stroke-width='1'/%3E%3Cpath d='M103,184 C108,191 112,196 118,199 L108,198 L103,193Z' fill='url(%23bw)' stroke='%235a3510' stroke-width='1'/%3E%3Ccircle cx='100' cy='182' r='5' fill='url(%23br)' stroke='%235a3510' stroke-width='1'/%3E%3Cpath d='M76,184 C80,181 86,182 90,184' fill='none' stroke='%23fbd9ac' stroke-opacity='.7' stroke-width='1'/%3E%3C/svg%3E");filter:drop-shadow(0 0 3px rgba(205,127,50,.55))}
.av.frame_silver::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cdefs%3E%3ClinearGradient id='sv' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='0.4' stop-color='%23e5e7eb'/%3E%3Cstop offset='1' stop-color='%237b818c'/%3E%3C/linearGradient%3E%3ClinearGradient id='sd' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23d1d5db'/%3E%3Cstop offset='1' stop-color='%235b616c'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='100' cy='100' r='71' fill='none' stroke='%23374151' stroke-width='10.5'/%3E%3Ccircle cx='100' cy='100' r='71' fill='none' stroke='url(%23sv)' stroke-width='8.6'/%3E%3Ccircle cx='100' cy='100' r='71' fill='none' stroke='%23374151' stroke-width='.8' stroke-dasharray='2 4'/%3E%3Ccircle cx='100' cy='100' r='75' fill='none' stroke='%23ffffff' stroke-opacity='.7' stroke-width='.8'/%3E%3Cpath d='M130.4,34.7 Q147.6,28 160.3,22.8 Q151.2,32.1 141.3,41Z' fill='url(%23sv)' stroke='%23374151' stroke-width='1' stroke-linejoin='round'/%3E%3Cpath d='M138,34.2 Q148.3,27 157.2,24.1' fill='none' stroke='%23fff' stroke-opacity='.85' stroke-width='.9'/%3E%3Cpath d='M160.7,61.3 Q175,64.5 185.5,66.1 Q176.1,69.3 166,71.3Z' fill='url(%23sv)' stroke='%23374151' stroke-width='1' stroke-linejoin='round'/%3E%3Cpath d='M167.1,64.3 Q176,64.2 182.3,66.1' fill='none' stroke='%23fff' stroke-opacity='.85' stroke-width='.9'/%3E%3Cpath d='M166,128.7 Q176.6,132 185.5,133.9 Q171,141.1 160.7,138.7Z' fill='url(%23sv)' stroke='%23374151' stroke-width='1' stroke-linejoin='round'/%3E%3Cpath d='M167.1,135.7 Q176,135.8 182.3,133.9' fill='none' stroke='%23fff' stroke-opacity='.85' stroke-width='.9'/%3E%3Cpath d='M141.3,159 Q151.3,169.4 160.3,177.2 Q139.9,175.1 130.4,165.3Z' fill='url(%23sv)' stroke='%23374151' stroke-width='1' stroke-linejoin='round'/%3E%3Cpath d='M138,165.8 Q148.3,173 157.2,175.9' fill='none' stroke='%23fff' stroke-opacity='.85' stroke-width='.9'/%3E%3Cg transform='translate(175 97.4) rotate(88)'%3E%3Cpath d='M0,0 C0,-9 7,-15 13,-12 C18,-9 15,-3 10,-5' fill='none' stroke='%23374151' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M0,0 C0,-9 7,-15 13,-12 C18,-9 15,-3 10,-5' fill='none' stroke='url(%23sv)' stroke-width='2.8' stroke-linecap='round'/%3E%3Ccircle cx='10' cy='-5' r='2.3' fill='%23f3f4f6' stroke='%23374151' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate(153.4 50.2) rotate(47)'%3E%3Cpath d='M-1.8,0 L-1.8,-14 L-4.5,-14 L-4.5,-17.5 L-1.8,-17.5 L-1.8,-21 L1.8,-21 L1.8,-17.5 L4.5,-17.5 L4.5,-14 L1.8,-14 L1.8,0Z' fill='url(%23sv)' stroke='%23374151' stroke-width='1' stroke-linejoin='round'/%3E%3Ccircle cx='0' cy='-3' r='2' fill='%23ef4444' stroke='%23374151' stroke-width='.6'/%3E%3C/g%3E%3Cg transform='translate(153.4 149.8) rotate(133)'%3E%3Cpath d='M-1.8,0 L-1.8,-14 L-4.5,-14 L-4.5,-17.5 L-1.8,-17.5 L-1.8,-21 L1.8,-21 L1.8,-17.5 L4.5,-17.5 L4.5,-14 L1.8,-14 L1.8,0Z' fill='url(%23sv)' stroke='%23374151' stroke-width='1' stroke-linejoin='round'/%3E%3Ccircle cx='0' cy='-3' r='2' fill='%23ef4444' stroke='%23374151' stroke-width='.6'/%3E%3C/g%3E%3Cg transform='translate(200 0) scale(-1 1)'%3E%3Cpath d='M130.4,34.7 Q147.6,28 160.3,22.8 Q151.2,32.1 141.3,41Z' fill='url(%23sv)' stroke='%23374151' stroke-width='1' stroke-linejoin='round'/%3E%3Cpath d='M138,34.2 Q148.3,27 157.2,24.1' fill='none' stroke='%23fff' stroke-opacity='.85' stroke-width='.9'/%3E%3Cpath d='M160.7,61.3 Q175,64.5 185.5,66.1 Q176.1,69.3 166,71.3Z' fill='url(%23sv)' stroke='%23374151' stroke-width='1' stroke-linejoin='round'/%3E%3Cpath d='M167.1,64.3 Q176,64.2 182.3,66.1' fill='none' stroke='%23fff' stroke-opacity='.85' stroke-width='.9'/%3E%3Cpath d='M166,128.7 Q176.6,132 185.5,133.9 Q171,141.1 160.7,138.7Z' fill='url(%23sv)' stroke='%23374151' stroke-width='1' stroke-linejoin='round'/%3E%3Cpath d='M167.1,135.7 Q176,135.8 182.3,133.9' fill='none' stroke='%23fff' stroke-opacity='.85' stroke-width='.9'/%3E%3Cpath d='M141.3,159 Q151.3,169.4 160.3,177.2 Q139.9,175.1 130.4,165.3Z' fill='url(%23sv)' stroke='%23374151' stroke-width='1' stroke-linejoin='round'/%3E%3Cpath d='M138,165.8 Q148.3,173 157.2,175.9' fill='none' stroke='%23fff' stroke-opacity='.85' stroke-width='.9'/%3E%3Cg transform='translate(175 97.4) rotate(88)'%3E%3Cpath d='M0,0 C0,-9 7,-15 13,-12 C18,-9 15,-3 10,-5' fill='none' stroke='%23374151' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M0,0 C0,-9 7,-15 13,-12 C18,-9 15,-3 10,-5' fill='none' stroke='url(%23sv)' stroke-width='2.8' stroke-linecap='round'/%3E%3Ccircle cx='10' cy='-5' r='2.3' fill='%23f3f4f6' stroke='%23374151' stroke-width='.8'/%3E%3C/g%3E%3Cg transform='translate(153.4 50.2) rotate(47)'%3E%3Cpath d='M-1.8,0 L-1.8,-14 L-4.5,-14 L-4.5,-17.5 L-1.8,-17.5 L-1.8,-21 L1.8,-21 L1.8,-17.5 L4.5,-17.5 L4.5,-14 L1.8,-14 L1.8,0Z' fill='url(%23sv)' stroke='%23374151' stroke-width='1' stroke-linejoin='round'/%3E%3Ccircle cx='0' cy='-3' r='2' fill='%23ef4444' stroke='%23374151' stroke-width='.6'/%3E%3C/g%3E%3Cg transform='translate(153.4 149.8) rotate(133)'%3E%3Cpath d='M-1.8,0 L-1.8,-14 L-4.5,-14 L-4.5,-17.5 L-1.8,-17.5 L-1.8,-21 L1.8,-21 L1.8,-17.5 L4.5,-17.5 L4.5,-14 L1.8,-14 L1.8,0Z' fill='url(%23sv)' stroke='%23374151' stroke-width='1' stroke-linejoin='round'/%3E%3Ccircle cx='0' cy='-3' r='2' fill='%23ef4444' stroke='%23374151' stroke-width='.6'/%3E%3C/g%3E%3C/g%3E%3Cpath d='M100,2 L103,12 L110,12 L110,16 L103,16 L103,28 C103,30 101.5,32 100,34 C98.5,32 97,30 97,28 L97,16 L90,16 L90,12 L97,12 Z' fill='url(%23sv)' stroke='%23374151' stroke-width='1.1' stroke-linejoin='round'/%3E%3Cpath d='M100,5 L100,30' stroke='%23fff' stroke-opacity='.85' stroke-width='.9'/%3E%3Ccircle cx='100' cy='20' r='2.4' fill='%23ef4444' stroke='%23374151' stroke-width='.7'/%3E%3Cpath d='M95,170 L100,199 L105,170Z' fill='url(%23sv)' stroke='%23374151' stroke-width='1.1' stroke-linejoin='round'/%3E%3Cpath d='M100,174 L100,195' stroke='%23fff' stroke-opacity='.8' stroke-width='.9'/%3E%3C/svg%3E");filter:drop-shadow(0 0 3px rgba(220,230,255,.5))}
.av.frame_gold::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cdefs%3E%3ClinearGradient id='gd' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23fff3b0'/%3E%3Cstop offset='0.35' stop-color='%23ffd700'/%3E%3Cstop offset='1' stop-color='%23a16207'/%3E%3C/linearGradient%3E%3ClinearGradient id='gd2' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23ffe66b'/%3E%3Cstop offset='1' stop-color='%239a6a05'/%3E%3C/linearGradient%3E%3CradialGradient id='rb' cx='0.35' cy='0.3' r='0.8'%3E%3Cstop offset='0' stop-color='%23fecaca'/%3E%3Cstop offset='0.45' stop-color='%23ef4444'/%3E%3Cstop offset='1' stop-color='%237f1d1d'/%3E%3C/radialGradient%3E%3CradialGradient id='pu' cx='0.35' cy='0.3' r='0.8'%3E%3Cstop offset='0' stop-color='%23f5e1ff'/%3E%3Cstop offset='0.45' stop-color='%23a855f7'/%3E%3Cstop offset='1' stop-color='%234c1d95'/%3E%3C/radialGradient%3E%3CradialGradient id='pe' cx='0.35' cy='0.3' r='0.8'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='1' stop-color='%23d6c9a6'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg transform='translate(167.7 75.4) rotate(40) scale(1.1)'%3E%3Cpath d='M0,0 C4,-8 16,-9 24,0 C16,9 4,8 0,0Z' fill='url(%23gd)' stroke='%237a4a05' stroke-width='.9'/%3E%3Cpath d='M1,0 L20,0' stroke='%23fff8d0' stroke-opacity='.8' stroke-width='.9'/%3E%3C/g%3E%3Cg transform='translate(171.8 95) rotate(56) scale(1)'%3E%3Cpath d='M0,0 C4,-8 16,-9 24,0 C16,9 4,8 0,0Z' fill='url(%23gd)' stroke='%237a4a05' stroke-width='.9'/%3E%3Cpath d='M1,0 L20,0' stroke='%23fff8d0' stroke-opacity='.8' stroke-width='.9'/%3E%3C/g%3E%3Cg transform='translate(170.4 115) rotate(72) scale(0.9)'%3E%3Cpath d='M0,0 C4,-8 16,-9 24,0 C16,9 4,8 0,0Z' fill='url(%23gd)' stroke='%237a4a05' stroke-width='.9'/%3E%3Cpath d='M1,0 L20,0' stroke='%23fff8d0' stroke-opacity='.8' stroke-width='.9'/%3E%3C/g%3E%3Cg transform='translate(163.6 133.8) rotate(88) scale(0.8)'%3E%3Cpath d='M0,0 C4,-8 16,-9 24,0 C16,9 4,8 0,0Z' fill='url(%23gd)' stroke='%237a4a05' stroke-width='.9'/%3E%3Cpath d='M1,0 L20,0' stroke='%23fff8d0' stroke-opacity='.8' stroke-width='.9'/%3E%3C/g%3E%3Cg transform='translate(151.8 150) rotate(104) scale(0.8)'%3E%3Cpath d='M0,0 C4,-8 16,-9 24,0 C16,9 4,8 0,0Z' fill='url(%23gd)' stroke='%237a4a05' stroke-width='.9'/%3E%3Cpath d='M1,0 L20,0' stroke='%23fff8d0' stroke-opacity='.8' stroke-width='.9'/%3E%3C/g%3E%3Cg transform='translate(136 162.4) rotate(120) scale(0.7)'%3E%3Cpath d='M0,0 C4,-8 16,-9 24,0 C16,9 4,8 0,0Z' fill='url(%23gd)' stroke='%237a4a05' stroke-width='.9'/%3E%3Cpath d='M1,0 L20,0' stroke='%23fff8d0' stroke-opacity='.8' stroke-width='.9'/%3E%3C/g%3E%3Cg transform='translate(200 0) scale(-1 1)'%3E%3Cg transform='translate(167.7 75.4) rotate(40) scale(1.1)'%3E%3Cpath d='M0,0 C4,-8 16,-9 24,0 C16,9 4,8 0,0Z' fill='url(%23gd)' stroke='%237a4a05' stroke-width='.9'/%3E%3Cpath d='M1,0 L20,0' stroke='%23fff8d0' stroke-opacity='.8' stroke-width='.9'/%3E%3C/g%3E%3Cg transform='translate(171.8 95) rotate(56) scale(1)'%3E%3Cpath d='M0,0 C4,-8 16,-9 24,0 C16,9 4,8 0,0Z' fill='url(%23gd)' stroke='%237a4a05' stroke-width='.9'/%3E%3Cpath d='M1,0 L20,0' stroke='%23fff8d0' stroke-opacity='.8' stroke-width='.9'/%3E%3C/g%3E%3Cg transform='translate(170.4 115) rotate(72) scale(0.9)'%3E%3Cpath d='M0,0 C4,-8 16,-9 24,0 C16,9 4,8 0,0Z' fill='url(%23gd)' stroke='%237a4a05' stroke-width='.9'/%3E%3Cpath d='M1,0 L20,0' stroke='%23fff8d0' stroke-opacity='.8' stroke-width='.9'/%3E%3C/g%3E%3Cg transform='translate(163.6 133.8) rotate(88) scale(0.8)'%3E%3Cpath d='M0,0 C4,-8 16,-9 24,0 C16,9 4,8 0,0Z' fill='url(%23gd)' stroke='%237a4a05' stroke-width='.9'/%3E%3Cpath d='M1,0 L20,0' stroke='%23fff8d0' stroke-opacity='.8' stroke-width='.9'/%3E%3C/g%3E%3Cg transform='translate(151.8 150) rotate(104) scale(0.8)'%3E%3Cpath d='M0,0 C4,-8 16,-9 24,0 C16,9 4,8 0,0Z' fill='url(%23gd)' stroke='%237a4a05' stroke-width='.9'/%3E%3Cpath d='M1,0 L20,0' stroke='%23fff8d0' stroke-opacity='.8' stroke-width='.9'/%3E%3C/g%3E%3Cg transform='translate(136 162.4) rotate(120) scale(0.7)'%3E%3Cpath d='M0,0 C4,-8 16,-9 24,0 C16,9 4,8 0,0Z' fill='url(%23gd)' stroke='%237a4a05' stroke-width='.9'/%3E%3Cpath d='M1,0 L20,0' stroke='%23fff8d0' stroke-opacity='.8' stroke-width='.9'/%3E%3C/g%3E%3C/g%3E%3Ccircle cx='100' cy='100' r='71' fill='none' stroke='%237a4a05' stroke-width='10.5'/%3E%3Ccircle cx='100' cy='100' r='71' fill='none' stroke='url(%23gd)' stroke-width='8.6'/%3E%3Ccircle cx='100' cy='100' r='67.4' fill='none' stroke='%23a855f7' stroke-width='1.6'/%3E%3Cpath d='M38.3,62.9 Q32.6,51.9 29.1,44.6 Q37,46.3 49.1,49.1Z' fill='url(%23gd)' stroke='%237a4a05' stroke-width='1.1' stroke-linejoin='round'/%3E%3Cpath d='M40.9,53.8 L32.2,47.1' stroke='%23fff8d0' stroke-opacity='.85' stroke-width='1'/%3E%3Ccircle cx='27.9' cy='43.7' r='3.4' fill='url(%23pe)' stroke='%237a4a05' stroke-width='.8'/%3E%3Cpath d='M59.2,40.7 Q57.9,23.9 57.5,12.8 Q66,19.9 78.3,31.3Z' fill='url(%23gd)' stroke='%237a4a05' stroke-width='1.1' stroke-linejoin='round'/%3E%3Cpath d='M67.1,32.6 L59.2,16.4' stroke='%23fff8d0' stroke-opacity='.85' stroke-width='1'/%3E%3Ccircle cx='56.8' cy='11.5' r='3.4' fill='url(%23pe)' stroke='%237a4a05' stroke-width='.8'/%3E%3Cpath d='M89.4,28.8 Q95.4,10.7 100,-1 Q104.6,10.7 110.6,28.8Z' fill='url(%23gd)' stroke='%237a4a05' stroke-width='1.1' stroke-linejoin='round'/%3E%3Cpath d='M100,25 L100,3' stroke='%23fff8d0' stroke-opacity='.85' stroke-width='1'/%3E%3Ccircle cx='100' cy='-2.5' r='4.2' fill='url(%23pe)' stroke='%237a4a05' stroke-width='.8'/%3E%3Cpath d='M121.7,31.3 Q134,19.9 142.5,12.8 Q142.1,23.9 140.8,40.7Z' fill='url(%23gd)' stroke='%237a4a05' stroke-width='1.1' stroke-linejoin='round'/%3E%3Cpath d='M132.9,32.6 L140.8,16.4' stroke='%23fff8d0' stroke-opacity='.85' stroke-width='1'/%3E%3Ccircle cx='143.2' cy='11.5' r='3.4' fill='url(%23pe)' stroke='%237a4a05' stroke-width='.8'/%3E%3Cpath d='M150.9,49.1 Q163,46.3 170.9,44.6 Q167.4,51.9 161.7,62.9Z' fill='url(%23gd)' stroke='%237a4a05' stroke-width='1.1' stroke-linejoin='round'/%3E%3Cpath d='M159.1,53.8 L167.8,47.1' stroke='%23fff8d0' stroke-opacity='.85' stroke-width='1'/%3E%3Ccircle cx='172.1' cy='43.7' r='3.4' fill='url(%23pe)' stroke='%237a4a05' stroke-width='.8'/%3E%3Cpath d='M37,50.7 Q55.9,45.6 64.9,28.1' fill='none' stroke='%237a4a05' stroke-width='1' /%3E%3Cpath d='M64.9,28.1 Q84.3,31.8 100,20' fill='none' stroke='%237a4a05' stroke-width='1' /%3E%3Cpath d='M100,20 Q115.7,31.8 135.1,28.1' fill='none' stroke='%237a4a05' stroke-width='1' /%3E%3Cpath d='M135.1,28.1 Q144.1,45.6 163,50.7' fill='none' stroke='%237a4a05' stroke-width='1' /%3E%3Cpath d='M100,20.5 L107,29 L100,37.5 L93,29Z' fill='url(%23rb)' stroke='%237a4a05' stroke-width='1.1'/%3E%3Ccircle cx='98' cy='26.4' r='1.5' fill='%23fff'/%3E%3Cg transform='rotate(-26 68.9 36.2)'%3E%3Cpath d='M68.9,29.7 L74.1,36.2 L68.9,42.7 L63.7,36.2Z' fill='url(%23pu)' stroke='%237a4a05' stroke-width='1'/%3E%3C/g%3E%3Cg transform='rotate(26 131.1 36.2)'%3E%3Cpath d='M131.1,29.7 L136.3,36.2 L131.1,42.7 L125.9,36.2Z' fill='url(%23pu)' stroke='%237a4a05' stroke-width='1'/%3E%3C/g%3E%3Ccircle cx='44.1' cy='56.3' r='3.2' fill='url(%23pu)' stroke='%237a4a05' stroke-width='.8'/%3E%3Ccircle cx='155.9' cy='56.3' r='3.2' fill='url(%23pu)' stroke='%237a4a05' stroke-width='.8'/%3E%3Ccircle cx='29' cy='100' r='3.2' fill='url(%23pu)' stroke='%237a4a05' stroke-width='.8'/%3E%3Ccircle cx='171' cy='100' r='3.2' fill='url(%23pu)' stroke='%237a4a05' stroke-width='.8'/%3E%3Ccircle cx='100' cy='171' r='3.2' fill='url(%23pu)' stroke='%237a4a05' stroke-width='.8'/%3E%3C/svg%3E");animation:frGold 2.6s ease-in-out infinite}
.av.frame_neon::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cdefs%3E%3ClinearGradient id='ng' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%2322c55e'/%3E%3Cstop offset='1' stop-color='%2300d4ff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cline x1='128.7' y1='30.7' x2='134.4' y2='16.9' stroke='%2322c55e' stroke-width='2' stroke-opacity='.8'/%3E%3Cline x1='169.3' y1='71.3' x2='183.1' y2='65.6' stroke='%2322c55e' stroke-width='2' stroke-opacity='.8'/%3E%3Cline x1='169.3' y1='128.7' x2='183.1' y2='134.4' stroke='%2322c55e' stroke-width='2' stroke-opacity='.8'/%3E%3Cline x1='128.7' y1='169.3' x2='134.4' y2='183.1' stroke='%2322c55e' stroke-width='2' stroke-opacity='.8'/%3E%3Cline x1='71.3' y1='169.3' x2='65.6' y2='183.1' stroke='%2322c55e' stroke-width='2' stroke-opacity='.8'/%3E%3Cline x1='30.7' y1='128.7' x2='16.9' y2='134.4' stroke='%2322c55e' stroke-width='2' stroke-opacity='.8'/%3E%3Cline x1='30.7' y1='71.3' x2='16.9' y2='65.6' stroke='%2322c55e' stroke-width='2' stroke-opacity='.8'/%3E%3Cline x1='71.3' y1='30.7' x2='65.6' y2='16.9' stroke='%2322c55e' stroke-width='2' stroke-opacity='.8'/%3E%3Cpolygon points='128.7,30.7 169.3,71.3 169.3,128.7 128.7,169.3 71.3,169.3 30.7,128.7 30.7,71.3 71.3,30.7' fill='none' stroke='%23052e1a' stroke-width='8' stroke-linejoin='round'/%3E%3Cpolygon points='128.7,30.7 169.3,71.3 169.3,128.7 128.7,169.3 71.3,169.3 30.7,128.7 30.7,71.3 71.3,30.7' fill='none' stroke='url(%23ng)' stroke-width='5' stroke-linejoin='round'/%3E%3Cpolygon points='128.7,30.7 169.3,71.3 169.3,128.7 128.7,169.3 71.3,169.3 30.7,128.7 30.7,71.3 71.3,30.7' fill='none' stroke='%23c8fff4' stroke-opacity='.8' stroke-width='1' stroke-linejoin='round'/%3E%3Cline x1='148.1' y1='30.5' x2='169.5' y2='51.9' stroke='%2300d4ff' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpolyline points='120.7,16.9 134.4,16.9 144.2,26.6' fill='none' stroke='%23c8fff4' stroke-width='3.4' stroke-linejoin='miter' stroke-linecap='square'/%3E%3Cline x1='183.1' y1='84.8' x2='183.1' y2='115.2' stroke='%2300d4ff' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpolyline points='173.4,55.8 183.1,65.6 183.1,79.3' fill='none' stroke='%23c8fff4' stroke-width='3.4' stroke-linejoin='miter' stroke-linecap='square'/%3E%3Cline x1='169.5' y1='148.1' x2='148.1' y2='169.5' stroke='%2300d4ff' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpolyline points='183.1,120.7 183.1,134.4 173.4,144.2' fill='none' stroke='%23c8fff4' stroke-width='3.4' stroke-linejoin='miter' stroke-linecap='square'/%3E%3Cline x1='115.2' y1='183.1' x2='84.8' y2='183.1' stroke='%2300d4ff' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpolyline points='144.2,173.4 134.4,183.1 120.7,183.1' fill='none' stroke='%23c8fff4' stroke-width='3.4' stroke-linejoin='miter' stroke-linecap='square'/%3E%3Cline x1='51.9' y1='169.5' x2='30.5' y2='148.1' stroke='%2300d4ff' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpolyline points='79.3,183.1 65.6,183.1 55.8,173.4' fill='none' stroke='%23c8fff4' stroke-width='3.4' stroke-linejoin='miter' stroke-linecap='square'/%3E%3Cline x1='16.9' y1='115.2' x2='16.9' y2='84.8' stroke='%2300d4ff' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpolyline points='26.6,144.2 16.9,134.4 16.9,120.7' fill='none' stroke='%23c8fff4' stroke-width='3.4' stroke-linejoin='miter' stroke-linecap='square'/%3E%3Cline x1='30.5' y1='51.9' x2='51.9' y2='30.5' stroke='%2300d4ff' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpolyline points='16.9,79.3 16.9,65.6 26.6,55.8' fill='none' stroke='%23c8fff4' stroke-width='3.4' stroke-linejoin='miter' stroke-linecap='square'/%3E%3Cline x1='84.8' y1='16.9' x2='115.2' y2='16.9' stroke='%2300d4ff' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpolyline points='55.8,26.6 65.6,16.9 79.3,16.9' fill='none' stroke='%23c8fff4' stroke-width='3.4' stroke-linejoin='miter' stroke-linecap='square'/%3E%3Ccircle cx='128.7' cy='30.7' r='3.6' fill='%2322c55e' stroke='%23c8fff4' stroke-width='1.2'/%3E%3Ccircle cx='169.3' cy='71.3' r='3.6' fill='%2322c55e' stroke='%23c8fff4' stroke-width='1.2'/%3E%3Ccircle cx='169.3' cy='128.7' r='3.6' fill='%2322c55e' stroke='%23c8fff4' stroke-width='1.2'/%3E%3Ccircle cx='128.7' cy='169.3' r='3.6' fill='%2322c55e' stroke='%23c8fff4' stroke-width='1.2'/%3E%3Ccircle cx='71.3' cy='169.3' r='3.6' fill='%2322c55e' stroke='%23c8fff4' stroke-width='1.2'/%3E%3Ccircle cx='30.7' cy='128.7' r='3.6' fill='%2322c55e' stroke='%23c8fff4' stroke-width='1.2'/%3E%3Ccircle cx='30.7' cy='71.3' r='3.6' fill='%2322c55e' stroke='%23c8fff4' stroke-width='1.2'/%3E%3Ccircle cx='71.3' cy='30.7' r='3.6' fill='%2322c55e' stroke='%23c8fff4' stroke-width='1.2'/%3E%3Cpath d='M82,18 L118,18 L112,8 L88,8Z' fill='%2300d4ff' stroke='%23c8fff4' stroke-width='1'/%3E%3Cpath d='M94,13 L106,13' stroke='%23052e1a' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M88,182 L112,182 L108,191 L92,191Z' fill='%2322c55e' stroke='%23c8fff4' stroke-width='1'/%3E%3Cpath d='M96,100 ' /%3E%3Cpath d='M9,92 L18,100 L9,108Z M191,92 L182,100 L191,108Z' fill='%2300d4ff'/%3E%3C/svg%3E");animation:frNeon 1.8s ease-in-out infinite}
.av.frame_fire::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cdefs%3E%3ClinearGradient id='f1' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23ff3b6b'/%3E%3Cstop offset='1' stop-color='%23a1103a'/%3E%3C/linearGradient%3E%3ClinearGradient id='f2' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23ffb238'/%3E%3Cstop offset='0.5' stop-color='%23ff7a18'/%3E%3Cstop offset='1' stop-color='%23ff3b6b'/%3E%3C/linearGradient%3E%3ClinearGradient id='f3' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff3b0'/%3E%3Cstop offset='0.6' stop-color='%23ffd23f'/%3E%3Cstop offset='1' stop-color='%23ffb238'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='100' cy='100' r='69' fill='none' stroke='%237f1d3a' stroke-width='10'/%3E%3Ccircle cx='100' cy='100' r='69' fill='none' stroke='url(%23f2)' stroke-width='6'/%3E%3Cpath d='M100,34 C102.7,23 115.5,20.5 188.6,60.5 C170.3,47 158.9,48.8 147.5,54.2Z' fill='url(%23f1)' stroke='%236b0d2b' stroke-width='.8'/%3E%3Cpath d='M135.7,44.5 C143.9,36.7 152.5,45.1 190.9,114 C182.8,93.8 177.2,88.8 164.7,87.1Z' fill='url(%23f1)' stroke='%236b0d2b' stroke-width='.8'/%3E%3Cpath d='M160,72.6 C171.1,70.5 179.7,80.8 173.4,164.9 C178.2,142.4 171,132.3 161.4,124.1Z' fill='url(%23f1)' stroke='%236b0d2b' stroke-width='.8'/%3E%3Cpath d='M165.3,109.4 C175.8,113.6 169.9,124.3 124.5,186.6 C139,171 142.3,165.6 138.6,153.5Z' fill='url(%23f1)' stroke='%236b0d2b' stroke-width='.8'/%3E%3Cpath d='M149.9,143.2 C156.4,152.4 149.4,163 72.1,191.8 C94.1,186.8 100.1,178 103.6,165.9Z' fill='url(%23f1)' stroke='%236b0d2b' stroke-width='.8'/%3E%3Cpath d='M118.6,163.3 C119.1,174.6 107.6,180.6 26.1,162.8 C47.5,170.6 57.9,165.7 67.4,157.4Z' fill='url(%23f1)' stroke='%236b0d2b' stroke-width='.8'/%3E%3Cpath d='M81.4,163.3 C75.7,173.1 65.1,167.5 8.8,112.2 C22.3,129.3 29.1,132.5 41.5,130.6Z' fill='url(%23f1)' stroke='%236b0d2b' stroke-width='.8'/%3E%3Cpath d='M50.1,143.2 C40.1,148.4 28.9,140.9 11.2,58.4 C13,81.4 22.8,89 34.3,94.1Z' fill='url(%23f1)' stroke='%236b0d2b' stroke-width='.8'/%3E%3Cpath d='M34.7,109.4 C23.4,108.3 26.1,96.4 52.1,23.8 C42.5,42.9 41,49 47.9,59.5Z' fill='url(%23f1)' stroke='%236b0d2b' stroke-width='.8'/%3E%3Cpath d='M40,72.6 C31.1,65.6 34.9,53.5 100.9,4 C81.2,15 77.9,25.2 78,37.8Z' fill='url(%23f1)' stroke='%236b0d2b' stroke-width='.8'/%3E%3Cpath d='M64.3,44.5 C60.7,33.8 70,24.8 153.2,18.9 C130.5,17.5 121.9,25.1 115.2,35.8Z' fill='url(%23f1)' stroke='%236b0d2b' stroke-width='.8'/%3E%3Cpath d='M118.6,36.7 C124.3,26.9 130.6,34.8 182.9,70.4 C168.4,60.5 165.7,57.9 153.6,61.5Z' fill='url(%23f2)' stroke='%23b3300f' stroke-width='.8'/%3E%3Cpath d='M149.9,56.8 C159.9,51.6 157.6,63.9 181.8,119 C174.9,103.5 178,100.1 165.9,96.7Z' fill='url(%23f2)' stroke='%23b3300f' stroke-width='.8'/%3E%3Cpath d='M165.3,90.6 C176.6,91.7 174,100.8 162.7,164.5 C166,146.9 165.6,142.3 157.3,132.8Z' fill='url(%23f2)' stroke='%23b3300f' stroke-width='.8'/%3E%3Cpath d='M160,127.4 C168.9,134.4 155.1,136.3 116.3,180.4 C127.2,167.8 132.3,171 130.4,158.6Z' fill='url(%23f2)' stroke='%23b3300f' stroke-width='.8'/%3E%3Cpath d='M135.7,155.5 C139.3,166.2 129.2,165.8 68.1,182 C85.1,177.6 88.8,177.2 93.9,165.7Z' fill='url(%23f2)' stroke='%23b3300f' stroke-width='.8'/%3E%3Cpath d='M100,166 C97.3,177 89.6,167.2 32,149.4 C48.3,154.3 48.8,158.9 59.4,152Z' fill='url(%23f2)' stroke='%23b3300f' stroke-width='.8'/%3E%3Cpath d='M64.3,155.5 C56.1,163.3 50.9,155.4 10.1,105.1 C21.3,119.1 25.1,121.9 37.7,121.8Z' fill='url(%23f2)' stroke='%23b3300f' stroke-width='.8'/%3E%3Cpath d='M40,127.4 C28.9,129.5 36.5,117.9 28.6,59.7 C31,76.2 25.2,77.9 35.8,84.6Z' fill='url(%23f2)' stroke='%23b3300f' stroke-width='.8'/%3E%3Cpath d='M34.7,90.6 C24.2,86.4 31.1,79 58.9,22.2 C51.1,37.9 49,41 54.3,52.4Z' fill='url(%23f2)' stroke='%23b3300f' stroke-width='.8'/%3E%3Cpath d='M50.1,56.8 C43.6,47.6 56,48.1 107.2,16.3 C92.8,25.3 89,22.8 87.3,35.2Z' fill='url(%23f2)' stroke='%23b3300f' stroke-width='.8'/%3E%3Cpath d='M81.4,36.7 C80.9,25.4 90.3,26.6 155,28.7 C137.1,28 132.5,29.1 124.3,38.7Z' fill='url(%23f2)' stroke='%23b3300f' stroke-width='.8'/%3E%3Cpath d='M104.6,34.2 C108,23.4 110.8,39 152.2,42 C139.4,43.4 143.6,35.3 134,43.4Z' fill='url(%23f3)'/%3E%3Cpath d='M139.5,47.1 C148.2,39.9 139.4,57.4 171.4,80.5 C160.1,75.2 171.7,69.2 159.2,70.8Z' fill='url(%23f3)'/%3E%3Cpath d='M161.8,76.8 C173,75.5 162,84 176.3,124 C169.9,112.7 176.9,112.8 165.6,107.4Z' fill='url(%23f3)'/%3E%3Cpath d='M164.5,113.9 C174.7,118.9 158.9,119.4 149.9,159.9 C150.4,147.1 157.8,152.4 151.2,141.7Z' fill='url(%23f3)'/%3E%3Cpath d='M146.7,146.6 C152.6,156.2 136.5,145 109.1,173.4 C116,163 120.3,175.3 120.5,162.7Z' fill='url(%23f3)'/%3E%3Cpath d='M114.1,164.5 C113.9,175.7 107,163.6 65.4,172.1 C77.5,167.3 76.4,174.3 83.3,163.9Z' fill='url(%23f3)'/%3E%3Cpath d='M77,161.9 C70.7,171.2 72.4,155.5 33.6,140.9 C46.2,143.2 39.9,149.8 51.4,144.7Z' fill='url(%23f3)'/%3E%3Cpath d='M47.2,139.6 C36.9,144.1 50.2,129.7 26,98.6 C35.4,106.9 22.6,109.4 35,111.4Z' fill='url(%23f3)'/%3E%3Cpath d='M34.2,104.8 C23.1,102.9 36,97.9 33.5,55.5 C36.6,68.1 29.8,66 39.2,74.4Z' fill='url(%23f3)'/%3E%3Cpath d='M42,68.5 C33.7,60.9 49,64.8 69,28.4 C64.9,40.6 59.3,33.5 62.7,45.6Z' fill='url(%23f3)'/%3E%3Cpath d='M68.3,42.1 C65.4,31.2 77.6,46.5 111.9,27 C102.4,35 101.7,22 98,34Z' fill='url(%23f3)'/%3E%3Ccircle cx='193.2' cy='92.9' r='1.2' fill='%23ffd23f'/%3E%3Ccircle cx='42.7' cy='174.9' r='0.9' fill='%23ffd23f'/%3E%3Ccircle cx='108' cy='4' r='1.1' fill='%23ffd23f'/%3E%3Ccircle cx='197.5' cy='90.4' r='1.3' fill='%23ffd23f'/%3E%3Ccircle cx='20.6' cy='52' r='1.4' fill='%23ffd23f'/%3E%3Ccircle cx='176.5' cy='44.8' r='1.7' fill='%23ffd23f'/%3E%3Ccircle cx='86.2' cy='194.4' r='1.5' fill='%23ffd23f'/%3E%3Ccircle cx='137.4' cy='12' r='1.4' fill='%23ffd23f'/%3E%3Ccircle cx='183.8' cy='128' r='1.7' fill='%23ffd23f'/%3E%3Ccircle cx='116.2' cy='193.8' r='1.7' fill='%23ffd23f'/%3E%3Ccircle cx='5.2' cy='121.7' r='1.2' fill='%23ffd23f'/%3E%3Ccircle cx='12.2' cy='70.9' r='1.7' fill='%23ffd23f'/%3E%3Ccircle cx='38.6' cy='35.6' r='0.9' fill='%23ffd23f'/%3E%3Ccircle cx='195.6' cy='79.9' r='1.2' fill='%23ffd23f'/%3E%3C/svg%3E");animation:frFire 1.4s ease-in-out infinite}
.av.frame_diamond::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cdefs%3E%3ClinearGradient id='dr' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23e0f2fe'/%3E%3Cstop offset='0.5' stop-color='%23a78bfa'/%3E%3Cstop offset='1' stop-color='%23f0abfc'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M100,34.5 L100.8,25.5 L115.8,27.2 L114.6,36.1Z' fill='%23e0f2fe' stroke='%23ffffff' stroke-opacity='.9' stroke-width='.7'/%3E%3Cpath d='M114.6,36.1 L117.3,27.5 L131.6,32.5 L128.4,41Z' fill='%2393c5fd' stroke='%23ffffff' stroke-opacity='.9' stroke-width='.7'/%3E%3Cpath d='M128.4,41 L133,33.2 L145.8,41.3 L140.8,48.8Z' fill='%23c4b5fd' stroke='%23ffffff' stroke-opacity='.9' stroke-width='.7'/%3E%3Cpath d='M140.8,48.8 L147.1,42.2 L157.8,52.9 L151.2,59.2Z' fill='%23f5d0fe' stroke='%23ffffff' stroke-opacity='.9' stroke-width='.7'/%3E%3Cpath d='M151.2,59.2 L158.7,54.2 L166.8,67 L159,71.6Z' fill='%23e0f2fe' stroke='%23ffffff' stroke-opacity='.9' stroke-width='.7'/%3E%3Cpath d='M159,71.6 L167.5,68.4 L172.5,82.7 L163.9,85.4Z' fill='%2393c5fd' stroke='%23ffffff' stroke-opacity='.9' stroke-width='.7'/%3E%3Cpath d='M163.9,85.4 L172.8,84.2 L174.5,99.2 L165.5,100Z' fill='%23c4b5fd' stroke='%23ffffff' stroke-opacity='.9' stroke-width='.7'/%3E%3Cpath d='M165.5,100 L174.5,100.8 L172.8,115.8 L163.9,114.6Z' fill='%23f5d0fe' stroke='%23ffffff' stroke-opacity='.9' stroke-width='.7'/%3E%3Cpath d='M163.9,114.6 L172.5,117.3 L167.5,131.6 L159,128.4Z' fill='%23e0f2fe' stroke='%23ffffff' stroke-opacity='.9' stroke-width='.7'/%3E%3Cpath d='M159,128.4 L166.8,133 L158.7,145.8 L151.2,140.8Z' fill='%2393c5fd' stroke='%23ffffff' stroke-opacity='.9' stroke-width='.7'/%3E%3Cpath d='M151.2,140.8 L157.8,147.1 L147.1,157.8 L140.8,151.2Z' fill='%23c4b5fd' stroke='%23ffffff' stroke-opacity='.9' stroke-width='.7'/%3E%3Cpath d='M140.8,151.2 L145.8,158.7 L133,166.8 L128.4,159Z' fill='%23f5d0fe' stroke='%23ffffff' stroke-opacity='.9' stroke-width='.7'/%3E%3Cpath d='M128.4,159 L131.6,167.5 L117.3,172.5 L114.6,163.9Z' fill='%23e0f2fe' stroke='%23ffffff' stroke-opacity='.9' stroke-width='.7'/%3E%3Cpath d='M114.6,163.9 L115.8,172.8 L100.8,174.5 L100,165.5Z' fill='%2393c5fd' stroke='%23ffffff' stroke-opacity='.9' stroke-width='.7'/%3E%3Cpath d='M100,165.5 L99.2,174.5 L84.2,172.8 L85.4,163.9Z' fill='%23c4b5fd' stroke='%23ffffff' stroke-opacity='.9' stroke-width='.7'/%3E%3Cpath d='M85.4,163.9 L82.7,172.5 L68.4,167.5 L71.6,159Z' fill='%23f5d0fe' stroke='%23ffffff' stroke-opacity='.9' stroke-width='.7'/%3E%3Cpath d='M71.6,159 L67,166.8 L54.2,158.7 L59.2,151.2Z' fill='%23e0f2fe' stroke='%23ffffff' stroke-opacity='.9' stroke-width='.7'/%3E%3Cpath d='M59.2,151.2 L52.9,157.8 L42.2,147.1 L48.8,140.8Z' fill='%2393c5fd' stroke='%23ffffff' stroke-opacity='.9' stroke-width='.7'/%3E%3Cpath d='M48.8,140.8 L41.3,145.8 L33.2,133 L41,128.4Z' fill='%23c4b5fd' stroke='%23ffffff' stroke-opacity='.9' stroke-width='.7'/%3E%3Cpath d='M41,128.4 L32.5,131.6 L27.5,117.3 L36.1,114.6Z' fill='%23f5d0fe' stroke='%23ffffff' stroke-opacity='.9' stroke-width='.7'/%3E%3Cpath d='M36.1,114.6 L27.2,115.8 L25.5,100.8 L34.5,100Z' fill='%23e0f2fe' stroke='%23ffffff' stroke-opacity='.9' stroke-width='.7'/%3E%3Cpath d='M34.5,100 L25.5,99.2 L27.2,84.2 L36.1,85.4Z' fill='%2393c5fd' stroke='%23ffffff' stroke-opacity='.9' stroke-width='.7'/%3E%3Cpath d='M36.1,85.4 L27.5,82.7 L32.5,68.4 L41,71.6Z' fill='%23c4b5fd' stroke='%23ffffff' stroke-opacity='.9' stroke-width='.7'/%3E%3Cpath d='M41,71.6 L33.2,67 L41.3,54.2 L48.8,59.2Z' fill='%23f5d0fe' stroke='%23ffffff' stroke-opacity='.9' stroke-width='.7'/%3E%3Cpath d='M48.8,59.2 L42.2,52.9 L52.9,42.2 L59.2,48.8Z' fill='%23e0f2fe' stroke='%23ffffff' stroke-opacity='.9' stroke-width='.7'/%3E%3Cpath d='M59.2,48.8 L54.2,41.3 L67,33.2 L71.6,41Z' fill='%2393c5fd' stroke='%23ffffff' stroke-opacity='.9' stroke-width='.7'/%3E%3Cpath d='M71.6,41 L68.4,32.5 L82.7,27.5 L85.4,36.1Z' fill='%23c4b5fd' stroke='%23ffffff' stroke-opacity='.9' stroke-width='.7'/%3E%3Cpath d='M85.4,36.1 L84.2,27.2 L99.2,25.5 L100,34.5Z' fill='%23f5d0fe' stroke='%23ffffff' stroke-opacity='.9' stroke-width='.7'/%3E%3Cg transform='translate(141.2 47.2) rotate(26)'%3E%3Cpath d='M-8.5,0 L-8.5,-29 L0,-43.45 L0,0Z' fill='%23bae6fd'/%3E%3Cpath d='M0,0 L0,-43.45 L8.5,-29 L8.5,0Z' fill='%2360a5fa'/%3E%3Cpath d='M-8.5,-29 L0,-43.45 L8.5,-29 L0,-23.05Z' fill='%23ffffff'/%3E%3Cpath d='M-8.5,0 L-8.5,-29 L0,-43.45 L8.5,-29 L8.5,0Z' fill='none' stroke='%23ffffff' stroke-opacity='.9' stroke-width='.9' stroke-linejoin='round'/%3E%3Cpath d='M0,0 L0,-43.45' stroke='%23ffffff' stroke-opacity='.5' stroke-width='.7'/%3E%3C/g%3E%3Cg transform='translate(158 66.5) rotate(70)'%3E%3Cpath d='M-6.5,0 L-6.5,-22 L0,-33.05 L0,0Z' fill='%23ddd6fe'/%3E%3Cpath d='M0,0 L0,-33.05 L6.5,-22 L6.5,0Z' fill='%238b5cf6'/%3E%3Cpath d='M-6.5,-22 L0,-33.05 L6.5,-22 L0,-17.45Z' fill='%23ffffff'/%3E%3Cpath d='M-6.5,0 L-6.5,-22 L0,-33.05 L6.5,-22 L6.5,0Z' fill='none' stroke='%23ffffff' stroke-opacity='.9' stroke-width='.9' stroke-linejoin='round'/%3E%3Cpath d='M0,0 L0,-33.05' stroke='%23ffffff' stroke-opacity='.5' stroke-width='.7'/%3E%3C/g%3E%3Cg transform='translate(118.5 35.6) rotate(-8)'%3E%3Cpath d='M-6.0,0 L-6.0,-21 L0,-31.2 L0,0Z' fill='%23fbcfe8'/%3E%3Cpath d='M0,0 L0,-31.2 L6.0,-21 L6.0,0Z' fill='%23d946ef'/%3E%3Cpath d='M-6.0,-21 L0,-31.2 L6.0,-21 L0,-16.8Z' fill='%23ffffff'/%3E%3Cpath d='M-6.0,0 L-6.0,-21 L0,-31.2 L6.0,-21 L6.0,0Z' fill='none' stroke='%23ffffff' stroke-opacity='.9' stroke-width='.9' stroke-linejoin='round'/%3E%3Cpath d='M0,0 L0,-31.2' stroke='%23ffffff' stroke-opacity='.5' stroke-width='.7'/%3E%3C/g%3E%3Cg transform='translate(167.3 90.5) rotate(90)'%3E%3Cpath d='M-4.5,0 L-4.5,-13 L0,-20.65 L0,0Z' fill='%23bae6fd'/%3E%3Cpath d='M0,0 L0,-20.65 L4.5,-13 L4.5,0Z' fill='%2360a5fa'/%3E%3Cpath d='M-4.5,-13 L0,-20.65 L4.5,-13 L0,-9.85Z' fill='%23ffffff'/%3E%3Cpath d='M-4.5,0 L-4.5,-13 L0,-20.65 L4.5,-13 L4.5,0Z' fill='none' stroke='%23ffffff' stroke-opacity='.9' stroke-width='.9' stroke-linejoin='round'/%3E%3Cpath d='M0,0 L0,-20.65' stroke='%23ffffff' stroke-opacity='.5' stroke-width='.7'/%3E%3C/g%3E%3Cg transform='translate(58.8 152.8) rotate(230)'%3E%3Cpath d='M-8.5,0 L-8.5,-29 L0,-43.45 L0,0Z' fill='%23ddd6fe'/%3E%3Cpath d='M0,0 L0,-43.45 L8.5,-29 L8.5,0Z' fill='%238b5cf6'/%3E%3Cpath d='M-8.5,-29 L0,-43.45 L8.5,-29 L0,-23.05Z' fill='%23ffffff'/%3E%3Cpath d='M-8.5,0 L-8.5,-29 L0,-43.45 L8.5,-29 L8.5,0Z' fill='none' stroke='%23ffffff' stroke-opacity='.9' stroke-width='.9' stroke-linejoin='round'/%3E%3Cpath d='M0,0 L0,-43.45' stroke='%23ffffff' stroke-opacity='.5' stroke-width='.7'/%3E%3C/g%3E%3Cg transform='translate(42 133.5) rotate(230)'%3E%3Cpath d='M-6.5,0 L-6.5,-22 L0,-33.05 L0,0Z' fill='%23bae6fd'/%3E%3Cpath d='M0,0 L0,-33.05 L6.5,-22 L6.5,0Z' fill='%2360a5fa'/%3E%3Cpath d='M-6.5,-22 L0,-33.05 L6.5,-22 L0,-17.45Z' fill='%23ffffff'/%3E%3Cpath d='M-6.5,0 L-6.5,-22 L0,-33.05 L6.5,-22 L6.5,0Z' fill='none' stroke='%23ffffff' stroke-opacity='.9' stroke-width='.9' stroke-linejoin='round'/%3E%3Cpath d='M0,0 L0,-33.05' stroke='%23ffffff' stroke-opacity='.5' stroke-width='.7'/%3E%3C/g%3E%3Cg transform='translate(81.5 164.4) rotate(220)'%3E%3Cpath d='M-6.0,0 L-6.0,-21 L0,-31.2 L0,0Z' fill='%23fbcfe8'/%3E%3Cpath d='M0,0 L0,-31.2 L6.0,-21 L6.0,0Z' fill='%23d946ef'/%3E%3Cpath d='M-6.0,-21 L0,-31.2 L6.0,-21 L0,-16.8Z' fill='%23ffffff'/%3E%3Cpath d='M-6.0,0 L-6.0,-21 L0,-31.2 L6.0,-21 L6.0,0Z' fill='none' stroke='%23ffffff' stroke-opacity='.9' stroke-width='.9' stroke-linejoin='round'/%3E%3Cpath d='M0,0 L0,-31.2' stroke='%23ffffff' stroke-opacity='.5' stroke-width='.7'/%3E%3C/g%3E%3Cg transform='translate(33 111.8) rotate(252)'%3E%3Cpath d='M-4.5,0 L-4.5,-13 L0,-20.65 L0,0Z' fill='%23fbcfe8'/%3E%3Cpath d='M0,0 L0,-20.65 L4.5,-13 L4.5,0Z' fill='%23d946ef'/%3E%3Cpath d='M-4.5,-13 L0,-20.65 L4.5,-13 L0,-9.85Z' fill='%23ffffff'/%3E%3Cpath d='M-4.5,0 L-4.5,-13 L0,-20.65 L4.5,-13 L4.5,0Z' fill='none' stroke='%23ffffff' stroke-opacity='.9' stroke-width='.9' stroke-linejoin='round'/%3E%3Cpath d='M0,0 L0,-20.65' stroke='%23ffffff' stroke-opacity='.5' stroke-width='.7'/%3E%3C/g%3E%3Cg transform='translate(68.1 40) rotate(324)'%3E%3Cpath d='M-5.5,0 L-5.5,-18 L0,-27.35 L0,0Z' fill='%23fbcfe8'/%3E%3Cpath d='M0,0 L0,-27.35 L5.5,-18 L5.5,0Z' fill='%23d946ef'/%3E%3Cpath d='M-5.5,-18 L0,-27.35 L5.5,-18 L0,-14.15Z' fill='%23ffffff'/%3E%3Cpath d='M-5.5,0 L-5.5,-18 L0,-27.35 L5.5,-18 L5.5,0Z' fill='none' stroke='%23ffffff' stroke-opacity='.9' stroke-width='.9' stroke-linejoin='round'/%3E%3Cpath d='M0,0 L0,-27.35' stroke='%23ffffff' stroke-opacity='.5' stroke-width='.7'/%3E%3C/g%3E%3Cg transform='translate(92.9 32.4) rotate(362)'%3E%3Cpath d='M-4.5,0 L-4.5,-13 L0,-20.65 L0,0Z' fill='%23bae6fd'/%3E%3Cpath d='M0,0 L0,-20.65 L4.5,-13 L4.5,0Z' fill='%2360a5fa'/%3E%3Cpath d='M-4.5,-13 L0,-20.65 L4.5,-13 L0,-9.85Z' fill='%23ffffff'/%3E%3Cpath d='M-4.5,0 L-4.5,-13 L0,-20.65 L4.5,-13 L4.5,0Z' fill='none' stroke='%23ffffff' stroke-opacity='.9' stroke-width='.9' stroke-linejoin='round'/%3E%3Cpath d='M0,0 L0,-20.65' stroke='%23ffffff' stroke-opacity='.5' stroke-width='.7'/%3E%3C/g%3E%3Cg transform='translate(141.9 153.6) rotate(152)'%3E%3Cpath d='M-5.5,0 L-5.5,-18 L0,-27.35 L0,0Z' fill='%23bae6fd'/%3E%3Cpath d='M0,0 L0,-27.35 L5.5,-18 L5.5,0Z' fill='%2360a5fa'/%3E%3Cpath d='M-5.5,-18 L0,-27.35 L5.5,-18 L0,-14.15Z' fill='%23ffffff'/%3E%3Cpath d='M-5.5,0 L-5.5,-18 L0,-27.35 L5.5,-18 L5.5,0Z' fill='none' stroke='%23ffffff' stroke-opacity='.9' stroke-width='.9' stroke-linejoin='round'/%3E%3Cpath d='M0,0 L0,-27.35' stroke='%23ffffff' stroke-opacity='.5' stroke-width='.7'/%3E%3C/g%3E%3Cg transform='translate(158.9 134) rotate(110)'%3E%3Cpath d='M-4.5,0 L-4.5,-13 L0,-20.65 L0,0Z' fill='%23ddd6fe'/%3E%3Cpath d='M0,0 L0,-20.65 L4.5,-13 L4.5,0Z' fill='%238b5cf6'/%3E%3Cpath d='M-4.5,-13 L0,-20.65 L4.5,-13 L0,-9.85Z' fill='%23ffffff'/%3E%3Cpath d='M-4.5,0 L-4.5,-13 L0,-20.65 L4.5,-13 L4.5,0Z' fill='none' stroke='%23ffffff' stroke-opacity='.9' stroke-width='.9' stroke-linejoin='round'/%3E%3Cpath d='M0,0 L0,-20.65' stroke='%23ffffff' stroke-opacity='.5' stroke-width='.7'/%3E%3C/g%3E%3Cg transform='translate(100 168) rotate(180)'%3E%3Cpath d='M-4.0,0 L-4.0,-12 L0,-18.8 L0,0Z' fill='%23ddd6fe'/%3E%3Cpath d='M0,0 L0,-18.8 L4.0,-12 L4.0,0Z' fill='%238b5cf6'/%3E%3Cpath d='M-4.0,-12 L0,-18.8 L4.0,-12 L0,-9.2Z' fill='%23ffffff'/%3E%3Cpath d='M-4.0,0 L-4.0,-12 L0,-18.8 L4.0,-12 L4.0,0Z' fill='none' stroke='%23ffffff' stroke-opacity='.9' stroke-width='.9' stroke-linejoin='round'/%3E%3Cpath d='M0,0 L0,-18.8' stroke='%23ffffff' stroke-opacity='.5' stroke-width='.7'/%3E%3C/g%3E%3Cg transform='translate(167 111.8) rotate(100)'%3E%3Cpath d='M-3.5,0 L-3.5,-10 L0,-15.95 L0,0Z' fill='%23bae6fd'/%3E%3Cpath d='M0,0 L0,-15.95 L3.5,-10 L3.5,0Z' fill='%2360a5fa'/%3E%3Cpath d='M-3.5,-10 L0,-15.95 L3.5,-10 L0,-7.550000000000001Z' fill='%23ffffff'/%3E%3Cpath d='M-3.5,0 L-3.5,-10 L0,-15.95 L3.5,-10 L3.5,0Z' fill='none' stroke='%23ffffff' stroke-opacity='.9' stroke-width='.9' stroke-linejoin='round'/%3E%3Cpath d='M0,0 L0,-15.95' stroke='%23ffffff' stroke-opacity='.5' stroke-width='.7'/%3E%3C/g%3E%3Cg transform='translate(33 88.2) rotate(280)'%3E%3Cpath d='M-3.5,0 L-3.5,-10 L0,-15.95 L0,0Z' fill='%23ddd6fe'/%3E%3Cpath d='M0,0 L0,-15.95 L3.5,-10 L3.5,0Z' fill='%238b5cf6'/%3E%3Cpath d='M-3.5,-10 L0,-15.95 L3.5,-10 L0,-7.550000000000001Z' fill='%23ffffff'/%3E%3Cpath d='M-3.5,0 L-3.5,-10 L0,-15.95 L3.5,-10 L3.5,0Z' fill='none' stroke='%23ffffff' stroke-opacity='.9' stroke-width='.9' stroke-linejoin='round'/%3E%3Cpath d='M0,0 L0,-15.95' stroke='%23ffffff' stroke-opacity='.5' stroke-width='.7'/%3E%3C/g%3E%3Ccircle cx='100' cy='100' r='65.5' fill='none' stroke='%23ffffff' stroke-opacity='.85' stroke-width='1.2'/%3E%3Cpath d='M146,11.3 L148,18.3 L155,20.3 L148,22.3 L146,29.3 L144,22.3 L137,20.3 L144,18.3Z' fill='%23ffffff'/%3E%3Cpath d='M39.8,159.9 L41.3,165.3 L46.8,166.9 L41.3,168.4 L39.8,173.9 L38.2,168.4 L32.8,166.9 L38.2,165.3Z' fill='%23ffffff'/%3E%3Cpath d='M67.8,15.3 L68.9,19.2 L72.8,20.3 L68.9,21.4 L67.8,25.3 L66.7,21.4 L62.8,20.3 L66.7,19.2Z' fill='%23ffffff'/%3E%3Cpath d='M145.6,167.9 L146.7,171.8 L150.6,172.9 L146.7,174 L145.6,177.9 L144.5,174 L140.6,172.9 L144.5,171.8Z' fill='%23ffffff'/%3E%3C/svg%3E");animation:frDiamond 2.4s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.av[class*="frame_"]::after{animation:none}}

/* ───────── Модалки ───────── */
.overlay{
  position:fixed;inset:0;z-index:9000;display:none;align-items:flex-end;justify-content:center;
  background:rgba(4,6,18,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  padding:16px 14px calc(16px + var(--safe-b));overflow-y:auto;
}
.overlay.active{display:flex}
.overlay.center{align-items:center}
.sheet{
  position:relative;width:100%;max-width:440px;
  background:var(--surface);border:1px solid var(--line-strong);border-radius:26px;
  padding:26px 20px 20px;box-shadow:0 40px 100px rgba(0,0,0,.7);
  animation:sheetIn .35s cubic-bezier(.3,1.2,.5,1);
}
@keyframes sheetIn{from{transform:translateY(24px) scale(.97);opacity:0}to{transform:none;opacity:1}}
.sheet-close{position:absolute;top:10px;right:10px;width:38px;height:38px;border-radius:50%;font-size:22px;color:var(--muted)}
.sheet-close:hover{color:var(--text)}

/* Подтверждение матча */
.confirm .ring{position:relative;width:150px;height:150px;margin:0 auto 18px}
.confirm .ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.confirm .ring .track{fill:none;stroke:var(--surface-3);stroke-width:8}
.confirm .ring .bar{fill:none;stroke:var(--live);stroke-width:8;stroke-linecap:round;stroke-dasharray:477.5;stroke-dashoffset:0;transition:stroke-dashoffset .3s linear}
.confirm .ring .count{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--f-display);font-weight:700;font-size:40px}
.confirm h2{text-align:center;font-family:var(--f-display);font-size:22px;font-weight:700;letter-spacing:-.02em}
.confirm .sub{text-align:center;color:var(--muted);font-size:13px;margin:4px 0 18px}
.slots{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:14px}
.slot{
  width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  border:2px solid var(--surface-3);color:var(--dim);font-size:16px;transition:all .3s;
}
.slot.on{border-color:var(--win);color:var(--win);background:rgba(61,220,151,.12);box-shadow:0 0 16px rgba(61,220,151,.3)}
.slot.me{border-color:var(--accent-hi)}
.slot.me.on{border-color:var(--win)}
.confirm .tally{text-align:center;color:var(--muted);font-weight:700;margin-bottom:16px}
.confirm .tally b{color:var(--text)}
.spinner{width:16px;height:16px;border:2.5px solid rgba(255,255,255,.25);border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}

/* ───────── Авторизация ───────── */
.auth{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;z-index:1}
.auth-box{
  width:100%;max-width:420px;padding:32px 24px;
  background:rgba(15,22,51,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  border:1px solid var(--line-strong);border-radius:28px;box-shadow:0 30px 80px rgba(0,0,0,.6);
}
.auth-logo{text-align:center;margin-bottom:26px}
.auth-logo .mark{
  width:60px;height:60px;border-radius:18px;margin:0 auto 12px;
  display:flex;align-items:center;justify-content:center;font-size:26px;
  background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 10px 30px rgba(236,72,153,.45);
}
.auth-logo h1{font-family:var(--f-display);font-size:24px;font-weight:700;letter-spacing:-.03em}
.auth-logo p{color:var(--muted);font-size:13px;margin-top:4px}
.tabs{display:flex;gap:4px;padding:4px;background:var(--surface);border-radius:var(--r-md);margin-bottom:20px}
.tabs button{flex:1;min-height:38px;border-radius:var(--r-sm);font-size:13px;font-weight:800;color:var(--muted);position:relative}
.tabs button.active{background:var(--surface-3);color:var(--text)}
.tabs .tab-badge{
  position:absolute;top:-5px;right:8px;min-width:18px;padding:0 5px;height:18px;border-radius:9px;
  background:var(--live);color:#fff;font-size:10px;line-height:18px;font-weight:800;
}
.auth-msg{margin-top:12px;min-height:20px;font-size:13px;text-align:center;border-radius:var(--r-sm);padding:0}
.auth-msg:not(:empty){padding:9px 10px}
.auth-msg.error{color:#ff8fa3;background:rgba(255,77,109,.1)}
.auth-msg.success{color:var(--win);background:rgba(61,220,151,.1)}
.auth-msg.info{color:var(--accent-hi);background:rgba(79,140,255,.12)}
.auth-switch{margin-top:16px;text-align:center;font-size:13px;color:var(--muted)}
.auth-switch button{color:var(--accent-hi);font-weight:800}

/* ───────── Каркас приложения ───────── */
.app{position:relative;z-index:1;max-width:480px;margin:0 auto;padding:0 16px calc(104px + var(--safe-b))}
.app-head{padding:16px 0 10px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px;cursor:pointer}
.brand .mark{
  width:34px;height:34px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:16px;
  background:linear-gradient(135deg,var(--accent),var(--accent-2));
}
.brand b{font-family:var(--f-display);font-size:15px;font-weight:700;letter-spacing:-.02em}
.balance-chip{padding:6px 12px;border-radius:99px;background:var(--surface-2);border:1px solid var(--line);font-size:13px;font-weight:800}
.balance-chip i{color:var(--gold);margin-right:6px}
.page{display:none}
.page.active{display:block;animation:pageIn .25s ease-out}
@keyframes pageIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

.nav{
  position:fixed;left:50%;bottom:0;transform:translateX(-50%);z-index:1000;
  width:100%;max-width:480px;display:flex;align-items:flex-end;justify-content:space-around;
  padding:8px 6px calc(10px + var(--safe-b));
  background:rgba(9,14,38,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-top:1px solid var(--line);box-shadow:0 -10px 30px rgba(0,0,0,.45);
}
.nav button{
  position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;
  padding:6px 2px;color:var(--dim);font-size:11px;font-weight:700;
}
.nav button i{font-size:19px}
.nav button.active{color:var(--accent-hi)}
.nav button.play{margin-top:-22px}
.nav button.play i{
  width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;
  color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));
  border:4px solid var(--bg-2);box-shadow:0 8px 24px rgba(236,72,153,.55);
}
.nav button.play.live i{background:linear-gradient(135deg,var(--live),#c0264b);box-shadow:0 8px 24px rgba(255,77,109,.5)}
.nav .dot{
  position:absolute;top:2px;left:calc(50% + 6px);min-width:17px;height:17px;padding:0 4px;border-radius:9px;
  background:var(--live);color:#fff;font-size:10px;line-height:17px;font-weight:800;text-align:center;
}

/* ───────── Главная ───────── */
.hero{padding:18px 0 6px}
.hero-title{font-family:var(--f-display);font-weight:700;font-size:30px;line-height:1.12;letter-spacing:-.035em}
.hero-title em{font-style:normal;background:linear-gradient(120deg,#d8c7ff,var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-text{color:var(--muted);margin:12px 0 18px;max-width:34ch}
.hero-actions{display:flex;gap:10px}
.hero-actions .btn{flex:1}
.strip{display:flex;margin:22px 0 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.strip > div{flex:1;padding:14px 4px;text-align:center}
.strip > div + div{border-left:1px solid var(--line)}
.strip .num{font-size:24px;font-weight:700}
.strip .k{font-size:12px;color:var(--muted);margin-top:2px}
.podium{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;align-items:end}
.podium > div{text-align:center;padding:12px 6px;border-radius:var(--r-md);background:var(--surface)}
.podium .p1{border:1px solid var(--gold);padding-top:20px}
.podium .p2{border:1px solid #c0c0c0}
.podium .p3{border:1px solid #cd7f32}
.podium .where{font-size:12px;color:var(--muted)}
.podium .sum{font-family:var(--f-display);font-weight:700;font-size:15px;margin-top:4px}
.podium .p1 .sum{color:var(--gold)}
.podium .p2 .sum{color:#d1d5db}
.podium .p3 .sum{color:#e0a060}
.prize-note{text-align:center;font-size:13px;color:var(--muted);margin-top:12px}

/* ───────── Поиск ───────── */
.search-stage{text-align:center;padding:12px 0 8px}
.pulse{
  width:92px;height:92px;margin:0 auto 14px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:30px;color:var(--accent-hi);
  background:radial-gradient(circle,rgba(79,140,255,.3),rgba(79,140,255,.05));
  border:1px solid var(--line-strong);position:relative;
}
.pulse.on{color:var(--live);border-color:rgba(255,77,109,.5);background:radial-gradient(circle,rgba(255,77,109,.28),rgba(255,77,109,.04))}
.pulse.on::after{
  content:'';position:absolute;inset:-2px;border-radius:50%;border:2px solid var(--live);
  animation:ripple 1.6s ease-out infinite;
}
@keyframes ripple{from{transform:scale(1);opacity:.8}to{transform:scale(1.7);opacity:0}}
.search-sub{color:var(--muted);font-size:13px;margin:4px 0 16px}
.search-count{color:var(--muted);font-weight:700;margin-bottom:6px}
.search-count b{color:var(--text)}
.search-timer{font-family:var(--f-display);font-size:34px;font-weight:700;margin:6px 0 18px;font-variant-numeric:tabular-nums}
.invite{
  display:flex;align-items:center;gap:10px;padding:12px;margin-bottom:10px;
  background:rgba(79,140,255,.12);border:1px solid var(--line-strong);border-radius:var(--r-md);
}
.invite .txt{flex:1;min-width:0;font-size:13px}
.members{display:flex;flex-direction:column}

/* ───────── Матч ───────── */
.match-top{display:flex;align-items:center;gap:10px;margin:6px 0 16px}
.match-top .ttl{flex:1;min-width:0}
.match-top .ttl b{font-family:var(--f-display);font-size:20px;letter-spacing:-.02em}
.match-top .ttl span{display:block;font-size:12px;color:var(--muted)}
.draft-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}
.draft-head h2{font-size:17px;font-weight:800}
.draft-head span{font-size:12px;color:var(--muted);font-weight:700}
.turn{
  display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:12px;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);
}
.turn.mine{border-color:rgba(255,77,109,.6);box-shadow:0 0 0 1px rgba(255,77,109,.2),0 0 28px rgba(255,77,109,.14)}
.turn .ico{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:rgba(255,77,109,.14);color:#ff8fa3}
.turn .txt{flex:1;min-width:0}
.turn .txt b{font-size:14px;display:block}
.turn.mine .txt b{color:#ff8fa3}
.turn .txt span{font-size:12px;color:var(--muted)}
.turn-time{font-family:var(--f-display);font-weight:700;font-size:16px;padding:6px 10px;border-radius:var(--r-sm);background:rgba(255,77,109,.12);color:#ff8fa3;font-variant-numeric:tabular-nums}
.maps{display:flex;flex-direction:column;gap:8px}
.map-row{
  position:relative;display:flex;align-items:center;gap:12px;padding:9px 12px;overflow:hidden;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);
  transition:border-color .15s,transform .12s;
}
.map-row.clickable{cursor:pointer}
.map-row.clickable:hover{border-color:rgba(255,77,109,.55)}
.map-row.clickable:active{transform:scale(.99)}
.map-row.banned{opacity:.5}
.map-row.banned .map-name{text-decoration:line-through;color:#ff8fa3}
.map-row.final{border-color:var(--win);background:rgba(61,220,151,.08)}
.map-thumb{width:68px;height:48px;border-radius:var(--r-sm);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:22px;background:linear-gradient(135deg,#1d2c66,#0f1633)}
.map-thumb img{width:100%;height:100%;object-fit:cover}
.map-row.banned .map-thumb{filter:grayscale(1) brightness(.6)}
.map-name{font-weight:800;font-size:14px}
.map-sub{font-size:12px;color:var(--muted)}
.map-row .grow{flex:1;min-width:0}
.ban-btn{padding:6px 14px;border-radius:var(--r-sm);font-size:12px;font-weight:800;border:1px solid rgba(255,77,109,.5);background:rgba(255,77,109,.12);color:#ff8fa3}

.lobby-hero{position:relative;border-radius:var(--r-lg);overflow:hidden;min-height:170px;margin-bottom:12px;background:linear-gradient(135deg,#1d2c66,#080c20)}
.lobby-hero .bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(.55)}
.lobby-hero .bg::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,11,28,.2),rgba(7,11,28,.9))}
.lobby-hero .in{position:relative;padding:14px 16px 16px}
.lobby-hero .cap{font-size:12px;color:var(--muted);font-weight:700}
.lobby-hero .map{font-family:var(--f-display);font-weight:700;font-size:30px;letter-spacing:-.03em;line-height:1.05;margin:4px 0 14px;text-shadow:0 4px 20px rgba(0,0,0,.7)}
.host{display:flex;align-items:center;gap:12px;padding:10px 12px;background:rgba(0,0,0,.5);border:1px solid var(--line);border-radius:var(--r-md);backdrop-filter:blur(8px)}
.host .meta{flex:1;min-width:0}
.host .lbl{font-size:11px;color:var(--muted);font-weight:700}
.host .val{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.host .gid{text-align:right}
.host .gid .val{color:var(--accent-hi);font-family:var(--f-display);font-size:14px}
.timer-box{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md)}
.timer-box .ico{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:rgba(79,140,255,.16);color:var(--accent-hi)}
.timer-box .txt{flex:1;min-width:0;font-size:12px;color:var(--muted)}
.timer-box .txt b{display:block;font-size:14px;color:var(--text)}
.timer-box .t{font-family:var(--f-display);font-weight:700;font-size:20px;font-variant-numeric:tabular-nums}
.teams{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.team{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.team.blue{border-color:rgba(77,171,247,.35)}
.team.orange{border-color:rgba(255,120,190,.38)}
.team-head{padding:11px 12px;font-weight:800;font-size:13px;display:flex;align-items:center;gap:8px}
.team.blue .team-head{background:linear-gradient(90deg,rgba(77,171,247,.2),transparent);color:#9fd2ff}
.team.orange .team-head{background:linear-gradient(90deg,rgba(255,120,190,.22),transparent);color:#ff9fcf}
.pl{display:flex;align-items:center;gap:9px;padding:9px 12px;cursor:pointer;border-top:1px solid var(--line)}
.pl:hover{background:rgba(79,140,255,.07)}
.pl .av{--s:32px;padding:2px}
.pl .body{flex:1;min-width:0}
.pl .nm{font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl .nm .pdot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-left:5px;vertical-align:middle}
.pl .meta{font-size:11px;color:var(--muted)}
.pl .crown{color:var(--gold);font-size:12px}
.note{display:flex;gap:8px;font-size:12px;color:var(--dim);margin:0 2px 12px}
.report{text-align:center}
.report p{font-size:13px;color:var(--muted);margin-bottom:10px}
.report .btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}

.chat-body{max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:2px}
.chat-empty{text-align:center;color:var(--dim);font-size:12px;padding:12px 0}
.msg{display:flex;gap:8px;align-items:flex-start}
.msg .av{--s:28px;padding:2px}
.msg .who{font-size:11px;font-weight:800;color:var(--accent-hi)}
.msg.me .who{color:var(--blue)}
.msg .txt{font-size:13px;word-break:break-word;line-height:1.35}
.chat-form{display:flex;gap:8px;margin-top:10px}
.chat-form .text-input{flex:1}
.admin-bar{display:flex;gap:8px;margin-bottom:14px}
.admin-bar .btn{flex:1}

/* ───────── Профиль ───────── */
.me-hero{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.me-hero .name{font-family:var(--f-display);font-weight:700;font-size:21px;letter-spacing:-.02em;line-height:1.2;word-break:break-word}
.me-hero .gid{font-size:12px;color:var(--muted);margin-top:2px}
.me-hero .gid b{color:var(--text)}
.rank{display:flex;gap:14px;align-items:center}
.rank .badge-lvl{
  --c:#a78bfa;width:70px;height:70px;border-radius:20px;flex-shrink:0;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  border:3px solid var(--c);background:rgba(0,0,0,.28);box-shadow:0 0 28px color-mix(in srgb,var(--c) 35%,transparent);
}
.rank .badge-lvl .n{font-family:var(--f-display);font-weight:700;font-size:28px;line-height:1;color:var(--c)}
.rank .badge-lvl .l{font-size:10px;color:var(--muted);font-weight:800;margin-top:2px}
.rank .main{flex:1;min-width:0}
.rank .elo{font-family:var(--f-display);font-weight:700;font-size:36px;line-height:1;letter-spacing:-.04em}
.rank .elo small{font-size:12px;color:var(--accent-hi);margin-left:6px;letter-spacing:.04em}
.ladder{display:flex;gap:3px;margin-top:10px}
.ladder i{flex:1;height:6px;border-radius:3px;background:var(--surface-3)}
.ladder i.on{background:var(--accent)}
.ladder i.cur{background:var(--accent-hi);box-shadow:0 0 10px var(--accent)}
.bar{height:5px;border-radius:5px;background:var(--surface-3);overflow:hidden;margin-top:8px}
.bar > i{display:block;height:100%;background:linear-gradient(90deg,var(--accent-2),var(--accent-hi));transition:width .6s}
.rank .sub{font-size:12px;color:var(--muted);margin-top:6px}
.rank .sub b{color:var(--accent-hi)}
.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border-radius:var(--r-md);overflow:hidden}
.stat{background:var(--surface);padding:12px 6px;text-align:center}
.stat .k{font-size:11px;color:var(--muted);font-weight:700}
.stat .v{font-family:var(--f-display);font-weight:700;font-size:19px;margin-top:3px}
.stat .v.g{color:var(--win)}
.stat .v.r{color:#ff8fa3}
.chart-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:6px}
.chart-top .big{font-family:var(--f-display);font-weight:700;font-size:28px;letter-spacing:-.04em}
.chart-top .d{font-size:14px;font-weight:800;padding:2px 8px;border-radius:8px;margin-left:8px;font-family:var(--f-body)}
.d.up{color:var(--win);background:rgba(61,220,151,.12)}
.d.down{color:#ff8fa3;background:rgba(255,77,109,.12)}
.chart-top .date{font-size:12px;color:var(--muted);font-weight:700}
.chart{height:120px;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.chart svg{width:100%;height:100%;display:block;overflow:visible}
.chart .area{stroke:none}
.chart .line{fill:none;stroke:var(--win);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(61,220,151,.5))}
.chart .cursor{stroke:var(--muted);stroke-dasharray:4 5;opacity:.6}
.chart .dot{fill:#070b1c;stroke:var(--win);stroke-width:2.5}
.chart-foot{display:flex;justify-content:space-between;font-size:11px;color:var(--dim);font-weight:700;margin-top:4px}
.hist{
  display:flex;align-items:center;gap:12px;padding:11px 12px;cursor:pointer;
  border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);margin-bottom:8px;
  border-left-width:4px;transition:transform .12s;
}
.hist:active{transform:scale(.99)}
.hist.win{border-left-color:var(--win)}
.hist.lose{border-left-color:var(--live)}
.hist .main{flex:1;min-width:0}
.hist .t{font-weight:800;font-size:14px}
.hist .s{font-size:12px;color:var(--muted)}
.hist .elo{font-family:var(--f-display);font-weight:700;font-size:14px}
.hist .elo.p{color:var(--win)}
.hist .elo.n{color:#ff8fa3}
.hist .time{font-size:12px;color:var(--dim)}
.hist .right{text-align:right}

/* Просмотр матча / игрока */
.md-head{text-align:center;margin-bottom:14px}
.md-head h3{font-family:var(--f-display);font-size:20px;font-weight:700}
.md-head p{font-size:12px;color:var(--muted);margin-top:4px}
.md-score{display:flex;justify-content:center;align-items:center;gap:14px;font-family:var(--f-display);font-weight:700;font-size:30px;margin:10px 0 14px;padding:12px;border-radius:var(--r-md);background:rgba(0,0,0,.25)}
.md-score .w{color:var(--win)}
.md-score .sep{color:var(--dim)}
.md-team{margin-top:12px}
.md-team h4{font-size:13px;font-weight:800;margin-bottom:4px}
.md-team.blue h4{color:#9fd2ff}
.md-team.orange h4{color:#ff9fcf}
.md-team.win h4::after{content:' 🏆'}
.md-pl{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--line)}
.md-pl:last-child{border-bottom:none}
.md-pl .av{--s:30px;padding:2px}
.md-pl .nm{flex:1;font-size:13px;font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.md-pl .e{font-size:12px;color:var(--muted)}
.md-pl .e b.p{color:var(--win)}
.md-pl .e b.n{color:#ff8fa3}
.pf-modal-top{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.pf-modal-top .nm{font-family:var(--f-display);font-weight:700;font-size:19px;word-break:break-word}
.pf-modal-top .sub{font-size:12px;color:var(--muted);margin-top:2px}

/* ───────── Друзья, топ ───────── */
.search-line{display:flex;gap:8px;margin-bottom:14px}
.search-line .text-input{flex:1}
.top-rank{font-family:var(--f-display);font-weight:700;font-size:13px;min-width:38px;color:var(--dim)}
.top-rank.r1{color:var(--gold)}.top-rank.r2{color:#d1d5db}.top-rank.r3{color:#e0a060}
.top-elo{text-align:right;font-family:var(--f-display);font-weight:700;font-size:15px;color:var(--accent-hi)}
.top-elo small{display:block;font-family:var(--f-body);font-size:10px;color:var(--dim);font-weight:700}
.rank-chip{padding:6px 14px;border-radius:99px;background:var(--surface-2);border:1px solid var(--line);font-family:var(--f-display);font-weight:700;font-size:13px;color:var(--accent-hi)}

/* ───────── Кошелёк, магазин ───────── */
.wallet{text-align:center;padding:26px 16px}
.wallet .big{font-family:var(--f-display);font-weight:700;font-size:40px;letter-spacing:-.04em;color:var(--accent-hi)}
.wallet .k{color:var(--muted);font-size:13px;margin-top:4px}
.promo{display:flex;gap:8px}
.promo .text-input{text-transform:uppercase}
.shop-me{display:flex;align-items:center;gap:16px}
.shop-me .upload{flex:1;display:flex;flex-direction:column;gap:8px}
.shop-me input[type=file]{display:none}
.frames{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.frame{
  --fc:130,190,255;
  position:relative;overflow:hidden;text-align:center;
  padding:30px 10px 14px;border-radius:var(--r-md);border:1px solid var(--line);
  background:radial-gradient(120% 85% at 50% 0%,rgba(var(--fc),.18),transparent 65%),var(--surface);
  transition:transform .2s,border-color .2s,box-shadow .2s;
}
.frame:has(.frame_bronze){--fc:205,127,50}
.frame:has(.frame_silver){--fc:200,210,225}
.frame:has(.frame_gold){--fc:255,205,50}
.frame:has(.frame_neon){--fc:34,197,94}
.frame:has(.frame_fire){--fc:255,90,60}
.frame:has(.frame_diamond){--fc:130,190,255}
.frame:hover{transform:translateY(-3px);border-color:rgba(var(--fc),.55);box-shadow:0 10px 26px rgba(var(--fc),.2)}
.frame.owned{border-color:rgba(61,220,151,.5)}
.frame.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 10px 28px rgba(79,140,255,.28)}
.frame.active::after{
  content:"НАДЕТА";position:absolute;top:8px;right:8px;
  font-size:9px;font-weight:800;letter-spacing:.06em;padding:3px 7px;border-radius:99px;
  background:var(--accent);color:#fff;
}
.frame .av{--s:72px !important;margin:0 auto 30px}
.frame .nm{font-weight:800;font-size:13px;letter-spacing:.02em}
.frame .pr{color:var(--accent-hi);font-weight:800;font-size:13px;margin:2px 0 10px}
.frame.owned .pr{color:var(--win)}

/* ───────── Админка ───────── */
.adm-tabs{display:flex;gap:6px;overflow-x:auto;margin-bottom:14px;padding-bottom:4px}
.adm-tabs button{flex:none;padding:8px 14px;border-radius:99px;font-size:12px;font-weight:800;background:var(--surface);border:1px solid var(--line);color:var(--muted)}
.adm-tabs button.on{background:var(--surface-3);color:var(--text);border-color:var(--accent)}
.adm-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:12px;margin-bottom:10px}
.adm-card .hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.adm-card .hdr b{font-family:var(--f-display);font-size:14px}
.adm-teams{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;font-size:12px}
.adm-teams h5{font-size:11px;color:var(--muted);margin-bottom:4px}
.adm-teams .blue h5{color:#9fd2ff}.adm-teams .orange h5{color:#ff9fcf}
.adm-score{display:grid;grid-template-columns:1fr auto 1fr;gap:6px;align-items:center;margin-bottom:8px}
.adm-score input{text-align:center;font-weight:800;font-size:18px;min-height:42px}
.adm-btns{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px}
.adm-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.adm-row .text-input{min-width:0;flex:1}
.stack{display:flex;flex-direction:column;gap:8px}
select.text-input{appearance:auto}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
@media (min-width:520px){
  .overlay{align-items:center}
}


/* ═════ BNK FACEIT: дополнения ═════ */

.md-team{padding:10px;border-radius:var(--r-md);border:1px solid var(--line)}
.md-team.blue{border-color:rgba(77,171,247,.35)}
.md-team.orange{border-color:rgba(255,120,190,.38)}

/* Бан карт: весь экран только под выбор карт */
.draft-only .map-row{padding:10px 12px}
.map-thumb{width:96px;height:56px;border-radius:var(--r-sm)}
.map-thumb img{width:100%;height:100%;object-fit:cover;display:block}

/* Баннер профиля */
.pf-banner{
  position:relative;overflow:hidden;border-radius:var(--r-lg);padding:18px 16px 14px;margin-bottom:14px;
  border:1px solid var(--line-strong);min-height:150px;
  background:
    radial-gradient(70% 120% at 100% 0%,rgba(244,114,182,.35),transparent 60%),
    radial-gradient(70% 120% at 0% 100%,rgba(56,189,248,.35),transparent 60%),
    linear-gradient(135deg,#0d1640,#1a1040);
}
.pf-banner .logo{position:absolute;top:14px;right:16px;font-family:var(--f-display);font-weight:700;font-size:11px;letter-spacing:.14em;text-align:right;line-height:1.3}
.pf-banner .logo span{display:block;color:var(--accent-hi);font-size:9px;letter-spacing:.3em}
.pf-top{display:flex;gap:14px;align-items:center}
.pf-id{min-width:0}
.pf-id .no{font-size:12px;color:var(--muted);font-weight:700}
.pf-id .name{font-family:var(--f-display);font-weight:700;font-size:23px;letter-spacing:-.03em;line-height:1.15;word-break:break-word}
.pf-id .gid{font-size:12px;color:var(--muted);margin-top:2px}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.chip{padding:4px 12px;border-radius:99px;font-size:11px;font-weight:800;background:rgba(255,255,255,.08);border:1px solid var(--line-strong)}
.chip.pr{background:linear-gradient(135deg,#fff,#cfd8ff);color:#10163a;border-color:transparent}
.pf-banner .dt{position:absolute;right:16px;bottom:12px;font-size:11px;color:var(--muted);font-weight:700}

.pf-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kd-card{display:flex;align-items:center;gap:12px;background:rgba(0,0,0,.22);border-radius:var(--r-md);padding:12px}
.ring-kd{position:relative;width:78px;height:78px;flex-shrink:0}
.ring-kd svg{width:100%;height:100%;transform:rotate(-90deg)}
.ring-kd .t{fill:none;stroke:var(--surface-3);stroke-width:7}
.ring-kd .b{fill:none;stroke:#e5ecff;stroke-width:7;stroke-linecap:round}
.ring-kd b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--f-display);font-size:17px}
.kd-card .k{font-size:12px;color:var(--muted)}
.kd-card .v{font-weight:800;font-size:15px;margin-top:2px}
.lvl-card{display:flex;align-items:center;justify-content:space-between;gap:10px;background:rgba(0,0,0,.22);border-radius:var(--r-md);padding:12px;margin-top:10px}
.lvl-card .lbl{font-size:11px;color:var(--muted);font-weight:800}
.lvl-card .rng{display:flex;align-items:baseline;gap:8px;margin-top:4px}
.lvl-card .rng small{font-size:12px;color:var(--dim);font-weight:700}
.lvl-card .rng b{font-family:var(--f-display);font-size:26px;letter-spacing:-.04em}
.lvl-card .main{flex:1;min-width:0}
.hex{--c:#f5c451;width:78px;height:88px;flex-shrink:0;display:flex;align-items:center;justify-content:center;
  clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(160deg,#fff3b0,var(--c) 45%,#7a5a10)}
.hex span{width:calc(100% - 10px);height:calc(100% - 10px);display:flex;align-items:center;justify-content:center;
  clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#0d1128;
  font-family:var(--f-display);font-weight:700;font-size:34px;color:var(--c)}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.tile{background:rgba(0,0,0,.22);border-radius:var(--r-md);padding:11px 12px}
.tile .k{font-size:11px;color:var(--muted);font-weight:800}
.tile .v{font-family:var(--f-display);font-weight:700;font-size:24px;margin:2px 0 8px;letter-spacing:-.03em}
.tile .bar{margin-top:0}
.tile .q{font-size:11px;color:var(--muted);font-weight:700;margin-top:6px}
.pf-foot{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:12px}
.pf-foot b{color:var(--text)}
.place{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:99px;
  background:var(--surface);border:1px solid var(--line-strong);font-weight:800;margin-bottom:14px}
.place .num{font-size:22px;color:var(--accent-hi)}
.ach{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.ach div{aspect-ratio:1;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:18px;
  background:var(--surface-2);border:1px solid var(--line-strong);color:var(--accent-hi)}
.ach div.off{opacity:.3;filter:grayscale(1)}
.wl{display:flex;gap:6px;margin-bottom:10px}
.wl i{flex:1;max-width:46px;aspect-ratio:1;border-radius:12px;display:flex;align-items:center;justify-content:center;
  font-style:normal;font-weight:800;background:var(--surface-3)}
.wl i.l{background:rgba(255,77,109,.2);color:#ff8fa3;border:1px solid rgba(255,77,109,.4)}
.wl i.w{color:var(--win)}
.series{font-size:13px;color:var(--muted);margin-bottom:12px}
.series b{color:var(--text)}
.pill-soft{font-size:11px;font-weight:800;padding:4px 10px;border-radius:99px;background:var(--surface-3);color:var(--text)}
.dots{display:flex;gap:5px;margin-top:10px}
.dots i{flex:1;max-width:28px;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-style:normal;font-size:10px;font-weight:800;background:var(--surface-3);color:var(--dim)}
.dots i.w{background:rgba(61,220,151,.25);color:var(--win)}
.dots i.l{background:rgba(255,77,109,.22);color:#ff8fa3}
.chart-mm{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);font-weight:700;margin-top:6px}
.chart-mm b{color:var(--text)}
.mapstat{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ms{position:relative;overflow:hidden;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);min-height:150px;display:flex;flex-direction:column}
.ms .in{padding:10px 12px;position:relative;z-index:1}
.ms .nm{font-weight:800}
.ms .wl2{font-size:12px;color:var(--muted);font-weight:700;margin-top:2px}
.ms .wl2 b.r{color:#ff8fa3}
.ms .row2{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);font-weight:700;margin-top:4px}
.ms .pic{flex:1;min-height:70px;background-size:cover;background-position:center;mask-image:linear-gradient(180deg,transparent,#000 40%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 40%)}
.hist .kda{font-size:11px;color:var(--muted);font-weight:700}

/* Админ: K/D/A */
.adm-pl{display:grid;grid-template-columns:1fr 46px 46px 46px;gap:5px;align-items:center;margin-bottom:5px;font-size:12px}
.adm-pl .text-input{min-height:34px;padding:0 4px;text-align:center;font-size:14px}
.adm-pl.head{color:var(--muted);font-weight:800;font-size:11px}
.adm-pl.head span:not(:first-child){text-align:center}


/* ═════ Вкладка «Играть» ═════ */
.lg-top{
  display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;
  padding:14px;margin-bottom:6px;border-radius:26px;
  background:linear-gradient(180deg,rgba(14,14,26,.82),rgba(10,10,20,.82));border:1px solid rgba(255,255,255,.1);
}
.lg-ring{position:relative;width:74px;height:74px}
.lg-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.lg-ring .t{fill:none;stroke:rgba(255,255,255,.08);stroke-width:5}
.lg-ring .b{fill:none;stroke:#3ddc97;stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset .6s}
.lg-hex{position:absolute;left:50%;top:50%;width:40px;height:46px;transform:translate(-50%,-50%)}
.lg-hex span{font-size:18px}
.lg-mid{min-width:0}
.lg-elo{display:flex;align-items:center;gap:8px}
.lg-elo b{font-size:28px;font-weight:700;line-height:1}
.lg-badge{padding:3px 10px;border-radius:99px;font-size:11px;font-weight:800;letter-spacing:.08em;color:#ff7a9c;background:rgba(255,61,110,.14);border:1px solid rgba(255,61,110,.5)}
.lg-bar{height:7px;border-radius:7px;background:rgba(255,255,255,.1);overflow:hidden;margin:9px 0 5px}
.lg-bar i{display:block;height:100%;width:0;border-radius:7px;background:linear-gradient(90deg,#c9214f,#ff4d7e);transition:width .6s}
.lg-sub{display:flex;justify-content:space-between;gap:6px;font-size:11px;color:var(--dim)}
.lg-sub b{color:#ff5c88;font-weight:700}
.lg-side{display:flex;flex-direction:column;gap:7px;font-size:12px}
.lg-side div{display:flex;align-items:center;gap:6px;color:var(--muted)}
.lg-side i{width:14px;text-align:center}
.lg-side span{flex:1}
.lg-side b{color:var(--text);font-family:var(--f-display);font-size:12px}
.lg-label{margin:22px 4px 10px;font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.lg-card{
  padding:16px;border-radius:30px;border:1px solid rgba(255,255,255,.1);
  background:radial-gradient(90% 40% at 50% 100%,rgba(255,61,110,.16),transparent 70%),linear-gradient(180deg,rgba(14,14,26,.85),rgba(9,9,18,.88));
}
.lg-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-bottom:22px}
.lg-tabs button{min-height:42px;border-radius:99px;font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--dim)}
.lg-tabs button.on{color:var(--text);background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.22)}
.lg-tabs button i{font-size:11px;margin-right:4px}
.lg-title{display:flex;justify-content:space-between;align-items:center;gap:10px}
.lg-title h2{font-size:36px;font-weight:800;letter-spacing:.02em;line-height:1.1}
.lg-open{padding:6px 14px;border-radius:99px;font-size:12px;font-weight:800;letter-spacing:.1em;color:#ff7a9c;background:rgba(255,61,110,.14);border:1px solid rgba(255,61,110,.5)}
.lg-desc{color:var(--muted);margin:6px 0 18px}
.lg-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.lg-tiles > div{padding:13px 12px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.lg-tiles span{display:block;font-size:11px;font-weight:800;letter-spacing:.04em;color:var(--muted);text-transform:uppercase;white-space:nowrap}
.lg-tiles b{display:block;font-size:30px;font-weight:700;margin-top:8px;line-height:1}
.lg-season{display:flex;align-items:center;gap:10px;margin:18px 2px 12px;color:var(--muted)}
.lg-season i{color:#ff5c88}
.lg-season b{color:var(--text);font-weight:600}
.lg-ladder{
  width:100%;display:flex;align-items:center;gap:12px;padding:0 16px;min-height:54px;margin-bottom:14px;
  border-radius:99px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);font-size:16px;color:var(--muted);text-align:left;
}
.lg-ladder i:first-child{color:#ff5c88}
.lg-ladder span{flex:1}
.lg-ladder i:last-child{color:var(--dim);font-size:14px}
.lg-find{
  width:100%;min-height:62px;border-radius:24px;font-size:18px;font-weight:800;letter-spacing:.05em;color:#fff;
  display:flex;align-items:center;justify-content:center;gap:12px;
  background:linear-gradient(180deg,#f23d6c,#c9214f);border:1px solid rgba(255,140,170,.5);
  box-shadow:0 12px 36px rgba(255,61,110,.38),inset 0 1px 0 rgba(255,255,255,.25);
  transition:transform .12s,opacity .2s;
}
.lg-find:active:not(:disabled){transform:scale(.98)}
.lg-find:disabled{opacity:.55}
.lg-find.cancel{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.2);box-shadow:none;color:#ff8fa3}
.lg-card .hint{margin-top:14px}


/* Хост в баннере карты — прозрачнее */
.host{background:rgba(0,0,0,.15);border-color:rgba(255,255,255,.12);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}

/* Пустая подсказка не занимает место */
.hint:empty{display:none}

/* ═════ Вкладка «Играть»: блоки в стиле панели «Пати» ═════ */
.lg-top,.lg-card{
  background:linear-gradient(180deg,rgba(23,32,70,.78),rgba(15,22,51,.8));
  border:1px solid var(--line);border-radius:var(--r-lg);padding:16px;
}
.lg-top{margin-bottom:14px}
.lg-label{margin:18px 4px 10px}
.lg-tiles > div{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md)}
.lg-ladder{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md)}
.lg-tabs button.on{background:var(--surface-3);border:1px solid var(--line-strong)}
.lg-find{border-radius:var(--r-lg)}


/* ═════ Страница сыгранного матча ═════ */
#page-matchview .match-top .icon-btn{width:42px;height:42px}
.mv-host{justify-content:space-between}
.mv-score{display:flex;align-items:center;gap:10px;font-family:var(--f-display);font-weight:700;font-size:28px;letter-spacing:-.03em}
.mv-score i{font-style:normal;color:var(--dim)}
.mv-score .w{color:var(--win)}
.mv-team{margin-bottom:12px}
.mv-team.win{box-shadow:0 0 0 1px rgba(61,220,151,.35),0 0 26px rgba(61,220,151,.12)}
.mv-team .team-head .mv-trophy{margin-left:6px;font-size:11px;color:var(--win)}
.mv-team .team-head .mv-sum{margin-left:auto;font-family:var(--f-display);font-size:12px;color:var(--muted)}
.mv-pl{padding:11px 14px;border-top:1px solid var(--line);cursor:pointer}
.mv-pl:hover{background:rgba(79,140,255,.07)}
.mv-pl.me{background:rgba(79,140,255,.12)}
.mv-top{display:flex;align-items:center;gap:10px}
.mv-nm{flex:1;min-width:0}
.mv-nm .n{font-weight:800;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mv-nm .s{font-size:11px;color:var(--muted)}
.mv-star{color:var(--gold);font-size:12px}
.mv-you{font-size:10px;font-weight:800;padding:1px 7px;border-radius:99px;background:rgba(79,140,255,.25);color:var(--accent-hi)}
.mv-elo{font-family:var(--f-display);font-weight:700;font-size:13px}
.mv-elo.p{color:var(--win)}.mv-elo.n{color:#ff8fa3}
.mv-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:9px}
.mv-stats > div{background:rgba(0,0,0,.25);border-radius:var(--r-sm);padding:7px 4px;text-align:center}
.mv-stats b{display:block;font-family:var(--f-display);font-size:15px;line-height:1.2}
.mv-stats span{display:block;font-size:10px;color:var(--muted);font-weight:700;margin-top:1px}


/* ═════ Шапка ═════ */
.app-head{padding:14px 0 12px;gap:10px}
.hd-left{display:flex;align-items:center;gap:8px;min-width:0}
.hd-btn{
  position:relative;width:44px;height:44px;border-radius:14px;flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;font-size:17px;color:#fff;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);
}
.hd-btn:active{transform:scale(.95)}
.hd-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--live);color:#fff;font-size:10px;line-height:18px;font-weight:800;text-align:center}
.sheet-title{font-size:18px;font-weight:800;margin-bottom:14px;padding-right:34px}
.nt{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}
.nt:last-child{border-bottom:none}
.nt-ico{width:38px;height:38px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:rgba(79,140,255,.16);color:var(--accent-hi)}
.nt-main{flex:1;min-width:0;display:flex;flex-direction:column;font-size:12px;color:var(--muted)}
.nt-main b{font-size:14px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ═════ Плавающая навигация ═════ */
.nav{
  bottom:calc(12px + var(--safe-b));width:calc(100% - 28px);max-width:452px;
  padding:10px 4px;border-radius:30px;align-items:center;
  background:rgba(18,18,26,.84);border:1px solid rgba(255,255,255,.1);
  box-shadow:0 14px 40px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.06);
}
.nav button{gap:5px;padding:4px 2px;color:#8b8fa3;font-size:12px;font-weight:800}
.nav .ni{display:flex;width:28px;height:28px}
.nav .ni svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nav button.active{color:#ff4d7e}
.nav button.play{margin-top:0}
.nav button.play.live .ni{animation:blink 1.2s infinite}
.nav .dot{top:-2px;left:calc(50% + 6px)}


/* ═════ Поддержка ═════ */
.sp-hero{
  position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;padding:18px 16px;margin-bottom:6px;
  border-radius:var(--r-lg);border:1px solid var(--line-strong);
  background:radial-gradient(80% 140% at 100% 0%,rgba(244,114,182,.32),transparent 60%),radial-gradient(80% 140% at 0% 100%,rgba(56,189,248,.30),transparent 60%),linear-gradient(135deg,#0d1640,#1a1040);
}
.sp-hero-ico{width:58px;height:58px;border-radius:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:25px;color:#fff;
  background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 10px 30px rgba(236,72,153,.45)}
.sp-hero h2{font-family:var(--f-display);font-weight:700;font-size:19px;letter-spacing:-.02em}
.sp-hero p{font-size:12px;color:var(--muted);margin-top:4px;line-height:1.4}
.sp-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sp-card{
  --c:#8fd0ff;position:relative;overflow:hidden;text-align:left;display:flex;flex-direction:column;gap:5px;
  min-height:128px;padding:14px;border-radius:var(--r-lg);
  background:linear-gradient(160deg,color-mix(in srgb,var(--c) 20%,transparent),rgba(15,22,51,.88) 62%);
  border:1px solid color-mix(in srgb,var(--c) 38%,transparent);transition:transform .12s,border-color .2s;
}
.sp-card:active{transform:scale(.97)}
.sp-card:last-child:nth-child(odd){grid-column:1/-1;min-height:92px}
.sp-ico{--c:#8fd0ff;width:42px;height:42px;border-radius:13px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--c);
  background:color-mix(in srgb,var(--c) 18%,rgba(0,0,0,.35));border:1px solid color-mix(in srgb,var(--c) 42%,transparent);
  box-shadow:0 0 18px color-mix(in srgb,var(--c) 25%,transparent)}
.sp-ico.sm{width:36px;height:36px;font-size:15px;border-radius:11px}
.sp-card .sp-ico{--c:inherit}
.sp-t{font-weight:800;font-size:14px;line-height:1.2;margin-top:6px}
.sp-s{font-size:11px;color:var(--muted);line-height:1.35}
.sp-back{display:flex;align-items:center;gap:10px;margin:4px 0 14px}
.sp-back .icon-btn{width:44px;height:44px}
.sp-cat{--c:#8fd0ff;flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--r-md);
  background:linear-gradient(90deg,color-mix(in srgb,var(--c) 20%,transparent),transparent);border:1px solid color-mix(in srgb,var(--c) 35%,transparent)}
.sp-cat .sp-ico{--c:inherit}
.sp-cat b{display:block;font-size:14px}
.sp-cat span:not(.sp-ico){font-size:11px;color:var(--muted)}
.sp-sel{display:flex;align-items:center;gap:12px}
.sp-quick{margin-bottom:10px}
.sp-quick > span{display:block;font-size:11px;font-weight:800;color:var(--muted);margin-bottom:6px;letter-spacing:.04em;text-transform:uppercase}
.sp-chips{display:flex;flex-wrap:wrap;gap:6px}
.sp-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px 4px 5px;border-radius:99px;font-size:12px;font-weight:800;background:var(--surface-2);border:1px solid var(--line-strong)}
.sp-chip .av{--s:22px;padding:1px}
.sp-chip:active{transform:scale(.96)}
#supResults{margin-top:8px}
.sp-m{display:flex;align-items:center;gap:12px;padding:8px 10px;margin-bottom:8px;border-radius:var(--r-md);cursor:pointer;
  background:var(--surface);border:1px solid var(--line);transition:border-color .15s,background .15s}
.sp-m:last-child{margin-bottom:0}
.sp-m .main{flex:1;min-width:0}
.sp-m .main b{display:block;font-size:13px}
.sp-m .main span{font-size:11px;color:var(--muted)}
.sp-m > i{color:var(--dim);font-size:18px}
.sp-m.on{border-color:var(--accent);background:rgba(79,140,255,.12)}
.sp-m.on > i{color:var(--accent-hi)}
.sp-ta{min-height:120px;padding:12px 14px;resize:none;line-height:1.45}
.tk{--c:#8fd0ff;padding:12px;margin-bottom:10px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--c)}
.tk:last-child{margin-bottom:0}
.tk .sp-ico{--c:inherit}
.tk-top{display:flex;align-items:center;gap:10px}
.tk-main{flex:1;min-width:0}
.tk-main b{display:block;font-size:14px}
.tk-main span{font-size:11px;color:var(--muted)}
.tk-text{margin-top:8px;font-size:13px;line-height:1.4;color:var(--muted);word-break:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tk-reply{display:flex;gap:10px;margin-top:10px;padding:10px 12px;border-radius:var(--r-sm);background:rgba(61,220,151,.1);border:1px solid rgba(61,220,151,.3)}
.tk-reply > i{color:var(--win);margin-top:2px}
.tk-reply b{display:block;font-size:12px;color:var(--win)}
.tk-reply span{font-size:13px;word-break:break-word}


/* ═════ Шапка: название по центру ═════ */
.app-head{position:relative}
.hd-brand{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  display:flex;flex-direction:column;align-items:center;gap:5px;line-height:1;cursor:pointer;
}
.hd-brand b{
  font-family:var(--f-display);font-weight:700;font-size:20px;letter-spacing:.04em;
  background:linear-gradient(180deg,#fff 20%,var(--accent-hi));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 10px rgba(79,140,255,.5));
}
.hd-brand span{
  position:relative;font-family:var(--f-display);font-weight:500;font-size:8.5px;letter-spacing:.46em;margin-right:-.46em;
  background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}

/* ═════ Навигация: цвета дизайна, компактнее ═════ */
.nav{
  bottom:calc(10px + var(--safe-b));width:calc(100% - 32px);max-width:420px;padding:7px 4px;border-radius:26px;
  background:rgba(12,18,48,.9);border:1px solid var(--line-strong);
  box-shadow:0 12px 34px rgba(0,0,0,.55),inset 0 1px 0 rgba(143,208,255,.08);
}
.nav button{gap:3px;padding:5px 2px;font-size:10.5px;color:var(--dim)}
.nav .ni{width:23px;height:23px}
.nav button.active{color:var(--accent-hi)}
.nav button.active::before{content:'';position:absolute;inset:0 3px;border-radius:19px;z-index:-1;background:linear-gradient(180deg,rgba(79,140,255,.2),rgba(236,72,153,.1))}
.nav button.active .ni{filter:drop-shadow(0 0 6px rgba(79,140,255,.75))}
.nav .dot{top:0}

/* ═════ Уведомления ═════ */
#notifBody{max-height:62vh;overflow-y:auto;margin:0 -4px;padding:0 4px}
.nt-sec{margin:12px 0 2px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.nt-sec:first-child{margin-top:0}
.nt{position:relative;padding:11px 8px;margin:0 -8px;border-radius:var(--r-md)}
.nt.link{cursor:pointer}
.nt.link:active{background:rgba(79,140,255,.08)}
.nt.new{background:rgba(79,140,255,.09)}
.nt.new .nt-main b::after{content:'';display:inline-block;width:7px;height:7px;margin-left:6px;border-radius:50%;background:var(--live);vertical-align:middle}
.nt-ico.gold{background:rgba(245,196,81,.16);color:var(--gold)}
.nt-ico.win{background:rgba(61,220,151,.16);color:var(--win)}
.nt-ico.lose{background:rgba(255,77,109,.16);color:#ff8fa3}
.nt-main span{line-height:1.35}
.nt-main span.nt-body{white-space:pre-line;word-break:break-word;color:var(--text);opacity:.85}
.nt-main span strong.p{color:var(--win)}
.nt-main span strong.n{color:#ff8fa3}
.nt-main em{font-style:normal;font-size:10px;color:var(--dim);margin-top:2px}
.nt-go{color:var(--dim);font-size:12px}


/* ═════ Баннеры ═════ */
.bn{background-size:cover;background-position:center;text-shadow:0 1px 6px rgba(0,0,0,.65)}
.row.bn{border-radius:var(--r-sm);margin-bottom:5px;padding-left:10px;padding-right:10px;border-bottom:none}
.pl.bn .meta,.row.bn .row-sub,.mv-pl.bn .mv-nm .s{color:rgba(255,255,255,.78)}
.mv-pl.bn{border-top-color:rgba(255,255,255,.1)}
.banners{display:flex;flex-direction:column;gap:12px}
.bn-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}
.bn-card.active{border-color:var(--accent)}
.bn-card.owned{border-color:rgba(61,220,151,.5)}
.bn-prev{display:flex;align-items:center;gap:12px;height:84px;padding:0 16px;font-weight:800;font-size:15px}
.bn-foot{display:flex;align-items:center;justify-content:space-between;padding:8px 12px}
.bn-foot .pr{color:var(--accent-hi);font-weight:800;font-size:13px}

/* ═════════ Результат матча: скриншот и отмена ═════════ */
#reportBox{margin-top:2px}
.result-box,.cancel-box{margin-bottom:12px}
.rb-head{display:flex;gap:12px;align-items:center;margin-bottom:14px}
.rb-head .ico{width:44px;height:44px;border-radius:13px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;background:rgba(79,140,255,.16);color:var(--accent-hi)}
.rb-head .txt b,.cb-head .txt b{display:block;font-size:15px;font-weight:800}
.rb-head .txt span,.cb-head .txt span{display:block;font-size:12px;color:var(--muted);margin-top:2px;line-height:1.35}
.rb-skip{margin-top:10px;color:var(--muted)}
.rb-done{display:flex;gap:12px;align-items:center;font-size:20px;color:var(--muted)}
.rb-done b{display:block;font-size:14px;color:var(--text)}
.rb-done span{display:block;font-size:12px;margin-top:2px;line-height:1.35}
.rb-done.ok>i{color:var(--win)}
.cb-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.cb-count{font-family:var(--f-display);font-weight:700;font-size:20px;color:var(--muted)}
.cb-count b{color:var(--live)}
.cb-bar{display:flex;gap:6px;margin-bottom:14px}
.cb-bar i{flex:1;height:8px;border-radius:99px;background:var(--surface-3);transition:background .25s}
.cb-bar i.on{background:linear-gradient(90deg,var(--live),#ff8fa3)}

/* Просмотр скриншота */
.shot-view{position:relative;max-width:96vw;max-height:92vh;display:flex;align-items:center;justify-content:center}
.shot-view img{max-width:100%;max-height:88vh;border-radius:14px;display:block;box-shadow:0 30px 90px rgba(0,0,0,.7)}
.shot-view .sheet-close{top:-8px;right:-4px;z-index:2;background:rgba(0,0,0,.65);color:#fff}

/* ═════════ Админ-панель ═════════ */
#page-admin{padding-bottom:8px}
.adm-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 14px}
.adm-title{display:flex;align-items:center;gap:12px;min-width:0}
.adm-title .ico{width:44px;height:44px;border-radius:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:19px;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 8px 22px rgba(236,72,153,.3)}
.adm-title b{display:block;font-family:var(--f-display);font-size:18px;letter-spacing:-.02em}
.adm-title span{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.adm-tabs{display:flex;gap:8px;overflow-x:auto;margin:0 -16px 14px;padding:2px 16px 8px;scrollbar-width:none;position:sticky;top:0;z-index:5;background:linear-gradient(180deg,var(--bg) 70%,transparent)}
.adm-tabs::-webkit-scrollbar{display:none}
.adm-tabs button{flex:none;display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border-radius:14px;font-size:13px;font-weight:800;background:var(--surface);border:1px solid var(--line);color:var(--muted);position:relative}
.adm-tabs button i{font-size:13px}
.adm-tabs button.on{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 6px 18px rgba(236,72,153,.3)}
.adm-badge{font-style:normal;min-width:18px;height:18px;padding:0 5px;border-radius:99px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;background:var(--live);color:#fff}
.adm-badge[hidden]{display:none}

.am-card{background:linear-gradient(180deg,rgba(23,32,70,.78),rgba(15,22,51,.8));border:1px solid var(--line);border-radius:var(--r-lg);padding:14px;margin-bottom:12px}
.am-card.live{border-color:rgba(61,220,151,.35)}
.am-card.banned{opacity:.75;border-color:rgba(255,77,109,.35)}
.am-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.am-num{font-family:var(--f-display);font-weight:700;font-size:20px;letter-spacing:-.02em;flex:1}
.am-teams{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.am-team{border-radius:var(--r-md);padding:10px;background:rgba(0,0,0,.2);border:1px solid var(--line)}
.am-team h5{font-size:11px;font-weight:800;margin-bottom:8px;display:flex;align-items:center;gap:6px}
.am-team.blue{border-color:rgba(77,171,247,.3)}.am-team.blue h5{color:#9fd2ff}
.am-team.orange{border-color:rgba(236,72,153,.3)}.am-team.orange h5{color:#ff9fcf}
.am-p{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;margin-bottom:6px;min-width:0}
.am-p:last-child{margin-bottom:0}
.am-p span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.am-sec{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}
.am-sec-h{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;margin-bottom:10px}
.am-sec-h i{color:var(--accent-hi)}
.am-cnt{padding:1px 8px;border-radius:99px;font-size:11px;background:var(--surface-3);color:var(--muted)}
.am-votes{margin-left:auto;font-size:11px;font-weight:800;color:var(--muted);display:inline-flex;gap:5px;align-items:center}
.am-votes.hot{color:#ff8fa3}
.am-none{font-size:12px;color:var(--dim);padding:6px 0 2px}
.am-shots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.shot{position:relative;aspect-ratio:3/4;border-radius:12px;overflow:hidden;border:2px solid var(--line);background:var(--surface-2);padding:0}
.shot.blue{border-color:rgba(77,171,247,.65)}.shot.orange{border-color:rgba(236,72,153,.65)}
.shot img{width:100%;height:100%;object-fit:cover;display:block}
.shot .who{position:absolute;left:0;right:0;bottom:0;padding:14px 6px 5px;font-size:11px;font-weight:800;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(180deg,transparent,rgba(0,0,0,.8))}
.am-win{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.seg{min-height:46px;border-radius:var(--r-md);font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:7px;background:var(--surface);border:2px solid var(--line);color:var(--muted);transition:all .15s}
.seg.blue.on{background:rgba(77,171,247,.18);border-color:var(--blue);color:#bfe3ff}
.seg.orange.on{background:rgba(236,72,153,.18);border-color:var(--accent-2);color:#ffc2e0}
.am-card .adm-score{margin-bottom:10px}
.am-kda{margin-bottom:12px;border-radius:var(--r-md);background:rgba(0,0,0,.18);border:1px solid var(--line)}
.am-kda summary{list-style:none;cursor:pointer;padding:11px 12px;font-size:13px;font-weight:800;display:flex;align-items:center;gap:8px}
.am-kda summary::-webkit-details-marker{display:none}
.am-kda summary i{color:var(--accent-hi)}
.am-kda summary small{margin-left:auto;font-size:11px;font-weight:700;color:var(--dim)}
.am-kda[open] summary{border-bottom:1px solid var(--line);margin-bottom:10px}
.am-kda .adm-pl{padding:0 10px}
.am-kt{font-size:11px;font-weight:800;color:var(--muted);padding:6px 10px 4px}
.am-kda[open]{padding-bottom:6px}
.am-cancel{margin-top:12px}
.btn:disabled{cursor:not-allowed}

.adm-form{display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px;margin-bottom:14px}
.adm-form-h{font-size:14px;font-weight:800;display:flex;align-items:center;gap:8px}
.adm-form-h i{color:var(--accent-hi)}
.adm-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.adm-bar b{display:block;font-size:15px}.adm-bar span{display:block;font-size:12px;color:var(--muted)}
.adm-search{position:relative;margin-bottom:12px}
.adm-search i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--dim);font-size:14px}
.adm-search .text-input{padding-left:40px}
.adm-seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin-bottom:12px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line)}
.adm-seg button{min-height:36px;border-radius:10px;font-size:13px;font-weight:800;color:var(--muted)}
.adm-seg button.on{background:var(--surface-3);color:var(--text)}
.tk-cat{width:38px;height:38px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--c);background:color-mix(in srgb,var(--c) 16%,transparent)}
.tk-ttl{flex:1;min-width:0}
.tk-ttl b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tk-ttl span{display:block;font-size:11px;color:var(--muted);margin-top:2px;line-height:1.35}
.tk-text{font-size:13px;line-height:1.45;word-break:break-word;padding:10px 12px;border-radius:var(--r-md);background:rgba(0,0,0,.2)}
.tk-reply{font-size:12px;color:var(--muted);margin-top:8px}
.tk-reply i{color:var(--accent-hi);margin-right:4px}
.pl-card .am-top{margin-bottom:0}
.pl-elo{font-size:18px;color:var(--accent-hi)}

.am-left{margin-left:auto;font-style:normal;font-size:10px;font-weight:800;padding:2px 7px;border-radius:99px;background:var(--surface-3);color:var(--muted)}

/* ═════ Фикс: ELO-бейдж не наезжает на «Ранг» (карточка «Играть») ═════ */
.lg-top{grid-template-columns:auto minmax(0,1fr) auto;gap:10px}
.lg-side{flex-shrink:0}
.lg-elo{gap:6px;min-width:0}
.lg-elo b{font-size:24px}
.lg-badge{flex-shrink:0;padding:3px 8px;font-size:10px;letter-spacing:.06em}
.lg-sub{flex-wrap:wrap;font-size:10px}
.lg-sub span,.lg-sub b{white-space:nowrap}
.hd-brand b{font-size:17px;letter-spacing:.06em}

/* ═════ Карточки команд (без силуэтов) ═════ */
.teams{gap:12px}
.team{
  --tc:77,171,247;
  background:linear-gradient(180deg,rgba(var(--tc),.09),rgba(var(--tc),.02) 120px),var(--surface);
  border:1px solid rgba(var(--tc),.28);border-radius:var(--r-lg);overflow:hidden;
  box-shadow:0 10px 28px rgba(0,0,0,.28);
}
.team.orange{--tc:255,120,190}
.team.blue,.team.orange{background-image:linear-gradient(180deg,rgba(var(--tc),.09),rgba(var(--tc),.02) 120px)}
.team-head{
  padding:12px 14px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  background:none;border-bottom:1px solid rgba(var(--tc),.2);color:rgb(var(--tc));
}
.team.blue .team-head,.team.orange .team-head{background:none;color:rgb(var(--tc))}
.team-head i{
  width:26px;height:26px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;
  background:rgba(var(--tc),.16);
}
.pl{padding:10px 14px;border-top:none;border-bottom:1px solid rgba(255,255,255,.05);transition:background .15s}
.pl:last-child{border-bottom:none}
.pl:hover{background:rgba(var(--tc),.08)}

/* Название сдвинуто вправо, чтобы не заходило на кнопку поддержки */
.hd-brand{left:calc(50% + 34px)}

/* ═════ Призовой фонд ═════ */
.prize{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(245,196,81,.10),rgba(15,22,51,.8) 55%);border:1px solid rgba(245,196,81,.28)}
.prize-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.prize-ico{width:44px;height:44px;border-radius:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:19px;color:#2a1c00;background:linear-gradient(135deg,#ffe08a,var(--gold));box-shadow:0 8px 22px rgba(245,196,81,.35)}
.prize-ttl span{display:block;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.prize-ttl b{display:block;margin-top:3px;font-family:var(--f-display);font-size:22px;font-weight:800;line-height:1.1;color:var(--gold)}
.prize-ttl b i{font-size:16px;margin:0 2px}
.podium{gap:10px}
.podium > div{position:relative;padding:14px 6px 12px;border-radius:var(--r-md);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02))}
.podium .p1{padding-top:26px;padding-bottom:18px;border:1px solid rgba(245,196,81,.7);background:linear-gradient(180deg,rgba(245,196,81,.22),rgba(245,196,81,.04));box-shadow:0 0 26px rgba(245,196,81,.18)}
.podium .p2{border:1px solid rgba(209,213,219,.5)}
.podium .p3{border:1px solid rgba(205,127,50,.55)}
.podium .crown{position:absolute;top:-11px;left:50%;transform:translateX(-50%);font-size:18px;color:var(--gold);filter:drop-shadow(0 2px 6px rgba(245,196,81,.6))}
.podium .medal{width:28px;height:28px;margin:0 auto 6px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--f-display);font-weight:800;font-size:14px;color:#1a1a1a;background:linear-gradient(135deg,#f3f4f6,#9ca3af)}
.podium .p1 .medal{width:34px;height:34px;font-size:17px;background:linear-gradient(135deg,#ffe08a,var(--gold))}
.podium .p3 .medal{background:linear-gradient(135deg,#f0b27a,#b8701f)}
.podium .where{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.podium .sum{font-size:17px;font-weight:800;margin-top:6px;white-space:nowrap}
.podium .p1 .sum{font-size:20px}
.podium .cur{margin-top:3px;font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--muted)}
.podium .cur i{color:var(--gold);margin-right:2px}
.prize-note{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;padding:10px 12px;border-radius:var(--r-md);background:rgba(255,255,255,.04);border:1px dashed rgba(255,255,255,.14)}
.prize-note i{color:var(--accent-hi)}

/* Фикс: подиум не вылезает за панель */
.prize{min-width:0}
.prize-head{min-width:0}
.prize-ttl{min-width:0}
.prize-ttl b{font-size:18px;white-space:nowrap}
.prize-ttl b i{font-size:14px}
.podium{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.podium > div{min-width:0;padding-left:4px;padding-right:4px}
.podium .sum{font-size:14px}
.podium .p1 .sum{font-size:16px}
.podium .where{font-size:10px;letter-spacing:.04em;white-space:nowrap}
.podium .cur{font-size:9px;white-space:nowrap}
.podium .medal{width:26px;height:26px;font-size:13px}
.podium .p1 .medal{width:32px;height:32px;font-size:16px}

/* ═════════════════════════════════════════════════════════
   ПК-версия сайта (от 1024px): боковое меню + широкая сетка
   ═════════════════════════════════════════════════════════ */
@media (min-width:1024px){
  body{background-attachment:fixed}
  .app{max-width:1240px;padding:0 40px 48px 268px}
  .app-head{padding:22px 0 18px}
  .hd-brand{left:50%}
  .hd-brand b{font-size:22px}

  /* боковое меню вместо нижней панели */
  .nav{
    left:0;top:0;bottom:0;transform:none;width:228px;max-width:none;
    flex-direction:column;align-items:stretch;justify-content:flex-start;gap:6px;
    padding:92px 14px 24px;border-top:none;border-right:1px solid var(--line);
    background:linear-gradient(180deg,rgba(12,18,48,.96),rgba(8,12,34,.96));box-shadow:10px 0 40px rgba(0,0,0,.35);
  }
  .nav::before{
    content:'STANDKNIFE';position:absolute;top:30px;left:0;right:0;text-align:center;
    font-family:var(--f-display);font-weight:700;font-size:19px;letter-spacing:.06em;
    background:linear-gradient(180deg,#fff 20%,var(--accent-hi));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  }
  .nav::after{
    content:'FACEIT';position:absolute;top:58px;left:0;right:0;text-align:center;
    font-size:9px;font-weight:600;letter-spacing:.46em;color:var(--accent-hi);opacity:.8;
  }
  .nav button{
    flex:none;flex-direction:row;justify-content:flex-start;gap:14px;padding:13px 16px;
    font-size:14px;border-radius:14px;transition:background .15s,color .15s;
  }
  .nav button:hover{background:rgba(255,255,255,.05);color:var(--text)}
  .nav button.active{background:rgba(79,140,255,.14);color:var(--accent-hi);box-shadow:inset 0 0 0 1px rgba(79,140,255,.3)}
  .nav button i{width:24px;text-align:center;font-size:18px}
  .nav button.play{margin-top:0;order:-1;margin-bottom:8px}
  .nav button.play i{width:36px;height:36px;font-size:15px;border:none;box-shadow:0 6px 18px rgba(236,72,153,.45)}
  .nav .dot{top:8px;left:36px}

  /* Главная: две колонки */
  #page-home.active{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:0 32px;align-items:start}
  #page-home .hero{grid-column:1;padding:36px 0 6px}
  #page-home .hero-title{font-size:48px;line-height:1.08}
  #page-home .hero-text{font-size:17px;max-width:44ch}
  #page-home .hero-actions .btn{flex:none;min-width:190px}
  #page-home .strip{grid-column:1;margin-top:28px}
  #page-home .strip .num{font-size:30px}
  #page-home .prize{grid-column:2;grid-row:1 / span 2;margin-top:36px;padding:26px}
  #page-home .podium .sum{font-size:20px}
  #page-home .podium .p1 .sum{font-size:24px}
  #page-home .podium .where{font-size:11px}
  #page-home .prize-ttl b{font-size:26px}

  /* Играть / остальные страницы: читаемая ширина по центру */
  #page-matches,#page-match,#page-profile,#page-friends,#page-top,#page-wallet,#page-shop,#page-support,#page-matchview,#page-admin{max-width:820px;margin-left:auto;margin-right:auto}
  .teams{gap:18px}
  .lg-tiles b{font-size:34px}

  /* Модальные окна — карточкой по центру */
  .overlay{align-items:center}
}
@media (min-width:1500px){
  .app{padding-left:300px}
  #page-home .hero-title{font-size:56px}
}

/* Подсказка по скриншотам (админ) */
.ocr-hint{margin-top:8px;display:grid;gap:8px}
.ocr-card{padding:12px;border-radius:var(--r-md);background:rgba(79,140,255,.08);border:1px solid rgba(79,140,255,.25);font-size:13px}
.ocr-h{margin-bottom:6px;color:var(--muted)}
.ocr-row{display:flex;align-items:center;gap:8px;margin-top:4px}
.ocr-row i{color:var(--accent-hi);width:16px;text-align:center}
.ocr-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.ocr-chip{padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700;background:rgba(255,255,255,.06)}
.ocr-chip.ok{color:var(--win);background:rgba(61,220,151,.12)}
.ocr-chip.bad{color:var(--live);background:rgba(255,77,109,.12)}
.ocr-note{font-size:11px;color:var(--dim);text-align:center}

/* ═════ Плашка подписки на спонсора ═════ */
.tg-wrap{position:fixed;left:0;right:0;bottom:calc(92px + env(safe-area-inset-bottom,0px));z-index:1100;display:flex;justify-content:flex-end;padding:0 14px;pointer-events:none}
.tg-wrap[hidden]{display:none}
.tg-pill{
  position:relative;pointer-events:auto;display:flex;align-items:center;gap:10px;max-width:100%;
  padding:6px 8px 6px 6px;border-radius:18px;overflow:hidden;
  background:linear-gradient(135deg,rgba(30,42,92,.97),rgba(13,19,46,.97));
  border:1px solid rgba(110,190,255,.3);
  box-shadow:0 12px 30px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.03) inset,0 0 24px rgba(42,171,238,.16);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  animation:tgIn .5s cubic-bezier(.2,.9,.3,1.15);
  transition:opacity .35s,transform .35s;
}
.tg-pill::after{
  content:'';position:absolute;top:0;bottom:0;left:-40%;width:35%;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.09),transparent);transform:skewX(-18deg);
  animation:tgShine 3.2s ease-in-out .8s infinite;
}
@keyframes tgShine{0%{left:-40%}55%,100%{left:125%}}
.tg-pill.out{opacity:0;transform:translateX(24px) scale(.92);pointer-events:none}
@keyframes tgIn{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
.tg-pill button{border:none;background:none;color:inherit;font:inherit;cursor:pointer;flex:none;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}
.tg-ico{width:34px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;background:linear-gradient(135deg,#38bdf8,#2563eb);box-shadow:0 4px 12px rgba(37,99,235,.5),inset 0 1px 0 rgba(255,255,255,.35)}
.tg-body{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;white-space:nowrap}
.tg-body small{font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#7dd3fc;line-height:1}
.tg-body span{font-size:13px;font-weight:700;letter-spacing:.005em;color:#f1f5ff;line-height:1.1}
.tg-go{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;background:linear-gradient(135deg,#38bdf8,#2563eb)!important;box-shadow:0 3px 10px rgba(37,99,235,.45)}
.tg-min{width:26px;height:26px;border-radius:50%;display:flex!important;align-items:center;justify-content:center;font-size:12px;color:#fff;background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.22)!important;opacity:1}
.tg-min i{display:block;color:#fff}
.tg-min:active{background:rgba(255,255,255,.28)!important}
@media (min-width:1024px){.tg-wrap{bottom:24px;padding:0 28px}.tg-body span{font-size:13.5px}}


/* ═════ Кланы ═════ */
.cl-tabs{display:flex;gap:6px;padding:5px;margin-bottom:16px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}
.cl-tabs button{flex:1;min-height:42px;border:none;border-radius:12px;background:none;color:var(--muted);font:inherit;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .18s}
.cl-tabs button.on{color:#fff;background:linear-gradient(135deg,#4f8cff,#7c5cff);box-shadow:0 6px 18px rgba(79,140,255,.4)}
.cl-av{--s:56px;width:var(--s);height:var(--s);border-radius:28%;flex:none;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:var(--surface-3);border:1px solid rgba(255,255,255,.14);box-shadow:0 4px 14px rgba(0,0,0,.35)}
.cl-av img{width:100%;height:100%;object-fit:cover}
.cl-av.ph{font-family:var(--f-display);font-weight:800;font-size:calc(var(--s) * .36);color:#fff;background:linear-gradient(135deg,#4f8cff,#a855f7)}
.cl-tag{font-style:normal;font-weight:800;color:var(--accent-hi);letter-spacing:.04em}
.cl-slot{margin-bottom:14px}
.cl-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-lg);cursor:pointer;background:linear-gradient(135deg,rgba(79,140,255,.16),rgba(168,85,247,.12));border:1px solid rgba(124,140,255,.35);transition:transform .15s}
.cl-card:active{transform:scale(.985)}
.cl-card-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.cl-card-main small{font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.cl-card-main b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cl-card-main em{font-style:normal;color:var(--accent-hi)}
.cl-card>i{color:var(--muted)}
.cl-count{padding:4px 10px;border-radius:99px;font-size:12px;font-weight:800;background:rgba(255,255,255,.08)}
.cl-count.hot{background:rgba(255,77,109,.18);color:#ff7a93}
.cl-back{margin-bottom:14px}
.cl-hero{display:flex;align-items:center;gap:16px;padding:20px;margin-bottom:12px;border-radius:var(--r-lg);background:radial-gradient(120% 140% at 0 0,rgba(124,92,255,.28),transparent 60%),var(--surface);border:1px solid rgba(124,140,255,.3)}
.cl-hero h2{margin:2px 0 0;font-family:var(--f-display);font-size:22px;line-height:1.15;word-break:break-word}
.cl-tag.big{font-size:14px}
.cl-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.cl-stats>div{padding:12px 6px;text-align:center;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line)}
.cl-stats b{display:block;font-family:var(--f-display);font-size:20px}
.cl-stats b small{font-size:12px;color:var(--muted)}
.cl-stats span{font-size:11px;color:var(--muted);font-weight:700}
.cl-owner{margin-left:6px;padding:2px 8px;border-radius:99px;font-size:10px;font-weight:800;color:#ffd166;background:rgba(245,196,81,.14)}
.cl-hint,.cl-hint2{margin:14px 0;font-size:12px;color:var(--muted);text-align:center}
.cl-leave{margin-top:12px}
.cl-create{display:flex;flex-direction:column;gap:8px}
.cl-pick{align-self:center;width:96px;height:96px;margin:6px 0 10px;border-radius:28%;border:2px dashed rgba(124,140,255,.5);background:rgba(79,140,255,.08);color:var(--accent-hi);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font:inherit;font-size:11px;font-weight:700;cursor:pointer;overflow:hidden;padding:0}
.cl-pick i{font-size:22px}.cl-pick img{width:100%;height:100%;object-fit:cover}
.cl-lbl{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:4px}
.cl-taginp{text-transform:uppercase;letter-spacing:.3em;text-align:center;font-weight:800}
@media (min-width:1024px){#page-clan{max-width:820px;margin-left:auto;margin-right:auto}}

.ocr-th{display:flex;justify-content:space-between;margin-top:10px;padding:0 2px 4px;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line)}
.ocr-pl{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 2px;font-size:13px;border-bottom:1px solid rgba(255,255,255,.05)}
.ocr-pl .ocr-n{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ocr-pl .fa-check{color:var(--win)}.ocr-pl .fa-xmark{color:var(--live)}
.ocr-pl.miss{opacity:.6}
.ocr-kda{flex:none;font-variant-numeric:tabular-nums;color:var(--muted)}
.ocr-kda b{color:var(--text)}
.ocr-kda.low b{color:#ffd166}

.cl-card.tgc{cursor:default;gap:10px;margin-top:10px;background:linear-gradient(135deg,rgba(56,189,248,.13),rgba(37,99,235,.1));border-color:rgba(56,189,248,.3)}
.cl-card.tgc .btn{flex:none}

/* ═════ Голосовой чат пати ═════ */
.vwave{display:inline-flex;align-items:center;justify-content:center;gap:3px;width:40px;height:40px;flex-shrink:0;border-radius:13px;
  background:linear-gradient(135deg,rgba(79,140,255,.28),rgba(236,72,153,.22));border:1px solid var(--line-strong)}
.vwave i{display:block;width:3px;height:8px;border-radius:3px;background:linear-gradient(180deg,var(--accent-hi),var(--accent-2));transition:height .2s}
.vwave i:nth-child(2){height:13px}.vwave i:nth-child(3){height:10px}
.on .vwave i,.live .vwave i{animation:vbar 1.1s ease-in-out infinite}
.on .vwave i:nth-child(2),.live .vwave i:nth-child(2){animation-delay:.18s}
.on .vwave i:nth-child(3),.live .vwave i:nth-child(3){animation-delay:.36s}
.on .vwave i:nth-child(4),.live .vwave i:nth-child(4){animation-delay:.54s}
.talking.on .vwave i{animation-duration:.5s;background:linear-gradient(180deg,#8bf5c6,var(--win))}
@keyframes vbar{0%,100%{height:6px}50%{height:18px}}

.vu{position:relative;display:inline-flex;border-radius:50%;flex-shrink:0}
.vu::after{content:'';position:absolute;inset:-3px;border-radius:50%;border:2px solid transparent;pointer-events:none;transition:border-color .15s,box-shadow .15s}
.vu.speaking::after{border-color:var(--win);box-shadow:0 0 0 3px rgba(61,220,151,.22),0 0 16px rgba(61,220,151,.65);animation:vpulse .9s ease-in-out infinite}
@keyframes vpulse{50%{box-shadow:0 0 0 6px rgba(61,220,151,.1),0 0 22px rgba(61,220,151,.8)}}
.vbadge{position:absolute;right:-4px;bottom:-4px;width:19px;height:19px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:9px;color:#fff;background:var(--live);border:2px solid var(--bg-2)}
.vm{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}
.vm:not(.in) .vu{opacity:.38;filter:grayscale(1)}
.vn{max-width:74px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:700;color:var(--muted)}
.vm.in .vn{color:var(--text)}
.vs{font-size:10px;color:var(--dim);margin-top:-4px}

.vc{margin-top:12px;padding:14px;border-radius:var(--r-lg);position:relative;overflow:hidden;
  background:linear-gradient(135deg,rgba(79,140,255,.17),rgba(236,72,153,.13)),var(--surface);
  border:1px solid var(--line-strong);box-shadow:0 10px 30px rgba(0,0,0,.28)}
.vc::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(70% 90% at 100% 0%,rgba(143,208,255,.14),transparent 60%)}
.vc>*{position:relative}
.vc.live{animation:vglow 2s ease-in-out infinite}
@keyframes vglow{50%{box-shadow:0 0 0 1px rgba(61,220,151,.55),0 0 26px rgba(61,220,151,.28)}}
.vc.on{border-color:rgba(61,220,151,.5)}
.vc-head{display:flex;align-items:center;gap:12px}
.vc-ttl{flex:1;min-width:0}
.vc-ttl b{display:block;font-family:var(--f-display);font-size:14px;letter-spacing:-.01em}
.vc-ttl span{display:block;font-size:12px;color:var(--muted);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vlive{font-size:10px;font-weight:800;letter-spacing:.14em;padding:4px 9px;border-radius:99px;color:var(--win);background:rgba(61,220,151,.14);border:1px solid rgba(61,220,151,.45)}
.vc-users{display:flex;justify-content:space-around;gap:8px;margin:16px 0 4px}
.vc-ctl{display:flex;justify-content:center;gap:12px;margin-top:14px}

.vbtn{width:46px;height:46px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:16px;color:var(--text);
  background:var(--surface-3);border:1px solid var(--line-strong);transition:transform .12s,background .2s}
.vbtn:active{transform:scale(.92)}
.vbtn.off{background:rgba(255,77,109,.18);border-color:rgba(255,77,109,.55);color:#ff8fa3}
.vbtn.leave{background:var(--live);border-color:transparent;color:#fff;box-shadow:0 6px 18px rgba(255,77,109,.4)}
.vbtn.sm{width:36px;height:36px;font-size:13px}

.vbar{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:9px 10px;border-radius:18px;
  background:linear-gradient(135deg,rgba(79,140,255,.16),rgba(236,72,153,.12)),rgba(12,18,48,.85);
  border:1px solid var(--line-strong);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.vbar.on{border-color:rgba(61,220,151,.5)}
.vbar.live{animation:vglow 2s ease-in-out infinite}
.vbar .vwave{width:36px;height:36px;border-radius:12px}
.vb-main{flex:1;min-width:0}
.vb-main b{display:block;font-size:13px;font-weight:800}
.vb-main small{display:block;font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vb-av,.vd-av{flex:1;min-width:0;display:flex;align-items:center;gap:9px;overflow-x:auto;scrollbar-width:none;padding:4px 2px}
.vb-av .vn,.vd-av .vn,.vb-av .vs,.vd-av .vs{display:none}
.vb-ctl{display:flex;gap:7px;flex-shrink:0}
.vbar .vbtn{width:38px;height:38px;font-size:14px}

#voiceDock{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(104px + var(--safe-b));z-index:1090;width:calc(100% - 32px);max-width:420px;pointer-events:none}
.vdock{pointer-events:auto;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:22px;
  background:linear-gradient(135deg,rgba(79,140,255,.2),rgba(236,72,153,.16)),rgba(12,18,48,.94);
  border:1px solid var(--line-strong);box-shadow:0 12px 34px rgba(0,0,0,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:pageIn .25s ease-out}
.vdock.on{border-color:rgba(61,220,151,.5)}
.vdock .vwave{width:34px;height:34px;border-radius:11px}
.vd-join{flex:1;min-width:0;text-align:left}
.vd-join b{display:block;font-size:13px;font-weight:800}
.vd-join small{display:block;font-size:11.5px;color:var(--win);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.vc-st{margin-top:12px;font-size:10.5px;color:var(--dim);text-align:center;letter-spacing:.02em}

.vc-vol{display:flex;align-items:center;gap:10px;margin-top:14px;padding:9px 12px;border-radius:14px;background:rgba(7,11,28,.45);border:1px solid var(--line)}
.vc-vol i{color:var(--accent-hi);font-size:14px;width:16px;text-align:center}
.vvol-n{min-width:40px;text-align:right;font-size:12px;font-weight:800;color:var(--muted)}
.vvol{flex:1;min-width:0;height:22px;-webkit-appearance:none;appearance:none;background:transparent;touch-action:pan-y}
.vvol::-webkit-slider-runnable-track{height:6px;border-radius:6px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}
.vvol::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-8px;border-radius:50%;background:#fff;border:3px solid var(--accent);box-shadow:0 2px 8px rgba(0,0,0,.45)}
.vvol::-moz-range-track{height:6px;border-radius:6px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}
.vvol::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--accent)}


/* ═════ Поддержка: подсказка вместо «мёртвой» кнопки, кнопка не прячется за плашками ═════ */
#page-support{padding-bottom:36px}
.app.has-dock{padding-bottom:calc(180px + var(--safe-b))}
.btn.not-ready{opacity:.55}
.btn.busy{opacity:.7;pointer-events:none}
.sup-need{min-height:18px;margin-top:10px;text-align:center;font-size:12px;font-weight:700;color:var(--gold)}
.sup-need:empty{display:none}