/* Argonia — общий стиль форума. Автор Argonta. */
:root{
  --bg:#08070d; --bg2:#0d0b14; --panel:#121019; --panel2:#171423;
  --line:#241f36; --line2:#332a4d; --text:#e9e6f2; --dim:#8b839f; --dim2:#635b78;
  --violet:#a35cf0; --violet2:#7b3fd4; --violetGlow:rgba(163,92,240,.35);
  --gold:#d9a441; --green:#4ad07a; --scale:64px; color-scheme:dark;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--bg); color:var(--text); font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; font-size:15px; line-height:1.6; min-height:100vh}
.scalefield{position:fixed; inset:0; z-index:0; pointer-events:none; opacity:.55;
  background:
    radial-gradient(circle at 50% 100%, transparent 47%, rgba(124,63,212,.13) 48% 50%, transparent 51%) 0 0/var(--scale) calc(var(--scale)/2),
    radial-gradient(circle at 50% 100%, transparent 47%, rgba(124,63,212,.13) 48% 50%, transparent 51%) calc(var(--scale)/2) calc(var(--scale)/4)/var(--scale) calc(var(--scale)/2);
  mask-image:radial-gradient(ellipse 90% 70% at 50% 0%, #000 0%, transparent 75%);
  -webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 0%, #000 0%, transparent 75%)}
.glow{position:fixed; z-index:0; pointer-events:none; top:-320px; left:50%; transform:translateX(-50%); width:1100px; height:640px; background:radial-gradient(ellipse at center, rgba(124,63,212,.22), transparent 65%); filter:blur(10px)}
.wrap{position:relative; z-index:1; max-width:1180px; margin:0 auto; padding:0 22px 70px}

header.top{display:flex; align-items:center; gap:20px; padding:26px 0 20px; flex-wrap:wrap}
.brand{display:flex; align-items:center; gap:14px; text-decoration:none; color:inherit}
.sigil{width:46px; height:46px; flex:none; border-radius:14px 14px 16px 16px; background:linear-gradient(160deg,#2a1d47,#120d20); border:1px solid var(--line2); box-shadow:0 0 22px var(--violetGlow), inset 0 1px 0 rgba(255,255,255,.06); display:grid; place-items:center; position:relative; overflow:hidden}
.sigil svg{width:38px; height:38px; display:block}
.sigil img.eye{width:40px; height:auto; display:block; object-fit:contain; border-radius:0; filter:drop-shadow(0 0 6px rgba(163,92,240,.55))}
.wordmark{font-size:25px; letter-spacing:.30em; font-weight:600; line-height:1}
.wordmark b{color:var(--violet); font-weight:600}
.tagline{color:var(--dim); font-size:13px; letter-spacing:.04em; margin-top:7px; font-style:italic}
.tagline.in{animation:slogan .7s ease both}
@keyframes slogan{from{opacity:0; transform:translateY(3px)} to{opacity:1; transform:none}}

.status{margin-left:auto; display:flex; align-items:center; gap:16px; background:linear-gradient(180deg,var(--panel2),var(--panel)); border:1px solid var(--line); border-radius:14px; padding:11px 18px}
.status .dot{width:8px; height:8px; border-radius:50%; background:var(--green); box-shadow:0 0 10px var(--green); flex:none}
.status .k{color:var(--dim2); font-size:11px; letter-spacing:.09em; text-transform:uppercase}
.status .v{font-size:14px; font-weight:600}
.status .sep{width:1px; height:26px; background:var(--line)}

nav.main{display:flex; gap:4px; flex-wrap:wrap; border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:6px 0; margin-bottom:26px}
nav.main a{color:var(--dim); text-decoration:none; padding:9px 16px; border-radius:9px; font-size:14px; display:inline-flex; align-items:center}
nav.main a:hover{color:var(--text); background:rgba(163,92,240,.10)}
nav.main a.on{color:var(--text); background:rgba(163,92,240,.16); box-shadow:inset 0 0 0 1px var(--line2)}
.navlock{width:12px; height:12px; margin-left:6px; vertical-align:-1px; opacity:.6}

.livebar{display:flex; align-items:center; gap:10px; margin-bottom:26px; color:var(--dim2); font-size:12.5px; flex-wrap:wrap}
.lf{display:inline-flex; align-items:center; gap:7px; color:var(--dim2); font-weight:600; font-size:10.5px; letter-spacing:.12em; text-transform:uppercase}
.lf i{width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 7px var(--green); animation:pulse 2s infinite; flex:none}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}

.crumbs{display:flex; align-items:center; gap:9px; color:var(--dim2); font-size:13px; margin-bottom:20px; flex-wrap:wrap}
.crumbs a{color:var(--dim); text-decoration:none}
.crumbs a:hover{color:var(--violet)}
.crumbs i{color:var(--dim2); font-style:normal}
.spacer{margin-left:auto}

h2.sec{font-size:12px; letter-spacing:.17em; text-transform:uppercase; color:var(--dim2); font-weight:600; margin:0 0 14px; display:flex; align-items:center; gap:12px}
h2.sec::after{content:""; flex:1; height:1px; background:var(--line)}
.sectitle{display:flex; align-items:center; gap:16px; margin:0 0 22px}
.sectitle .ico{width:48px; height:48px; flex:none; border-radius:13px; background:linear-gradient(160deg,#241a3d,#100c1c); border:1px solid var(--line2); display:grid; place-items:center}
.sectitle .ico svg{width:24px; height:24px}
.sectitle h1{margin:0; font-size:24px; font-weight:600}
.sectitle p{margin:3px 0 0; color:var(--dim); font-size:14px}

.card{background:linear-gradient(180deg,var(--panel2),var(--panel)); border:1px solid var(--line); border-radius:16px; padding:18px 19px}
.cardlink{display:block; text-decoration:none; color:inherit; transition:border-color .15s, transform .15s}
.cardlink:hover{border-color:var(--violet2); transform:translateY(-1px)}
.cardlink:hover .mapshot{border-color:var(--line2)}
.card h3{margin:0 0 14px; font-size:11.5px; letter-spacing:.15em; text-transform:uppercase; color:var(--dim2); font-weight:600; display:flex; align-items:center; gap:10px}
.card h3 .lf{margin-left:auto}
.card .now{margin-top:12px; font-size:14px}
.card .now b{color:var(--text)}
.card .now span{color:var(--dim)}
.muted{color:var(--dim2); font-size:13px}
.notlive{font-size:11px; color:var(--dim2); margin-top:12px; border-top:1px dashed var(--line); padding-top:9px; line-height:1.5}

.cols{display:grid; grid-template-columns:1fr 316px; gap:28px; align-items:start}
.side{display:flex; flex-direction:column; gap:22px}
.sheet{max-width:860px}

.gate{display:grid; grid-template-columns:1.15fr .85fr; gap:34px; align-items:center; background:linear-gradient(180deg,rgba(35,24,60,.75),rgba(16,13,26,.85)); border:1px solid var(--line2); border-radius:22px; padding:34px 36px; margin-bottom:40px; box-shadow:0 24px 60px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.05)}
.gate h1{margin:0 0 12px; font-size:30px; line-height:1.22; font-weight:600}
.gate p{margin:0 0 8px; color:var(--dim); font-size:15px; max-width:52ch}
.gate .cmd{color:var(--violet); font-weight:600; background:rgba(163,92,240,.12); border:1px solid rgba(163,92,240,.28); border-radius:7px; padding:1px 8px; font-family:Consolas,monospace; font-size:14px}
.gatebox{background:rgba(8,7,13,.6); border:1px solid var(--line); border-radius:16px; padding:22px}
.gatebox label{display:block; font-size:11.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--dim2); margin-bottom:10px}
.gatebox input{width:100%; background:#07060b; border:1px solid var(--line2); border-radius:12px; color:var(--text); font-size:27px; letter-spacing:.42em; text-align:center; text-transform:uppercase; padding:14px 10px 14px 18px; font-family:Consolas,monospace; outline:none}
.gatebox input::placeholder{color:#3d3652; letter-spacing:.18em; font-size:17px}
.gatebox button{width:100%; margin-top:12px; background:linear-gradient(180deg,var(--violet),var(--violet2)); border:0; border-radius:12px; color:#fff; font-size:16px; font-weight:600; padding:13px; cursor:pointer; box-shadow:0 8px 22px rgba(124,63,212,.35)}
.gatebox .gatechk{display:flex; align-items:center; gap:9px; margin:12px 0 0; font-size:13px; letter-spacing:0; text-transform:none; color:var(--dim); cursor:pointer; user-select:none}
.gatebox .gatechk:hover{color:var(--text)}
.gatebox .gatechk input{width:auto; font-size:inherit; letter-spacing:0; padding:0; margin:0; accent-color:var(--violet); background:none; border:0}
.gatebox .fine{color:var(--dim2); font-size:12.5px; margin-top:13px; line-height:1.55}

.boards{display:flex; flex-direction:column; gap:10px; margin-bottom:36px}
.board{display:flex; align-items:center; gap:18px; background:linear-gradient(180deg,var(--panel2),var(--panel)); border:1px solid var(--line); border-radius:14px; padding:17px 20px; text-decoration:none; color:inherit; transition:border-color .15s, transform .15s}
.board:hover{border-color:var(--line2); transform:translateX(3px)}
.board .ico{width:42px; height:42px; flex:none; border-radius:11px; background:linear-gradient(160deg,#241a3d,#100c1c); border:1px solid var(--line2); display:grid; place-items:center}
.board .ico svg{width:20px; height:20px}
.board .nm{font-size:16.5px; font-weight:600; margin-bottom:2px}
.board .ds{color:var(--dim); font-size:13.5px}
.board .cnt{margin-left:auto; text-align:right; flex:none}
.board .cnt .n{font-size:17px; font-weight:600; color:var(--violet)}
.board .cnt .l{font-size:11px; color:var(--dim2); letter-spacing:.06em; text-transform:uppercase}

.feed{display:flex; flex-direction:column; gap:8px}
.item{display:flex; align-items:center; gap:15px; background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:13px 17px; text-decoration:none; color:inherit}
.item:hover{border-color:var(--line2)}
.ava{width:34px; height:34px; flex:none; border-radius:10px; background:linear-gradient(150deg,#3a2a5e,#171129); border:1px solid var(--line2); display:grid; place-items:center; font-size:14px; font-weight:600; color:#c9b6ea; overflow:hidden}
.ava img{width:100%; height:100%; object-fit:cover; display:block}
.item .ttl{font-size:14.5px; margin-bottom:2px; display:flex; align-items:center; gap:9px; flex-wrap:wrap}
.item.pin{border-color:rgba(163,92,240,.3)}
.item .meta{color:var(--dim2); font-size:12.5px}
.item .rep{margin-left:auto; flex:none; text-align:right}
.item .rep .n{font-weight:600; font-size:15px}
.item .rep .l{font-size:11px; color:var(--dim2)}

.who{display:flex; flex-direction:column; gap:9px}
.who .p{display:flex; align-items:center; gap:11px; font-size:14px}
.who .p .d{width:6px; height:6px; border-radius:50%; background:var(--green); flex:none}
.who .p .t{margin-left:auto; color:var(--dim2); font-size:12px}
.mapshot{border-radius:12px; overflow:hidden; border:1px solid var(--line); background:linear-gradient(160deg,#1b1430,#0b0913); height:96px; display:grid; place-items:center; color:var(--dim2); font-size:12.5px; letter-spacing:.08em}

.mn{color:#c9cdfb; background:#2e3257; border-radius:5px; padding:1px 4px; font-weight:600}
.mnmirror{position:absolute; z-index:3; pointer-events:none; overflow:hidden; white-space:pre-wrap; overflow-wrap:break-word; word-wrap:break-word; box-sizing:border-box; margin:0; border:0; background:transparent}
.mnmirror .mnchip{color:#c9cdfb; background:#2e3257; border-radius:4px; box-shadow:-2px 0 0 #2e3257, 2px 0 0 #2e3257; -webkit-box-decoration-break:clone; box-decoration-break:clone}
textarea.mnlive{color:transparent !important; -webkit-text-fill-color:transparent}
textarea.mnlive::selection{color:transparent; -webkit-text-fill-color:transparent; background:rgba(163,92,240,.38)}
.mn.me{color:#ffdca8; background:rgba(217,164,65,.22)}
.post.mnme{border-color:rgba(217,164,65,.42); box-shadow:inset 3px 0 0 rgba(217,164,65,.75)}
.mnbox{position:fixed; z-index:340; min-width:210px; max-width:320px; background:var(--panel2); border:1px solid var(--line2); border-radius:12px; padding:5px; box-shadow:0 14px 34px rgba(0,0,0,.5)}
.mnbox .mni{display:flex; align-items:center; gap:9px; padding:6px 8px; border-radius:9px; cursor:pointer; font-size:14px}
.mnbox .mni.on{background:rgba(163,92,240,.18)}
.mnbox .mni img, .mnbox .mni .ini{width:24px; height:24px; border-radius:8px; object-fit:cover; flex:none; display:grid; place-items:center; background:linear-gradient(150deg,#3a2a5e,#171129); color:#c9b6ea; font-size:12px; font-weight:600}
.mnbox .mni b{font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.mnbox .mni i{width:7px; height:7px; border-radius:50%; background:var(--green); margin-left:auto; flex:none}
.plink{color:inherit; text-decoration:none}
.plink:hover{color:var(--violet)}

.btn{display:inline-flex; align-items:center; gap:8px; background:linear-gradient(180deg,var(--violet),var(--violet2)); border:0; border-radius:11px; color:#fff; font-size:14.5px; font-weight:600; padding:10px 18px; cursor:pointer; text-decoration:none; box-shadow:0 8px 22px rgba(124,63,212,.32)}
.btn:hover{filter:brightness(1.1)}
.btn svg{width:16px; height:16px}
.spacer{margin-left:auto}

.tlist{display:flex; flex-direction:column; gap:8px; margin-bottom:22px}
.trow{display:grid; grid-template-columns:38px minmax(0,1fr) 86px 148px; align-items:center; gap:16px; background:linear-gradient(180deg,var(--panel2),var(--panel)); border:1px solid var(--line); border-radius:13px; padding:14px 18px; text-decoration:none; color:inherit; transition:border-color .15s, transform .15s}
.trow:hover{border-color:var(--line2); transform:translateX(3px)}
.trow.pin{border-color:rgba(163,92,240,.3)}
.trow .tav{width:38px; height:38px; flex:none; border-radius:11px; background:linear-gradient(150deg,#3a2a5e,#171129); border:1px solid var(--line2); display:grid; place-items:center; font-weight:600; color:#c9b6ea; font-size:15px; overflow:hidden}
.trow .tav img{width:100%; height:100%; object-fit:cover; display:block}
.trow .tmain{min-width:0}
.trow .tt{font-size:15.5px; font-weight:600; margin-bottom:3px; display:flex; align-items:center; gap:9px; flex-wrap:wrap}
:where(.trow, .threadhead .sub, .item .ttl) .tag{font-size:10.5px; letter-spacing:.06em; text-transform:uppercase; color:#f0dcff; background:rgba(163,92,240,.16); border:1px solid rgba(163,92,240,.32); border-radius:999px; padding:2px 9px; font-weight:600}
.trow .tag.hot{color:#ffd8b0; background:rgba(217,164,65,.14); border-color:rgba(217,164,65,.34)}
.tag.kbug{color:#f0b6b6; background:rgba(224,122,138,.14); border-color:rgba(224,122,138,.34)}
.tag.kask{color:#cbb6ff; background:rgba(163,92,240,.14); border-color:rgba(163,92,240,.32)}
.tag.kidea{color:#ffd8b0; background:rgba(217,164,65,.14); border-color:rgba(217,164,65,.34)}
.tag.kinfo{color:#b9c6d6; background:rgba(150,172,200,.12); border-color:rgba(150,172,200,.30)}
.tag.sacc{color:#9fd4ff; background:rgba(90,160,230,.14); border-color:rgba(90,160,230,.32)}
.tag.swip{color:#ffd8b0; background:rgba(217,164,65,.16); border-color:rgba(217,164,65,.36)}
.tag.smb{color:#c9bde4; background:rgba(140,120,180,.16); border-color:rgba(140,120,180,.34)}
.tag.schk{color:#a5e6de; background:rgba(70,196,184,.13); border-color:rgba(70,196,184,.34)}
.tag.sdone{color:#9ee0b4; background:rgba(80,190,130,.14); border-color:rgba(80,190,130,.32)}
.tag.sno{color:var(--dim2); background:rgba(120,120,140,.1); border-color:var(--line2)}
.ntkind{display:flex; gap:8px; flex-wrap:wrap; margin-bottom:10px}
.fbfilter{display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin:0 0 14px}
.ntkind button, .fbfilter button{background:none; border:1px solid var(--line2); border-radius:999px;
  color:var(--dim); font-family:inherit; font-size:12.5px; padding:5px 13px; cursor:pointer;
  transition:color .15s, border-color .15s, background .15s}
.ntkind button:hover, .fbfilter button:hover{color:var(--text); border-color:var(--violet2)}
.ntkind button.on, .fbfilter button.on{color:#f0dcff; background:rgba(163,92,240,.18); border-color:var(--violet)}
.fbfilter .opn{margin-left:auto}
@media (max-width:640px){ .fbfilter .opn{margin-left:0} }
.trow .tm{color:var(--dim2); font-size:12.5px}
.trow .tr{text-align:right; min-width:0}
.trow .tr .n{font-weight:600; font-size:15px; color:var(--violet); overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.trow .tr .n:has(.flame){overflow:visible}
.trow .tr .l{font-size:11px; color:var(--dim2); text-transform:uppercase; letter-spacing:.05em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.pager{display:flex; gap:6px; justify-content:center; margin-top:6px}
.pager a{min-width:34px; text-align:center; padding:7px 11px; border-radius:9px; border:1px solid var(--line); color:var(--dim); text-decoration:none; font-size:14px}
.pager a:hover{color:var(--text); border-color:var(--line2)}
.pager a.on{color:#fff; background:rgba(163,92,240,.18); border-color:var(--line2)}

.threadhead h1{font-size:26px; font-weight:600; margin:0 0 8px; line-height:1.25}
.threadhead .sub{color:var(--dim2); font-size:13px; margin-bottom:22px; display:flex; gap:16px; flex-wrap:wrap; align-items:center}
.post{display:grid; grid-template-columns:172px 1fr; background:linear-gradient(180deg,var(--panel2),var(--panel)); border:1px solid var(--line); border-radius:16px; margin-bottom:14px; overflow:hidden}
.post.op{border-color:var(--line2)}
.pauthor{background:rgba(8,7,13,.4); border-right:1px solid var(--line); padding:20px 18px; text-align:center}
.pauthor .pa{width:64px; height:64px; border-radius:16px; margin:0 auto 12px; background:linear-gradient(150deg,#3a2a5e,#171129); border:1px solid var(--line2); display:grid; place-items:center; font-size:24px; font-weight:600; color:#c9b6ea; overflow:hidden}
.pauthor .pa img{width:100%; height:100%; object-fit:cover; display:block}
.pauthor{position:relative; isolation:isolate}
.pauthor.hasbn{background:rgba(8,7,13,.2)}
.pauthor.hasbn::before{content:""; position:absolute; inset:0; z-index:0; background-image:var(--bn);
  background-size:cover; background-position:center; opacity:.55; filter:saturate(1.08)}
.pauthor.hasbn::after{content:""; position:absolute; inset:0; z-index:0;
  background:linear-gradient(180deg, rgba(8,7,13,.3) 0%, rgba(8,7,13,.62) 46%, rgba(8,7,13,.88) 100%)}
.pauthor.hasbn > *{position:relative; z-index:1}
.pauthor.hasbn .pa{box-shadow:0 10px 26px rgba(0,0,0,.55); border-color:rgba(201,182,234,.35)}
.pauthor.hasbn .pn a{text-shadow:0 2px 10px rgba(0,0,0,.7)}
.pauthor.hasbn .prank{text-shadow:0 2px 10px rgba(0,0,0,.7)}
.pauthor .pn{font-weight:600; font-size:15px}
.pauthor .prank{font-size:11px; letter-spacing:.05em; color:var(--violet); margin-top:4px}
.pauthor .pstat{margin-top:12px; color:var(--dim2); font-size:11.5px; line-height:1.7; border-top:1px solid var(--line); padding-top:10px}
.pbody{padding:20px 24px; min-width:0}
.pbody .pmeta2{color:var(--dim2); font-size:12.5px; margin-bottom:14px; display:flex; gap:6px 12px; align-items:center; flex-wrap:wrap; border-bottom:1px solid var(--line); padding-bottom:12px}
.pbody .pmeta2 > span{flex:none; white-space:nowrap}
.pbody .pmeta2 > span + span:not(.pacts)::before{content:"·"; margin-right:12px; color:var(--line2)}
.pbody .ptext{font-size:15px; line-height:1.7; overflow-wrap:break-word}
.attprev{display:flex; flex-wrap:wrap; gap:8px; margin:9px 0 0}
.attprev:empty{display:none}
.attprev video{width:190px; max-height:120px; border-radius:10px; border:1px solid var(--line2); background:#07060b}
/* проигрыватель звука: родной пульт рисует сам браузер и облику не поддаётся */
.aplr{display:flex; align-items:center; gap:10px; width:100%; max-width:520px; margin:12px 0;
  padding:8px 12px; box-sizing:border-box; border:1px solid var(--line2); border-radius:12px;
  background:linear-gradient(180deg, rgba(30,24,48,.85), rgba(18,15,28,.92));
  transition:border-color .18s, box-shadow .18s}
.aplr.on{border-color:var(--violet2); box-shadow:0 0 18px rgba(163,92,240,.15)}
.aplr audio{display:none}
.aplr button{flex:none; width:30px; height:30px; padding:0; display:grid; place-items:center;
  border:0; border-radius:50%; cursor:pointer; background:none; color:var(--dim);
  font-family:inherit; transition:color .15s, background .15s}
.aplr button svg{width:18px; height:18px; fill:currentColor}
.aplr button:hover{color:var(--text); background:rgba(163,92,240,.14)}
.aplr .ap-pp{background:rgba(163,92,240,.18); color:#d8c2ff}
.aplr.on .ap-pp{background:var(--violet2); color:#fff}
.aplr.muted .ap-vol{color:#6b6382}
.aplr .ap-mid{flex:1; min-width:0}
/* нить тонкая, а полоса нажатия высокая: иначе по ней не попасть пальцем */
.aplr .ap-bar{height:16px; display:flex; align-items:center; cursor:pointer; touch-action:none}
.aplr .ap-trk{position:relative; display:block; width:100%; height:5px; border-radius:3px;
  background:#241f36; overflow:hidden}
.aplr .ap-trk i{position:absolute; left:0; top:0; bottom:0; display:block; border-radius:3px}
.aplr .ap-buf{width:0; background:#332a4d}
.aplr .ap-fill{width:0; background:linear-gradient(90deg,#7c3fd6,#c9a3ff);
  box-shadow:0 0 8px rgba(163,92,240,.45)}
.aplr .ap-tm{display:flex; justify-content:space-between; margin-top:4px;
  color:var(--dim2); font-size:11px; letter-spacing:.02em; font-variant-numeric:tabular-nums}
.aplr.sm{width:272px; max-width:100%; margin:6px 0 2px; padding:7px 9px; gap:8px}
.aplr.sm button{width:26px; height:26px}
.aplr.sm button svg{width:15px; height:15px}
@media (max-width:560px){ .aplr.sm{width:100%} }
.paud{display:none}
.pvid{display:block; width:100%; max-width:720px; max-height:52vh; margin:12px 0;
  border-radius:14px; border:1px solid var(--line2); background:#07060b; outline:none}
.pbody .ptext p{margin:0 0 12px}
.pbody .ptext p:last-child{margin-bottom:0}
.ptext .pstk, .mquote .pstk{display:block; width:200px; max-width:100%; height:auto; margin:9px 0}
.quote .pstk{width:120px; margin:6px 0}
.bigemo{font-size:34px; line-height:1.3; letter-spacing:2px}
.emopanel{position:fixed; z-index:70; width:388px; max-width:calc(100vw - 16px); max-height:62vh; overflow:auto; padding:10px; border-radius:14px;
  background:linear-gradient(180deg,var(--panel2),var(--panel)); border:1px solid var(--line2);
  box-shadow:0 22px 48px rgba(0,0,0,.6)}
.emopanel .ep-tabs{display:flex; gap:6px; flex-wrap:wrap; margin-bottom:8px; position:sticky; top:-10px;
  background:var(--panel2); padding:2px 0 8px; border-bottom:1px solid var(--line)}
.emopanel .ep-tabs button{background:none; border:1px solid var(--line); color:var(--dim); font-size:12.5px;
  padding:4px 10px; border-radius:999px; cursor:pointer; font-family:inherit}
.emopanel .ep-tabs button.on{color:var(--text); border-color:var(--violet2); background:rgba(163,92,240,.14)}
.emopanel .ep-cats{display:flex; gap:2px; flex-wrap:wrap; margin-bottom:6px}
.emopanel .ep-cats button{background:none; border:1px solid transparent; border-radius:8px; font-size:17px;
  line-height:1; padding:4px 6px; cursor:pointer}
.emopanel .ep-cats button.on{border-color:var(--violet2); background:rgba(163,92,240,.12)}
.emopanel .ep-grid{display:flex; flex-wrap:wrap; gap:1px}
.emopanel .ep-grid button{background:none; border:0; font-size:22px; line-height:1; padding:4px; border-radius:8px; cursor:pointer}
.emopanel .ep-grid button:hover{background:rgba(163,92,240,.18)}
.emopanel .ep-head{width:100%; color:var(--dim2); font-size:11.5px; letter-spacing:.06em; text-transform:uppercase; margin:8px 0 3px}
.emopanel .ep-stk{display:grid; grid-template-columns:repeat(3,1fr); gap:8px}
.stkzoom{position:fixed; inset:0; z-index:80; display:grid; place-items:center; pointer-events:none;
  background:rgba(6,5,10,.55)}
.stkzoom img{width:min(320px,62vw); height:auto; filter:drop-shadow(0 18px 40px rgba(0,0,0,.7))}
.emopanel .ep-stk img{width:100%; height:auto; border-radius:10px; padding:4px; cursor:pointer; background:none; user-select:none; -webkit-user-select:none; -webkit-touch-callout:none}
.emopanel .ep-stk img:hover{background:rgba(163,92,240,.16)}
.emopanel .ep-wait{color:var(--dim2); font-size:13px; padding:14px 4px}
.ptext .tq, .mquote .tq, .bantext .tq{display:block; border-left:2px solid var(--violet2); background:rgba(124,63,212,.08);
  padding:5px 13px; margin:7px 0; border-radius:0 9px 9px 0; color:var(--dim)}
.spoil{background:var(--line2); color:transparent; border-radius:5px; padding:0 5px; cursor:pointer;
  transition:color .15s ease, background .15s ease}
.spoil.on{background:rgba(124,63,212,.14); color:inherit}
.fmtmenu{position:fixed; z-index:70; min-width:238px; padding:6px; border-radius:12px; user-select:none;
  background:linear-gradient(180deg,var(--panel2),var(--panel)); border:1px solid var(--line2);
  box-shadow:0 20px 44px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.05)}
.fmtmenu .fitem{display:flex; align-items:center; gap:20px; padding:7px 11px; border-radius:8px; cursor:pointer; font-size:14px}
.fmtmenu .fitem span{flex:1; white-space:nowrap}
.fmtmenu .fitem i{color:var(--dim2); font-style:normal; font-size:12px; letter-spacing:.02em}
.fmtmenu .fitem:hover{background:rgba(124,63,212,.20)}
.fmtmenu .fitem:hover i{color:var(--violet)}
.fmtmenu .fsep{height:1px; margin:5px 9px; background:var(--line)}
.fmtmenu .fitem.dang:hover{background:rgba(240,120,120,.16)}
.fmtmenu .fitem.dang:hover span{color:#f0a3a3}
.ptext b, .mquote b, .bantext b{font-weight:700; color:#f6f3ff}
.ptext code, .mquote code, .bantext code{font-family:Consolas,"SF Mono",Menlo,monospace; font-size:.92em;
  background:var(--panel2); border:1px solid var(--line); border-radius:6px; padding:1px 6px}
.quote{border-left:2px solid var(--violet2); background:rgba(124,63,212,.08); padding:10px 14px; border-radius:0 10px 10px 0; margin:0 0 12px; color:var(--dim)}
.quote .qw{color:var(--violet); font-size:12.5px; margin-bottom:4px; font-weight:600}
.reactions{display:flex; gap:8px; margin-top:16px; flex-wrap:wrap}
.react{display:inline-flex; align-items:center; gap:6px; border:1px solid var(--line); border-radius:999px; padding:4px 12px; font-size:13px; color:var(--dim)}
.react b{color:var(--violet); font-weight:600}
.replybox{background:linear-gradient(180deg,var(--panel2),var(--panel)); border:1px solid var(--line2); border-radius:16px; padding:18px 20px; margin-top:22px}
.replybox h3{margin:0 0 12px; font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--dim2)}
.replybox textarea{width:100%; min-height:170px; background:#07060b; border:1px solid var(--line2); border-radius:12px; color:var(--text); font-family:inherit; font-size:14.5px; padding:13px 15px; resize:vertical; outline:none; line-height:1.6}
.replybox .rb{display:flex; align-items:center; gap:12px; margin-top:12px; flex-wrap:wrap}
.replybox .rb .btn{margin-left:auto}
.replybox .rb .btn ~ .btn{margin-left:0}
.formmsg{display:none; align-items:center; gap:8px; min-width:0; font-size:13.5px; color:#f0b0b0;
  background:rgba(240,120,120,.10); border:1px solid rgba(240,120,120,.32); border-radius:10px; padding:6px 12px; line-height:1.35}
.formmsg.on{display:inline-flex}
.formmsg::before{content:""; width:6px; height:6px; border-radius:50%; background:#f0a3a3; flex:none}
.formmsg.ok{color:#9ad4b1; background:rgba(74,208,122,.10); border-color:rgba(74,208,122,.32)}
.formmsg.ok::before{background:var(--green)}

.wipstate{max-width:520px; margin:34px auto 0; text-align:center; background:linear-gradient(180deg,var(--panel2),var(--panel)); border:1px solid var(--line2); border-radius:22px; padding:48px 34px; box-shadow:0 24px 60px rgba(0,0,0,.5)}
.wipstate .wipbadge{width:74px; height:74px; margin:0 auto 20px; border-radius:20px; background:rgba(217,164,65,.12); border:1px solid rgba(217,164,65,.32); display:grid; place-items:center}
.wipstate .wipbadge svg{width:38px; height:38px}
.wipstate .wipbadge.logo{width:clamp(140px,34vw,190px); height:clamp(140px,34vw,190px);
  padding:0; overflow:hidden; margin-bottom:26px; border-radius:clamp(26px,7vw,38px);
  background:none; border-color:var(--line2); box-shadow:0 14px 38px rgba(0,0,0,.5)}
.wipstate .wipbadge.logo img{width:100%; height:100%; object-fit:cover; display:block}
.wipstate h1{margin:0 0 10px; font-size:24px; font-weight:600}
.wipstate p{margin:0 auto; color:var(--dim); font-size:14.5px; line-height:1.6; max-width:44ch}

.phero{position:relative; display:grid; grid-template-columns:auto 1fr; gap:28px; align-items:center; background:linear-gradient(180deg,rgba(35,24,60,.75),rgba(16,13,26,.85)); border:1px solid var(--line2); border-radius:22px; padding:30px 34px; margin-bottom:22px; box-shadow:0 24px 60px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.05); overflow:hidden}
.phero .scalechip{position:absolute; right:-40px; top:-40px; width:280px; height:280px; pointer-events:none; opacity:.5; background:radial-gradient(circle at 50% 100%, transparent 47%, rgba(163,92,240,.14) 48% 50%, transparent 51%) 0 0/38px 19px, radial-gradient(circle at 50% 100%, transparent 47%, rgba(163,92,240,.14) 48% 50%, transparent 51%) 19px 9px/38px 19px; mask-image:radial-gradient(circle at 70% 30%, #000, transparent 70%); -webkit-mask-image:radial-gradient(circle at 70% 30%, #000, transparent 70%)}
.pavatar{width:104px; height:104px; flex:none; position:relative; border-radius:26px; background:linear-gradient(160deg,#2a1d47,#120d20); border:1px solid var(--line2); box-shadow:0 0 30px var(--violetGlow), inset 0 1px 0 rgba(255,255,255,.06); display:grid; place-items:center}
.pavatar svg{width:78px; height:78px; display:block}
.pavatar img.eye{width:86px; height:auto; object-fit:contain; border-radius:0; filter:drop-shadow(0 0 10px rgba(163,92,240,.55))}
.pident{position:relative; z-index:1; min-width:0}
.pident h1{margin:0; font-size:29px; font-weight:600; display:flex; align-items:center; gap:12px; flex-wrap:wrap; line-height:1.1; word-break:break-word}
.rankchip{font-size:11.5px; letter-spacing:.08em; text-transform:uppercase; font-weight:600; color:#f0dcff; background:rgba(163,92,240,.16); border:1px solid rgba(163,92,240,.34); border-radius:999px; padding:5px 13px}
.ptitle{color:var(--violet); font-style:italic; font-size:15px; margin-top:9px}
.pmeta{display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:14px;
  color:var(--dim2); font-size:13px}
.pmeta > span:not(#p-ingame):not(:empty){color:var(--dim); font-size:12.5px;
  background:rgba(8,7,13,.55); border:1px solid var(--line); border-radius:999px; padding:3px 11px}
.pmeta b{color:var(--text); font-weight:600}
.pmeta .mono{font-family:Consolas,monospace; letter-spacing:.02em}

.stats{display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin-bottom:22px}
@media (min-width:720px){ .stats{grid-template-columns:repeat(3,1fr)} }
@media (min-width:1180px){ .stats{grid-template-columns:repeat(6,1fr)} }
.stat{background:linear-gradient(180deg,var(--panel2),var(--panel)); border:1px solid var(--line); border-radius:16px; padding:18px 20px}
.stat .sv{font-size:26px; font-weight:600; line-height:1}
.stat .sv b{color:var(--violet); font-weight:600}
.stat .sv small{font-size:14px; color:var(--dim); font-weight:400}
.stat .sl{color:var(--dim2); font-size:11px; letter-spacing:.08em; text-transform:uppercase; margin-top:9px}

.stat.lvl{position:relative; border-color:var(--line2)}
.stat.lvl .sv{color:var(--violet)}
.stat.lvl .lvlbar{margin-top:12px; height:5px; border-radius:999px; background:rgba(124,63,212,.16); overflow:hidden}
.stat.lvl .lvlbar i{display:block; height:100%; width:0; border-radius:999px;
  background:linear-gradient(90deg,var(--violet2),var(--violet)); box-shadow:0 0 12px var(--violetGlow)}
.stat.lvl .lvlnum{color:var(--dim2); font-size:11px; margin-top:6px; font-variant-numeric:tabular-nums}
.stat.med .sv{color:var(--gold)}
.stat.med.empty .sv{color:var(--dim2)}
.stat.med .medrow{display:flex; align-items:center; gap:6px; margin-top:12px; min-height:18px}
.stat.med .medal{width:16px; height:16px; border-radius:50%; flex:none; position:relative;
  background:radial-gradient(circle at 35% 30%, #ffe9a8, var(--gold) 55%, #8a5f13);
  box-shadow:0 0 10px rgba(217,164,65,.45), inset 0 0 0 1px rgba(255,255,255,.25)}
.stat.med .medal::after{content:""; position:absolute; left:4px; right:4px; bottom:-5px; height:6px;
  background:linear-gradient(180deg,rgba(217,164,65,.55),transparent); border-radius:0 0 3px 3px}
.stat.med .medmore{color:var(--gold); font-size:12px; font-weight:600}

.stat .sv.money{display:inline-flex; align-items:center}
.stat .sv.money .coinico{vertical-align:0; margin-right:8px; position:relative; top:1px}
.stat .grow{color:var(--green); font-size:11.5px; margin-top:7px; font-variant-numeric:tabular-nums}
.stat .subm{display:flex; flex-wrap:wrap; gap:8px 18px; margin-top:12px}
.stat .subm:empty{display:none}
.stat .sm{display:flex; flex-direction:column; gap:4px; min-width:0}
.stat .sm b{font-size:13.5px; font-weight:600; line-height:1.1; color:var(--text); font-variant-numeric:tabular-nums; white-space:nowrap}
.stat .sm.up b{color:var(--green)}
.stat .sm i{font-style:normal; font-size:11px; line-height:1.1; color:var(--dim2); white-space:nowrap}
.stat .of{color:var(--dim2); font-size:11.5px; margin-top:7px; font-variant-numeric:tabular-nums}

.stat.lvl{cursor:pointer; position:relative; transition:border-color .15s, background .15s}
.stat.lvl:hover{border-color:var(--violet2)}
.skcaret{position:absolute; right:16px; top:16px; width:8px; height:8px;
  border-right:2px solid var(--dim2); border-bottom:2px solid var(--dim2);
  transform:rotate(45deg); transition:transform .18s, border-color .15s}
.stat.lvl:hover .skcaret{border-color:var(--violet)}
.stat.lvl.open .skcaret{transform:rotate(-135deg)}

.skills{background:linear-gradient(180deg,var(--panel2),var(--panel)); border:1px solid var(--line);
  border-radius:16px; padding:18px 20px; margin:-8px 0 22px}
.skills .skhead{color:var(--dim2); font-size:11px; letter-spacing:.08em; text-transform:uppercase;
  margin-bottom:10px}
.skcols{display:grid; grid-template-columns:1fr 1fr; gap:10px 26px}
@media (max-width:720px){ .skcols{grid-template-columns:1fr} }
.skrow{display:flex; align-items:baseline; gap:10px; padding:5px 0; border-bottom:1px solid var(--line)}
.skrow:last-child{border-bottom:0}
.skrow .skn{color:var(--dim); font-size:13px}
.skrow .skd{flex:1; border-bottom:1px dotted var(--line2); transform:translateY(-3px)}
.skrow .skv{color:var(--text); font-size:14px; font-weight:600; font-variant-numeric:tabular-nums}
.skrow .skv.zero{color:var(--dim2); font-weight:500}
.skrow:hover .skv.zero{color:var(--dim)}
.skills .sktot{color:var(--dim2); font-size:12px; margin-top:14px}
.skills .sknone{color:var(--dim2); font-size:13px}

.sktree{position:relative; border-radius:16px; overflow:hidden; background:#07060c;
  border:1px solid var(--line); isolation:isolate;
  transition:height .5s cubic-bezier(.2,.7,.3,1)}
.sktree .lay{position:absolute; inset:0; pointer-events:none; height:var(--skh, auto)}
.sktree .neb{position:absolute; border-radius:50%; filter:blur(46px); opacity:.5;
  mix-blend-mode:screen}
.sktree .n1{width:56%; height:56%; left:-8%; top:-10%;
  background:radial-gradient(circle,#5a2fb0,transparent 68%); animation:nebA 34s ease-in-out infinite alternate}
.sktree .n2{width:52%; height:52%; right:-10%; top:6%;
  background:radial-gradient(circle,#1e6f8c,transparent 68%); animation:nebB 41s ease-in-out infinite alternate}
.sktree .n3{width:64%; height:64%; left:16%; bottom:-22%;
  background:radial-gradient(circle,#3a1c6b,transparent 70%); animation:nebC 47s ease-in-out infinite alternate}
@keyframes nebA{to{transform:translate(7%,6%) scale(1.12)}}
@keyframes nebB{to{transform:translate(-6%,9%) scale(1.09)}}
@keyframes nebC{to{transform:translate(5%,-7%) scale(1.14)}}
.sktree .st{position:absolute; border-radius:50%; background:#dcd2ff; animation:stTw 4s ease-in-out infinite}
@keyframes stTw{0%,100%{opacity:.14} 50%{opacity:.8}}
.sktree .eye{position:absolute; width:88%; transform:translate(-50%,-50%);
  left:calc(20px + (100% - 40px) * 0.5052632);
  top:calc(18px + (100% - 36px) * 0.4759494);
  opacity:.16; mix-blend-mode:screen; animation:eyeBreath 12s ease-in-out infinite alternate}
@keyframes eyeBreath{to{opacity:.23; transform:translate(-50%,-50%) scale(1.03)}}
.sktree .vig{background:radial-gradient(120% 95% at 50% 45%, transparent 38%, rgba(4,3,8,.72) 100%)}
.sktree svg{display:block; width:100%; height:auto; position:relative; z-index:2}

.sktree .lk{fill:none; stroke-width:1.3; transition:stroke .18s, opacity .18s, stroke-width .18s;
  stroke-dasharray:var(--len); stroke-dashoffset:0;
  animation:lkDraw .62s cubic-bezier(.3,.7,.3,1) both}
@keyframes lkDraw{from{stroke-dashoffset:var(--len)} to{stroke-dashoffset:0}}
.sktree .lk.cap{stroke:#2b2447}
.sktree .lk.cap.live{stroke:#6b49ab; opacity:.75}
.sktree .lk.boost{stroke:#26433a}
.sktree .lk.boost.live{stroke:#3f9e69; opacity:.62}
.sktree .lk.limit{stroke:#22303f}
.sktree .lk.limit.live{stroke:#4b81b4; opacity:.6}
.sktree .lk.kit{stroke:#332a49}
.sktree .lk.kit.live{stroke:#8168b8; opacity:.55}
/* тень, а не filter: у вертикальной связи нулевая ширина и фильтр её прячет */
.sktree .lk.hot{opacity:1; stroke-width:2.1}
.sktree .lk.cap.hot{stroke:#b98cff; filter:drop-shadow(0 0 3px rgba(185,140,255,.85))}
.sktree .lk.boost.hot{stroke:#63e39a; filter:drop-shadow(0 0 3px rgba(99,227,154,.8))}
.sktree .lk.limit.hot{stroke:#79bdf5; filter:drop-shadow(0 0 3px rgba(121,189,245,.8))}
.sktree .lk.kit.hot{stroke:#c3a8ff; filter:drop-shadow(0 0 3px rgba(195,168,255,.8))}
.sktree .sp{fill:#d6c6ff}

.sktree .nd{opacity:1; animation:ndIn .5s ease both}
@keyframes ndIn{from{opacity:0} to{opacity:1}}
.sktree .nd .gin{transform:scale(1); transform-origin:0 0;
  animation:ndPop .58s cubic-bezier(.2,.9,.3,1) both; transition:transform .2s cubic-bezier(.2,.7,.3,1)}
@keyframes ndPop{from{transform:scale(.5)} to{transform:scale(1)}}
.sktree .rg{fill:none; stroke:#221d31; stroke-width:3.5}
.sktree .fl{fill:none; stroke:url(#skGrad); stroke-width:3.5; stroke-linecap:round;
  transition:stroke-dashoffset .8s cubic-bezier(.2,.7,.3,1)}
.sktree .fl2{fill:none; stroke:#ffd98a; stroke-width:2.6; stroke-linecap:round;
  filter:url(#skGlow); transition:stroke-dashoffset .8s cubic-bezier(.2,.7,.3,1) .15s}
.sktree .nd.on .fl{filter:url(#skGlow)}
.sktree .ds{fill:url(#skOff); stroke:#2b2440; stroke-width:1}
.sktree .nd.on .ds{fill:url(#skOn); stroke:var(--violet2)}
.sktree .nd.key .ds{stroke:var(--violet)}
.sktree .halo{fill:none; stroke:rgba(163,92,240,.5); stroke-width:1.2; stroke-dasharray:5 9;
  transform-origin:0 0; animation:skSpin 26s linear infinite}
@keyframes skSpin{to{transform:rotate(360deg)}}
/* садим по высоте заглавной: иначе слово с хвостиками висит ниже числа */
.sktree .vl{fill:var(--text); font-size:13.5px; font-weight:600; text-anchor:middle;
  font-variant-numeric:tabular-nums; letter-spacing:.015em}
.sktree .nd:not(.on) .vl{fill:#4e4864; font-weight:500; filter:none}
.sktree .nd.on .vl{filter:drop-shadow(0 0 4px rgba(206,178,255,.45))}
.sktree .nd.key.on .vl{filter:drop-shadow(0 0 5px rgba(196,150,255,.6))}
.sktree .nn{fill:var(--dim2); font-size:10.5px; text-anchor:middle; letter-spacing:.02em}
.sktree .nd.on .nn{fill:var(--text)}
.sktree .nd.key .nn{fill:#dcc4ff}
.sktree .yes{fill:var(--text); font-size:10px; font-weight:700; text-anchor:middle;
  letter-spacing:.14em; filter:drop-shadow(0 0 4px rgba(206,178,255,.45))}
.sktree .no{fill:#4e4864; font-size:10px; font-weight:600; text-anchor:middle;
  letter-spacing:.14em}
.sktree .sktot{position:absolute; left:0; right:0; text-align:center; z-index:3;
  bottom:calc(100% - var(--skh, 100%) + 12px);
  color:var(--dim2); font-size:12px}
.sktree .sktot b{color:var(--dim)}
.sktree.wake{animation:skWake .42s ease}
@keyframes skWake{from{opacity:0}}

.sktree.fold{pointer-events:none; opacity:0;
  transition:opacity .27s ease .55s, height .46s cubic-bezier(.35,.1,.5,1) .34s}
.sktree.fold .nd{animation:ndOut .34s cubic-bezier(.45,0,.75,.35) both}
@keyframes ndOut{from{opacity:1} to{opacity:0}}
.sktree.fold .nd .gin{animation:ndSuck .34s cubic-bezier(.45,0,.75,.35) both}
@keyframes ndSuck{from{transform:scale(1)} to{transform:scale(.42)}}
.sktree.fold .lk{animation:lkErase .34s ease-in both}
@keyframes lkErase{from{stroke-dashoffset:0} to{stroke-dashoffset:var(--len)}}
.sktree.fold .fl,.sktree.fold .fl2{transition:stroke-dashoffset .34s ease-in}

/* примерка, сравнение, ссылка */
.sktree .skbar{position:absolute; top:12px; right:12px; z-index:4; display:flex; gap:6px;
  animation:skBarIn .5s ease .7s both}
@keyframes skBarIn{from{opacity:0; transform:translateY(-4px)}}
.sktree .skbar button{width:34px; height:34px; padding:0; border-radius:50%; display:grid;
  place-items:center; cursor:pointer; color:var(--dim); border:1px solid var(--line2);
  background:rgba(14,12,22,.72); backdrop-filter:blur(4px);
  transition:color .15s, border-color .15s, background .15s, box-shadow .2s}
.sktree .skbar button svg{width:17px; height:17px}
.sktree .skbar button:hover{color:var(--text); border-color:var(--violet2)}
.sktree .skbar button.on{color:#fff; border-color:var(--violet); background:rgba(123,63,212,.55);
  box-shadow:0 0 16px rgba(163,92,240,.35)}
.sktree .skbar .brs,.sktree .skbar .bsh{display:none}
.sktree.plan .skbar .brs,.sktree.plan .skbar .bsh{display:grid}
.sktree.plan .skbar .bcm{display:none}
.sktree.plan .nd{cursor:pointer}
.sktree .df{fill:none; stroke-width:3.5; stroke-linecap:round;
  transition:stroke-dasharray .45s cubic-bezier(.2,.7,.3,1), stroke-dashoffset .45s cubic-bezier(.2,.7,.3,1)}
.sktree .df2{stroke-width:2.6}
.sktree .df.up{stroke:#ffd98a; filter:url(#skGlow)}
.sktree .df.dn{stroke:#e07a8a; opacity:.55}
.sktree .nd.chg.up .vl,.sktree .nd.chg.up .yes{fill:#ffe3a3}
.sktree .nd.chg.dn .vl,.sktree .nd.chg.dn .no{fill:#eba3b1}
.sktree .nd.chg .ds{stroke:#b98cff}
.sktree .nd.deny .gsh{animation:skDeny .44s cubic-bezier(.36,.07,.19,.97)}
@keyframes skDeny{20%{transform:translateX(-3px) scale(var(--fs, 1))} 40%{transform:translateX(3px) scale(var(--fs, 1))}
  60%{transform:translateX(-2px) scale(var(--fs, 1))} 80%{transform:translateX(2px) scale(var(--fs, 1))}}
.sktree .nd.deny .ds{stroke:#e07a8a}
.sktree .lk.cap.pulse{stroke:#dcc2ff; stroke-width:2.6; opacity:1}
.sktree .sktot b.zero{color:var(--dim)}
.sktree .sktot b.neg{color:#e08a8a}
.sktree.plan .sktot b{color:#ffe3a3}
.sktree.plan .sktot b.zero{color:var(--dim)}
.sktree.plan .sktot b.neg{color:#e08a8a}
.sktree .sktot.fr b{color:#ffe3a3}
.sktree .sktot.fr b.zero{color:var(--dim)}
.sktree .sktot.fr b.neg{color:#e08a8a}
.sktree .sktot i{font-style:normal; color:var(--dim2)}
.sktree .skstep{position:absolute; z-index:5; display:flex; align-items:center; gap:4px; padding:4px;
  border-radius:999px; background:rgba(14,12,22,.94); border:1px solid var(--violet2);
  box-shadow:0 10px 30px rgba(0,0,0,.55), 0 0 18px rgba(163,92,240,.2);
  opacity:0; transform:translateY(4px) scale(.96); transition:opacity .16s, transform .16s}
.sktree .skstep.on{opacity:1; transform:none}
.sktree .skstep b{min-width:40px; text-align:center; color:var(--text); font-size:14px; font-weight:600;
  font-variant-numeric:tabular-nums}
.sktree .skstep button{position:relative; width:30px; height:30px; padding:0; border:0; border-radius:50%;
  cursor:pointer; color:#d8c2ff; background:rgba(163,92,240,.18); touch-action:none;
  transition:background .14s, opacity .14s}
.sktree .skstep button:hover{background:rgba(163,92,240,.34)}
.sktree .skstep button.no{opacity:.3}
.sktree .skstep button::before,.sktree .skstep button.pl::after{content:""; position:absolute; left:50%;
  top:50%; width:12px; height:2px; margin:-1px 0 0 -6px; border-radius:1px; background:currentColor}
.sktree .skstep button.pl::after{transform:rotate(90deg)}
/* окно древа двигается и приближается */
.sktree{-webkit-user-select:none; user-select:none; -webkit-touch-callout:none}
.sktree .skview{position:relative; overflow:hidden; z-index:2; cursor:grab; touch-action:pan-y}
.sktree .skview.zoomed{touch-action:none}
.sktree .skview.drag{cursor:grabbing}
.sktree .skview .lay{height:auto}
.sktree .skworld{position:absolute; left:0; top:0; width:100%; transform-origin:0 0}
.sktree .hit{fill:transparent}
/* наведение: узел приподнимается и горит, по связям уходит свет */
.sktree .nd .gsh{transform-origin:0 0; transform:scale(var(--fs, 1));
  transition:transform .42s cubic-bezier(.34,1.56,.64,1)}
.sktree .nd.focus .gsh{--fs:1.12}
.sktree .bloom{fill:url(#skBloom); opacity:0; transform-origin:0 0; transform:scale(.6); pointer-events:none;
  transition:opacity .35s ease, transform .5s cubic-bezier(.2,.8,.3,1)}
.sktree .nd.focus .bloom{opacity:1; transform:scale(1); animation:skBreath 2.6s ease-in-out .5s infinite}
@keyframes skBreath{0%,100%{opacity:1; transform:scale(1)} 50%{opacity:.6; transform:scale(1.1)}}
.sktree .nd.near .bloom{opacity:.3; transform:scale(.85)}
.sktree .nd:not(.on).focus .bloom{opacity:.5}
.sktree .rip{fill:none; stroke:#d8c2ff; stroke-width:1.6; opacity:0; transform-origin:0 0; pointer-events:none}
.sktree .rip.ping{animation:skPing .8s cubic-bezier(.2,.7,.3,1)}
@keyframes skPing{from{opacity:.9; transform:scale(1)} to{opacity:0; transform:scale(1.85)}}
.sktree .fire{opacity:0; visibility:hidden; transform-origin:0 0; transform:scale(.8); pointer-events:none;
  transition:opacity .4s ease, transform .55s cubic-bezier(.2,.8,.3,1), visibility 0s linear .4s}
.sktree .nd.focus .fire{opacity:1; visibility:visible; transform:scale(1);
  transition:opacity .4s ease, transform .55s cubic-bezier(.2,.8,.3,1), visibility 0s}
.sktree .nd:not(.on).focus .fire{opacity:.45}
.sktree .fsp{filter:url(#skFire); transform-origin:0 0}
.sktree .nd.focus .fsp{animation:skSwirl 9s linear infinite}
@keyframes skSwirl{to{transform:rotate(360deg)}}
.sktree .fire .f1{fill:none; stroke:#8b5cf6; stroke-width:9; opacity:.6}
.sktree .fire .f2{fill:none; stroke:#f3e8ff; stroke-width:2.4}
.sktree .nd.focus .fl{stroke:url(#skGradHot)}
.sktree .nd.focus .ds{stroke:#e2cdff}
.sktree .nd.near .ds{stroke:#b98cff}
.sktree .nd.focus .nn{fill:#fff}
.sktree .nd.focus .vl{filter:drop-shadow(0 0 6px rgba(226,200,255,.95))}
.sktree .lkp{fill:none; stroke-width:3.2; stroke-linecap:round; stroke-dasharray:24px 2000px;
  stroke-dashoffset:24px; opacity:0; pointer-events:none}
.sktree .lkp.go{opacity:.95}
.sktree .lkp.go.dim{opacity:.35}
.sktree .lkp.fw{animation:lkPulseF 1.35s cubic-bezier(.45,.05,.55,.95) infinite}
.sktree .lkp.bw{animation:lkPulseB 1.35s cubic-bezier(.45,.05,.55,.95) infinite}
@keyframes lkPulseF{0%{stroke-dashoffset:24px} 72%,100%{stroke-dashoffset:calc(var(--len) * -1px)}}
@keyframes lkPulseB{0%{stroke-dashoffset:calc(var(--len) * -1px)} 72%,100%{stroke-dashoffset:24px}}
.sktree .lkp.cap{stroke:#fff; filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 6px rgba(190,140,255,1))}
.sktree .lkp.boost{stroke:#f2fff8; filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 6px rgba(99,227,154,1))}
.sktree .lkp.limit{stroke:#f4faff; filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 6px rgba(121,189,245,1))}
.sktree .lkp.kit{stroke:#fff; filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 6px rgba(195,168,255,1))}
/* раскладка из примерочной: применить, подтвердить, ждёт игры */
.sktree.plan.lock .skbar .brs{display:none}
.sktree.plan.lock .nd{cursor:default}
.skcta{height:0; overflow:hidden; opacity:0;
  transition:height .42s cubic-bezier(.2,.7,.3,1), opacity .3s ease}
.skcta.on{height:66px; opacity:1}
.skcta .skcin{height:66px; display:flex; align-items:center; justify-content:center}
.skcta .skpill{display:flex; align-items:center; gap:6px; padding:4px; border-radius:999px;
  background:rgba(14,12,22,.94); border:1px solid var(--violet2); color:var(--text); font:inherit;
  font-size:13px; box-shadow:0 4px 14px rgba(0,0,0,.45), 0 0 16px rgba(163,92,240,.16);
  animation:skPillIn .32s cubic-bezier(.2,.7,.3,1) both}
@keyframes skPillIn{from{opacity:0; transform:translateY(-5px) scale(.97)}}
.skcta .skgo{padding:8px 18px 8px 16px; cursor:pointer; transition:border-color .15s, box-shadow .2s}
.skcta .skgo:hover{border-color:var(--violet); box-shadow:0 4px 14px rgba(0,0,0,.45), 0 0 22px rgba(163,92,240,.38)}
.skcta .coinico{width:17px; height:17px; margin:0 5px 0 6px; font-size:10.5px; vertical-align:-3px}
.skcta .tx{padding:0 4px; white-space:nowrap}
.skcta .skpill button.no,.skcta .skpill button.yes{width:30px; height:30px; padding:0; border:0; border-radius:50%;
  display:grid; place-items:center; cursor:pointer; color:#d8c2ff; background:rgba(163,92,240,.16);
  transition:background .14s, color .14s}
.skcta .skpill button svg{width:16px; height:16px}
.skcta .skpill button.no:hover{background:rgba(163,92,240,.3)}
.skcta .skpill button.yes{color:#fff; background:rgba(123,63,212,.62); box-shadow:0 0 12px rgba(163,92,240,.35)}
.skcta .skpill button.yes:hover{background:rgba(143,78,232,.8)}
.skcta .skwait .look{padding:0 4px; border:0; background:none; color:var(--text); font:inherit; cursor:pointer;
  white-space:nowrap}
.skcta .skwait .look:hover{color:#fff}
.skcta .pend{width:7px; height:7px; margin-left:9px; border-radius:50%; background:#ffd98a;
  box-shadow:0 0 10px rgba(255,217,138,.85); animation:skPend 2.4s ease-in-out infinite}
@keyframes skPend{50%{opacity:.35; box-shadow:0 0 3px rgba(255,217,138,.35)}}
.skcta .skbusy{padding:8px 16px; color:var(--dim)}
.skcta .dots{display:inline-flex; gap:3px; margin-left:2px}
.skcta .dots i{width:4px; height:4px; border-radius:50%; background:#c9a3ff; animation:skDot 1.1s ease-in-out infinite}
.skcta .dots i:nth-child(2){animation-delay:.15s}
.skcta .dots i:nth-child(3){animation-delay:.3s}
@keyframes skDot{0%,80%,100%{opacity:.25; transform:none} 40%{opacity:1; transform:translateY(-3px)}}
@media (max-width:720px){
  .skcta .skpill{font-size:12.5px}
  .skcta .skpill button.no,.skcta .skpill button.yes{width:34px; height:34px}
}
@media (max-width:720px){
  .sktree .skbar button{width:30px; height:30px}
  .sktree .skbar{gap:5px}
  .sktree .skstep button{width:36px; height:36px}
  .sktree .sktot{font-size:11px}
}

@media (max-width:720px){ .sktree .nn{font-size:12px} }

.skrow{cursor:help}
.skrow:hover .skn, .skrow:hover .skv{color:var(--text)}
.sktip{position:fixed; z-index:60; max-width:min(340px, calc(100vw - 24px));
  padding:12px 14px 13px; border-radius:12px;
  background:rgba(14,12,22,.97); border:1px solid var(--violet2); color:var(--dim);
  font-size:12.5px; line-height:1.55; pointer-events:none; opacity:0; transform:translateY(5px);
  transition:opacity .15s ease, transform .15s ease; overflow:hidden;
  box-shadow:0 18px 44px rgba(0,0,0,.6), 0 0 22px rgba(163,92,240,.13)}
.sktip.on{opacity:1; transform:translateY(0)}
.sktip b{display:block; color:var(--text); font-size:13.5px; margin-bottom:6px; letter-spacing:.01em}
.sktip .skcap{display:block; margin-top:8px; color:var(--dim2); font-size:11.5px}
/* сдвиг ровно на один период узора, иначе на стыке виден рывок */
.sktip::after{content:""; position:absolute; top:-30%; left:0; width:200%; height:160%;
  pointer-events:none;
  background:repeating-linear-gradient(to right,
    transparent 0, transparent 12.5%,
    rgba(190,150,255,.10) 17%, rgba(232,214,255,.19) 20%, rgba(190,150,255,.10) 23%,
    transparent 27.5%, transparent 50%);
  animation:sktipsheen 3.4s linear infinite}
@keyframes sktipsheen{from{transform:translateX(-50%) skewX(-18deg)}
                        to{transform:translateX(0) skewX(-18deg)}}
.stat .grow:empty{display:none}
.galstrip{display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:26px}
.galstrip .gs{position:relative; display:block; border-radius:13px; overflow:hidden; border:1px solid var(--line);
  background:#07060b; aspect-ratio:16/9; text-decoration:none}
.galstrip .gs img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .25s ease}
.galstrip .gs:hover{border-color:var(--violet2)}
.galstrip .gs:hover img{transform:scale(1.05)}
.galstrip .gsw{position:absolute; left:0; right:0; bottom:0; padding:18px 10px 7px; font-size:12px; color:#e9e6f2;
  background:linear-gradient(180deg,transparent,rgba(6,5,10,.85)); overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
h2.sec .allshots{margin-left:auto; color:var(--dim); font-size:12px; letter-spacing:0; text-transform:none;
  text-decoration:none; font-weight:400}
h2.sec .allshots:hover{color:var(--violet)}
@media (max-width:640px){ .galstrip{grid-template-columns:repeat(2,1fr)} }
.fstats{margin:0 0 26px}
.fsrow{display:grid; grid-template-columns:repeat(3,1fr); background:linear-gradient(180deg,var(--panel2),var(--panel));
  border:1px solid var(--line); border-radius:16px; overflow:hidden}
.fsrow .fs{padding:16px 20px 22px; text-align:center; border-left:1px solid var(--line);
  position:relative; background:none; border-top:0; border-right:0; border-bottom:0; width:100%;
  color:inherit; font-family:inherit; cursor:pointer; transition:background .18s}
.fsrow .fs:first-child{border-left:0}
.fsrow .fs.dead{cursor:default}
.fsrow .fs[data-act]:not(.dead):hover{background:rgba(163,92,240,.09)}
.fsrow .fs.on{background:rgba(163,92,240,.13)}
.fsrow .fs[data-act]::after{content:""; position:absolute; left:50%; bottom:9px; width:6px; height:6px; margin-left:-4px;
  border-right:1.6px solid var(--dim2); border-bottom:1.6px solid var(--dim2); border-radius:1px;
  transform:rotate(45deg); opacity:.5; transition:transform .28s cubic-bezier(.2,.7,.3,1), opacity .2s, border-color .2s}
.fsrow .fs.dead::after{display:none}
.fsrow .fs.on::after{border-color:var(--violet); opacity:1; transform:rotate(225deg) translate(-2px,-2px)}
.fslist{overflow:hidden; margin-top:10px; transition:height .38s cubic-bezier(.2,.7,.3,1)}
.fslist.wait{opacity:.5}
.fslist .fsi{display:block; text-decoration:none; color:inherit; padding:12px 16px; margin-bottom:8px;
  background:linear-gradient(180deg,var(--panel2),var(--panel)); border:1px solid var(--line); border-radius:13px;
  transition:border-color .15s, transform .15s; animation:fsIn .34s ease both}
.fslist .fsi:hover{border-color:var(--violet2); transform:translateX(3px)}
.fslist .fh{display:block; font-size:14.5px; font-weight:600; margin-bottom:4px}
.fslist .fx{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  color:var(--dim); font-size:13px; line-height:1.45; margin-bottom:5px}
.fslist .fm{display:block; color:var(--dim2); font-size:11.5px}
.fslist .fsmore{display:block; width:100%; padding:10px; background:none; border:1px dashed var(--line2);
  border-radius:12px; color:var(--dim); font-family:inherit; font-size:12.5px; cursor:pointer;
  transition:color .15s, border-color .15s}
.fslist .fsmore:hover{color:var(--text); border-color:var(--violet2)}
@keyframes fsIn{from{opacity:0; transform:translateY(6px)}}
.post.flash{border-color:var(--violet); animation:pFlash 1.9s ease}
@keyframes pFlash{0%{box-shadow:0 0 0 1px rgba(163,92,240,.5), 0 0 44px rgba(163,92,240,.34)}
  100%{box-shadow:0 0 0 1px rgba(163,92,240,0), 0 0 44px rgba(163,92,240,0)}}
.fsrow .fs b{display:block; font-size:23px; font-weight:600; line-height:1; color:var(--text)}
.fsrow .fs.fsreact b{color:var(--violet)}
.fsrow .fs span{display:block; color:var(--dim2); font-size:10.5px; letter-spacing:.09em;
  text-transform:uppercase; margin-top:8px}
@media (max-width:520px){
  .fsrow .fs{padding:13px 8px}
  .fsrow .fs b{font-size:19px}
  .fsrow .fs span{font-size:9.5px; letter-spacing:.05em}
}
.friendbox{margin:0 0 26px}
.friendbox .sec .fcount{margin-left:auto; color:var(--dim2); font-size:12px; letter-spacing:0; text-transform:none}
.friendbox .sec .fcount:empty{display:none}
.friends{display:flex; flex-wrap:wrap; gap:10px}
.friends .fr{position:relative; display:flex; align-items:center; gap:10px; text-decoration:none; color:inherit;
  background:linear-gradient(180deg,var(--panel2),var(--panel)); border:1px solid var(--line);
  border-radius:999px; padding:6px 16px 6px 6px; transition:border-color .14s ease, transform .14s ease}
.friends .fr:hover{border-color:var(--violet2); transform:translateY(-1px)}
.friends .fav{width:32px; height:32px; flex:none; border-radius:50%; overflow:hidden; display:grid; place-items:center;
  background:rgba(163,92,240,.14); color:var(--dim); font-weight:600; font-size:13px}
.friends .fav img{width:100%; height:100%; object-fit:cover; display:block}
.friends .fn{font-size:14px; max-width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.friends .fn:has(.flame){overflow:visible}
.friends .dot{width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 7px var(--green); flex:none}
.stat.inv{cursor:pointer; position:relative; transition:border-color .15s, background .15s}
.stat.inv:hover,.stat.inv.open{border-color:var(--violet2)}
.stat.inv:hover .skcaret{border-color:var(--violet)}
.stat.inv.open .skcaret{transform:rotate(-135deg)}
.stat.inv:focus-visible{outline:2px solid var(--violet2); outline-offset:3px}
.stat.inv.empty .sv{color:var(--dim2)}
.invmini{display:flex; align-items:center; gap:5px; margin-top:12px; min-height:18px}
.invdot{width:12px; height:12px; border-radius:4px; flex:none; background:var(--tier,#8b839f)}
.invdot.t-starter{--tier:#6b6480}
.invdot.t-common{--tier:#8b839f}
.invdot.t-uncommon{--tier:#4ad07a}
.invdot.t-rare{--tier:#4aa3ff}
.invdot.t-epic{--tier:#a35cf0}
.invdot.t-legend{--tier:#d9a441}
.invdot.t-myth{--tier:#ff5fa2}
.invmore{color:var(--dim); font-size:12px; font-weight:600}
.invpanel{background:linear-gradient(180deg,var(--panel2),var(--panel)); border:1px solid var(--line); border-radius:16px;
  padding:16px 18px; margin:-8px 0 22px}
.invchips{display:flex; flex-wrap:wrap; gap:8px}
.invc{display:inline-flex; align-items:center; justify-content:center; flex:1 1 auto; gap:8px; padding:7px 11px; border-radius:999px; border:1px solid var(--line2);
  background:rgba(255,255,255,.02); color:var(--text); font:inherit; font-size:12.5px; line-height:1.2; cursor:pointer;
  transition:border-color .15s, background .15s}
.invc b{font-weight:700; color:var(--violet)}
.invc:hover{border-color:var(--violet2)}
.invc.on{border-color:var(--violet2); background:rgba(163,92,240,.12)}
.invc.empty{cursor:default; color:var(--dim2); background:transparent; border-color:var(--line); border-style:dashed}
.invc.empty:hover{border-color:var(--line)}
.invlist{margin-top:14px}
.shopcase{margin:0 0 26px}
.shopcase .sec .spent{margin-left:auto; color:var(--gold); font-size:12px; letter-spacing:0; text-transform:none; font-weight:600}
.shopcase .sec .spent:empty{display:none}
.cases{display:flex; flex-direction:column; gap:18px}
.caseh{color:var(--dim2); font-size:11px; letter-spacing:.1em; text-transform:uppercase; margin-bottom:9px}
.casegrid{display:grid; grid-template-columns:repeat(auto-fill,minmax(112px,1fr)); gap:10px}
.cased{position:relative; background:linear-gradient(180deg,var(--panel2),var(--panel));
  border:1px solid var(--line); border-radius:14px; padding:12px 10px 11px; text-align:center;
  transition:transform .14s ease, border-color .14s ease}
.cased:hover{transform:translateY(-2px); border-color:var(--line2)}
.cased img{width:100%; max-width:78px; height:78px; object-fit:contain; display:block; margin:0 auto 8px;
  filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}
.cased .noimg{display:grid; place-items:center; width:78px; height:78px; margin:0 auto 8px; border-radius:14px;
  background:rgba(163,92,240,.10); color:var(--dim); font-size:26px; font-weight:600}
.cased b{display:block; font-size:12.5px; font-weight:600; color:var(--text); overflow:hidden;
  text-overflow:ellipsis; white-space:nowrap}
.invlist .cased b{white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  line-height:1.3; min-height:2.6em}
@media (max-width:560px){
  .invlist .casegrid{grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px}
  .invlist .cased{padding:10px 6px}
  .invlist .cased img, .invlist .cased .noimg{width:56px; height:56px; font-size:20px}
  .invlist .cased b{font-size:11.5px}
}
.cased .worn{display:block; font-style:normal; margin-top:5px; font-size:10.5px; letter-spacing:.06em;
  text-transform:uppercase; color:var(--violet)}
.cased .lim{display:block; font-style:normal; margin-top:6px; font-size:10.5px; letter-spacing:.03em; line-height:1.35; color:#e0b25a}
.cased .lim-t{display:block; margin-top:2px; font-size:11.5px; font-weight:600; font-variant-numeric:tabular-nums; color:#f0c96a}
.cased.expired{filter:grayscale(1); opacity:.55}
.cased.expired:hover{transform:none}
.cased.expired .lim{color:var(--dim)}
.invdot.exp{--tier:#6b6480; opacity:.6}
.cased.on{border-color:var(--violet2); box-shadow:0 0 0 1px rgba(163,92,240,.25), 0 10px 26px rgba(124,63,212,.20)}
.cased::before{content:""; position:absolute; left:14px; right:14px; top:-1px; height:2px; border-radius:0 0 3px 3px;
  background:var(--tier,#6b6480); opacity:.85}
.cased.t-starter{--tier:#6b6480}
.cased.t-common{--tier:#8b839f}
.cased.t-uncommon{--tier:#4ad07a}
.cased.t-rare{--tier:#4aa3ff}
.cased.t-epic{--tier:#a35cf0}
.cased.t-legend{--tier:#d9a441}
.cased.t-myth{--tier:#ff5fa2}

.phero .pavatar{position:relative; z-index:2}
.phero .pident{position:relative; z-index:2}
.pavatar img{width:100%; height:100%; object-fit:cover; border-radius:26px; display:block}
.pbanner{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0}
.pbanner.bntuned{object-fit:var(--bn-fit); object-position:var(--bn-pos); transform:scale(var(--bn-zoom)); transform-origin:var(--bn-pos); opacity:var(--bn-opacity)}
.bntuned{--bn-pos:var(--bn-d-pos);--bn-fit:var(--bn-d-fit);--bn-zoom:var(--bn-d-zoom);--bn-opacity:var(--bn-d-opacity)}
.avatar-frame{display:block;width:100%;height:100%;overflow:hidden;border-radius:inherit;min-width:0;min-height:0}
img.avtuned{--av-pos:var(--av-d-pos);--av-fit:var(--av-d-fit);--av-zoom:var(--av-d-zoom);--av-opacity:var(--av-d-opacity)}
.pavatar .avatar-frame img.avtuned,.tava img.avtuned,.pa img.avtuned,.avatar-frame img.avtuned{width:100%;height:100%;display:block;object-fit:var(--av-fit);object-position:var(--av-pos);transform:scale(var(--av-zoom));transform-origin:var(--av-pos);opacity:var(--av-opacity)}
@media(max-width:640px){
  .bntuned{--bn-pos:var(--bn-m-pos);--bn-fit:var(--bn-m-fit);--bn-zoom:var(--bn-m-zoom);--bn-opacity:var(--bn-m-opacity)}
  img.avtuned{--av-pos:var(--av-m-pos);--av-fit:var(--av-m-fit);--av-zoom:var(--av-m-zoom);--av-opacity:var(--av-m-opacity)}
}
.trow .tbg.bntuned,.trow.argonta-rank .tbg.bntuned,.pauthor.hasbn.bntuned::before{background-size:var(--bn-size,var(--bn-fit)); background-position:var(--bn-pos); background-repeat:no-repeat; opacity:var(--bn-opacity)}
.pauthor.hasbn.bntuned{overflow:hidden}
.phero.hasbanner::after{content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, rgba(8,7,13,.42), rgba(8,7,13,.82)); pointer-events:none}
.phero.hasbanner .scalechip{display:none}
.pedit{display:flex; gap:10px; margin-top:14px; flex-wrap:wrap}
.pedit .eb{display:inline-flex; align-items:center; gap:7px; font-size:12.5px; color:var(--dim); border:1px solid var(--line2); border-radius:9px; padding:6px 12px; cursor:pointer; background:rgba(255,255,255,.02)}
.pedit .eb:hover{color:var(--text); border-color:var(--violet2)}
.pedit .eb svg{width:14px; height:14px}
.pedit input[type=file]{display:none}
.pnote{color:var(--dim2); font-size:12px; margin-top:9px}
.pnote.bad{color:#f0a3a3}
.guestbox{max-width:520px; margin:24px auto 0; text-align:center; background:linear-gradient(180deg,var(--panel2),var(--panel)); border:1px solid var(--line2); border-radius:20px; padding:42px 30px; box-shadow:0 24px 60px rgba(0,0,0,.5)}
.guestbox h1{margin:0 0 10px; font-size:23px; font-weight:600}
.guestbox p{margin:0 0 20px; color:var(--dim); font-size:14.5px; line-height:1.6; max-width:44ch; margin-left:auto; margin-right:auto}
.guestbox .btn{display:inline-flex; align-items:center; gap:8px; background:linear-gradient(180deg,var(--violet),var(--violet2)); border:0; border-radius:11px; color:#fff; font-size:15px; font-weight:600; padding:11px 20px; cursor:pointer; text-decoration:none; box-shadow:0 8px 22px rgba(124,63,212,.32)}
.guestbox .cmd{color:var(--violet); font-weight:600; background:rgba(163,92,240,.12); border:1px solid rgba(163,92,240,.28); border-radius:7px; padding:1px 8px; font-family:Consolas,monospace; font-size:13.5px}

.rulesintro{color:var(--dim); font-size:14.5px; max-width:70ch; margin:0 0 22px}
.rules{display:flex; flex-direction:column; gap:12px}
.rule{display:flex; gap:16px; background:linear-gradient(180deg,var(--panel2),var(--panel)); border:1px solid var(--line); border-radius:14px; padding:16px 20px}
.rule .rnum{width:34px; height:34px; flex:none; border-radius:10px; background:linear-gradient(160deg,#241a3d,#100c1c); border:1px solid var(--line2); display:grid; place-items:center; color:var(--violet); font-weight:700}
.rule .rt{font-weight:600; font-size:15.5px; margin-bottom:3px}
.rule .rd{color:var(--dim); font-size:13.5px}

.navdrop{position:relative; display:inline-flex}
.navmenu{position:absolute; top:calc(100% + 5px); left:0; min-width:214px; background:linear-gradient(180deg,var(--panel2),var(--panel)); border:1px solid var(--line2); border-radius:14px; padding:7px; box-shadow:0 20px 50px rgba(0,0,0,.6); z-index:50; display:none; flex-direction:column; gap:2px}
.navmenu.open{display:flex}
.navmenu .mi{display:flex; align-items:center; gap:10px; padding:9px 11px; border-radius:9px; font-size:13.5px; color:var(--dim); cursor:pointer; text-decoration:none; background:none; border:0; width:100%; text-align:left; font-family:inherit}
.navmenu .mi:hover{background:rgba(163,92,240,.12); color:var(--text)}
.navmenu .mi svg{width:15px; height:15px; flex:none; opacity:.85}
.navmenu .mi.danger:hover{background:rgba(240,120,120,.12); color:#f0a3a3}
.navmenu .sep{height:1px; background:var(--line); margin:5px 4px}
.navmenu .cap{padding:7px 11px 3px; font-size:10px; letter-spacing:.09em; text-transform:uppercase; color:var(--dim2)}
.navmenu .mnote{padding:2px 11px 8px; font-size:12.5px; color:var(--dim2); line-height:1.45; white-space:normal}
.navmenu .statusrow{display:flex; gap:6px; padding:3px 6px 6px}
.navmenu .statusrow input{flex:1; min-width:0; background:#07060b; border:1px solid var(--line2); border-radius:8px; color:var(--text); font-size:13px; padding:7px 9px; outline:none; font-family:inherit}
.navmenu .statusrow input:focus{border-color:var(--violet2)}
.navmenu .statusrow button{flex:none; background:linear-gradient(180deg,var(--violet),var(--violet2)); border:0; border-radius:8px; color:#fff; font-size:12.5px; padding:0 13px; cursor:pointer}
.toast{position:fixed; left:50%; bottom:20px; transform:translateX(-50%) translateY(20px); background:linear-gradient(180deg,var(--panel2),var(--panel)); border:1px solid var(--line2); border-radius:999px; padding:9px 18px; color:var(--text); font-size:13px; box-shadow:0 12px 34px rgba(0,0,0,.55); opacity:0; pointer-events:none; transition:opacity .2s, transform .2s; z-index:100}
.toast.show{opacity:1; transform:translateX(-50%) translateY(0)}
.toast.bad{border-color:#7a3a3a; color:#f0a3a3}
.pstatus{color:var(--violet); font-style:italic; font-size:15px; margin-top:9px}

footer.bot{margin-top:52px; padding-top:22px; border-top:1px solid var(--line); display:flex; gap:18px; align-items:center; flex-wrap:wrap; color:var(--dim2); font-size:13px}
footer.bot a{color:var(--dim); text-decoration:none}
footer.bot a:hover{color:var(--violet)}
footer.bot .rt{margin-left:auto}

@media (max-width:940px){
  .gate{grid-template-columns:1fr; padding:26px 22px}
  .cols{grid-template-columns:1fr}
  .status{margin-left:0; width:100%}
  .phero{grid-template-columns:1fr; text-align:center; justify-items:center}
  .phero .pident h1{justify-content:center}
  .phero .pmeta{justify-content:center}
  .phero .pnamerow{justify-content:center}
  .phero .pmod{align-items:center}
  .phero .pmodline{flex-direction:column; align-items:center; gap:5px}
}

.flame{display:inline; filter:url(#dragonShimmer) drop-shadow(0 0 7px rgba(163,92,240,.55)); }
.flame .ink{display:inline; background-image:linear-gradient(100deg,
    #6f2fc7 0%, #a35cf0 18%, #d9b6ff 34%, #ffffff 44%, #d9b6ff 54%, #a35cf0 70%, #6f2fc7 100%);
  background-size:300% 100%; background-repeat:repeat-x;
  -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;
  font-weight:600; animation:dragonwave 2s linear infinite}
@keyframes dragonwave{from{background-position:0% 50%} to{background-position:150% 50%}}
.dragontitle{color:var(--violet); letter-spacing:.06em; font-weight:600}
.rankchip.dragon{color:#e0c0ff; background:rgba(163,92,240,.16); border:1px solid rgba(163,92,240,.42)}
.pident h1 .rankchip{position:relative; top:2.5px}

.axback{position:fixed; inset:0; z-index:400; background:rgba(4,3,8,.62); opacity:0; transition:opacity .16s}
.axback.on{opacity:1}
.axbox{position:fixed; z-index:401; left:50%; top:50%; transform:translate(-50%,-48%) scale(.98); opacity:0;
  width:min(92vw,420px); background:linear-gradient(180deg,var(--panel2),var(--panel)); border:1px solid var(--line2);
  border-radius:18px; padding:24px 26px; box-shadow:0 30px 80px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.05);
  transition:opacity .16s, transform .16s}
.axbox.on{opacity:1; transform:translate(-50%,-50%) scale(1)}
.axbox h3{margin:0 0 10px; font-size:18px; font-weight:600}
.axbox p{margin:0 0 20px; color:var(--dim); font-size:14.5px; line-height:1.6}
.axrow{display:flex; gap:10px; justify-content:flex-end}
.axbox.people{width:min(94vw,460px)}
.axbox.people .psearch{width:100%; background:#07060b; border:1px solid var(--line2); border-radius:11px;
  color:var(--text); font-size:14.5px; padding:10px 13px; outline:none; font-family:inherit; margin:2px 0 12px}
.axbox.people .psearch:focus{border-color:var(--violet2)}
.axbox.people .ptabs{display:flex; gap:6px; margin-bottom:10px}
.axbox.people .ptabs button{background:none; border:1px solid var(--line); color:var(--dim); font-size:13px;
  padding:5px 14px; border-radius:999px; cursor:pointer; font-family:inherit}
.axbox.people .ptabs button.on{color:var(--text); border-color:var(--violet2); background:rgba(163,92,240,.14)}
.axbox.people .plist{max-height:46vh; overflow:auto; margin:0 -6px; padding:0 6px}
.axbox.people .prow{display:flex; align-items:center; gap:11px; padding:8px 10px; border-radius:11px; cursor:pointer}
.axbox.people .prow:hover{background:rgba(163,92,240,.12)}
.axbox.people .prow .pav{width:34px; height:34px; flex:none; border-radius:11px; overflow:hidden; display:grid;
  place-items:center; background:rgba(163,92,240,.12); color:var(--dim); font-weight:600; font-size:14px}
.axbox.people .prow .pav img{width:100%; height:100%; object-fit:cover; display:block}
.axbox.people .prow .pn{flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14.5px}
.axbox.people .prow .pn:has(.flame){overflow:visible}
.axbox.people .prow .dot{width:7px; height:7px; border-radius:50%; flex:none; background:var(--green); box-shadow:0 0 7px var(--green)}
.axbox.people .pempty{color:var(--dim2); font-size:13.5px; padding:16px 8px}
.axbox.people .pmore{color:var(--dim2); font-size:12px; padding:8px 10px}
.btn.danger{background:linear-gradient(180deg,#b3524f,#8a3a38); box-shadow:0 8px 22px rgba(180,70,70,.28)}
.btn.ghost{background:transparent; border:1px solid var(--line2); color:var(--dim); box-shadow:none}
.btn.ghost:hover{color:var(--text); border-color:var(--violet2)}

.ptext .pimg{max-width:100%; max-height:520px; height:auto; border:1px solid var(--line2); border-radius:12px; display:block; margin:10px 0; background:#07060b}
.quote .pimg{max-height:180px}
.quote .gonequote{color:var(--dim2); font-style:italic; font-size:13px}
.ptext .pimg,.ac-m .b img.cimg{cursor:zoom-in}
.lbox{position:fixed; inset:0; z-index:400; display:none; align-items:center; justify-content:center; padding:22px; background:rgba(4,3,8,.88); overflow:auto}
.lbox.on{display:flex}
.lbox img{max-width:92vw; max-height:92vh; width:auto; height:auto; display:block; margin:auto; border-radius:10px; box-shadow:0 30px 80px rgba(0,0,0,.6)}
.lbox.can img{cursor:zoom-in}
.lbox.zoom img{max-width:none; max-height:none; border-radius:0; cursor:zoom-out}
.lbx{position:fixed; top:14px; right:16px; z-index:2; width:38px; height:38px; border-radius:10px; border:1px solid var(--line2); background:rgba(12,10,22,.85); color:var(--dim); cursor:pointer; font-family:inherit; padding:0; display:grid; place-items:center}
.lbx svg{width:17px; height:17px; display:block}
.lbx:hover{color:var(--text); border-color:var(--violet2)}
.replybox textarea.dropping,.pedit textarea.dropping{border-color:var(--violet2); background:rgba(163,92,240,.06)}
.pfile{display:inline-flex; align-items:center; gap:9px; max-width:100%; margin:8px 0; padding:9px 13px 9px 10px;
  border:1px solid var(--line2); border-radius:12px; background:rgba(163,92,240,.06); text-decoration:none;
  color:var(--text); font-size:13.5px; vertical-align:middle}
.pfile:hover{border-color:var(--violet2); background:rgba(163,92,240,.13)}
.pfile .fi{flex:none; width:26px; height:26px; color:var(--violet); display:grid; place-items:center}
.pfile .fi svg{width:22px; height:22px}
.pfile .fn{min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.pfile .fs{flex:none; color:var(--dim2); font-size:12px}
.pfile.gone{opacity:.55; cursor:default}
.pfile.gone .fn{color:var(--dim2)}
.imgbtn{flex:none; width:38px; height:38px; padding:0; background:#07060b; border:1px solid var(--line2); border-radius:9px; color:var(--dim); cursor:pointer; display:grid; place-items:center; font-family:inherit}
.imgbtn:hover{color:var(--text); border-color:var(--violet2)}
.imgbtn svg{width:18px; height:18px}

.hello{position:relative; overflow:hidden; display:flex; align-items:center; gap:20px; background:linear-gradient(180deg,rgba(35,24,60,.7),rgba(16,13,26,.85));
  border:1px solid var(--line2); border-radius:20px; padding:22px 26px; margin-bottom:40px;
  box-shadow:0 20px 50px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.05)}
.hello .hava{width:74px; height:74px; flex:none; border-radius:20px; overflow:hidden; border:1px solid var(--line2);
  background:linear-gradient(160deg,#2a1d47,#120d20); box-shadow:0 0 24px var(--violetGlow); display:grid; place-items:center}
.hello .hava img{width:100%; height:100%; object-fit:cover; display:block}
.hello .hava img.eye{width:62px; height:auto; object-fit:contain; border-radius:0;
  filter:drop-shadow(0 0 8px rgba(163,92,240,.55))}
.hello .hmain{min-width:0}
.hello h1{margin:0; font-size:24px; font-weight:600; line-height:1.25}
.hchips{display:flex; gap:8px; flex-wrap:wrap; margin-top:9px}
.hchip{font-size:12.5px; color:var(--dim); background:rgba(8,7,13,.55); border:1px solid var(--line); border-radius:999px; padding:3px 11px}
.hchip b{color:var(--text); font-weight:600}
.hchip.dragon{color:#e0c0ff; border-color:rgba(163,92,240,.42); background:rgba(163,92,240,.14)}
.hbanner{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; display:none}
.hello.hasbanner .hbanner{display:block}
.hello.hasbanner::after{content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, rgba(8,7,13,.42), rgba(8,7,13,.82)); pointer-events:none}
.hello .hava, .hello .hmain, .hello .btn{position:relative; z-index:2}
.hello .btn{margin-left:auto; flex:none}
@media (max-width:720px){ .hello{flex-wrap:wrap} .hello .btn{margin-left:0} }
@media (max-width:720px){
  .trow{grid-template-columns:38px minmax(0,1fr) 74px; gap:12px}
  .trow .tr + .tr{display:none}
}
@media (max-width:720px){
  .post{grid-template-columns:1fr}
  .pauthor{display:grid; grid-template-columns:auto 1fr; column-gap:12px; align-items:center;
    text-align:left; padding:12px 15px; border-right:0; border-bottom:1px solid var(--line)}
  .pauthor .pa{width:42px; height:42px; margin:0; border-radius:13px; font-size:18px; grid-row:1 / span 2}
  .pauthor .pn{grid-column:2; align-self:end; font-size:14.5px}
  .pauthor .prank{grid-column:2; align-self:start; margin-top:1px}
  .pauthor .pstat{grid-column:1 / -1; margin-top:9px; padding-top:8px}
  .pauthor.hasbn::before{background-position:center 30%}
  .pbody{padding:15px 16px}
  .pbody .pmeta2{flex-wrap:wrap; gap:8px}
  .pacts{margin-left:0; flex-wrap:wrap}
}

.bellwrap{position:relative; margin-left:auto; display:flex; align-items:center}
.bellbtn{position:relative; width:38px; height:38px; background:none; border:1px solid transparent; border-radius:10px; color:var(--dim); cursor:pointer; display:grid; place-items:center; font-family:inherit}
.bellbtn:hover{color:var(--text); background:rgba(163,92,240,.10)}
.bellbtn svg{width:19px; height:19px}
nav.main a.navout{margin-left:auto; gap:8px; white-space:nowrap}
nav.main a.navout svg{width:17px; height:17px; flex:none; opacity:.8}
nav.main a.navout svg path{stroke-width:1.6}
nav.main a.navout:hover svg{opacity:1}
.navout + .bellwrap{margin-left:2px}
.belldot{position:absolute; top:3px; right:2px; min-width:17px; height:17px; padding:0 4px; border-radius:999px; background:linear-gradient(180deg,var(--violet),var(--violet2)); color:#fff; font-size:10.5px; font-weight:600; line-height:17px; text-align:center; box-shadow:0 0 10px var(--violetGlow)}
.bellmenu{position:absolute; top:calc(100% + 6px); right:0; width:min(92vw,360px); max-height:60vh; overflow-y:auto; background:linear-gradient(180deg,var(--panel2),var(--panel)); border:1px solid var(--line2); border-radius:14px; box-shadow:0 24px 60px rgba(0,0,0,.6); z-index:60; display:none; padding:6px}
.bellmenu.open{display:block}
.bellhead{display:flex; align-items:center; justify-content:space-between; padding:8px 10px 10px; font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--dim2); border-bottom:1px solid var(--line); margin-bottom:5px}
.bellhead button{background:none; border:0; color:var(--dim); font-size:11px; letter-spacing:.06em; text-transform:none; cursor:pointer; font-family:inherit}
.bellhead button:hover{color:var(--violet)}
.bellempty{color:var(--dim2); font-size:13.5px; padding:16px 12px}
.bellmenu .bi{padding:9px 11px; border-radius:10px; cursor:pointer}
.bellmenu .bi:hover{background:rgba(163,92,240,.10)}
.bellmenu .bi.new{background:rgba(163,92,240,.07); box-shadow:inset 2px 0 0 var(--violet)}
.bellmenu .bk{font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--dim2); margin-bottom:2px}
.bellmenu .bt{font-size:13.5px; line-height:1.45}
.bellmenu .bw{font-size:11.5px; color:var(--dim2); margin-top:2px}

.ingame{display:inline-flex; align-items:center; gap:5px; font-size:9.5px; letter-spacing:.06em; text-transform:uppercase; color:#9ad4b1; background:rgba(74,208,122,.12); border:1px solid rgba(74,208,122,.35); border-radius:999px; padding:1px 8px; white-space:nowrap}
.ingame::before{content:""; width:5px; height:5px; border-radius:50%; background:var(--green); box-shadow:0 0 8px var(--green)}
.onforum{display:inline-flex; align-items:center; gap:5px; font-size:9.5px; letter-spacing:.06em; text-transform:uppercase; color:#d3b6f5; background:rgba(163,92,240,.13); border:1px solid rgba(163,92,240,.34); border-radius:999px; padding:1px 8px; white-space:nowrap}
.onforum::before{content:""; width:5px; height:5px; border-radius:50%; background:var(--violet); box-shadow:0 0 8px var(--violetGlow)}
.ac-u .ingame,.ac-u .onforum{margin-left:auto}
.pident .onforum, .pident .ingame{margin-left:0; font-size:12.5px; letter-spacing:0;
  text-transform:none; padding:3px 11px; gap:6px}

.navcount{margin-left:8px; min-width:18px; height:18px; padding:0 5px; border-radius:999px;
  background:linear-gradient(180deg,var(--violet),var(--violet2)); color:#fff; font-size:10.5px;
  font-weight:600; line-height:18px; text-align:center; box-shadow:0 0 12px var(--violetGlow)}
.mcount{margin-left:auto; min-width:18px; height:18px; padding:0 5px; border-radius:999px; background:linear-gradient(180deg,var(--violet),var(--violet2)); color:#fff; font-size:10.5px; font-weight:600; line-height:18px; text-align:center}

.axbox.axpick, .axbox.axwrite{width:min(94vw,430px)}
.axopts{display:flex; flex-direction:column; gap:6px; margin:14px 0 4px}
.axopt{background:linear-gradient(180deg,var(--panel2),var(--panel)); border:1px solid var(--line); color:var(--text); border-radius:11px; padding:11px 15px; font-size:14px; text-align:left; cursor:pointer; font-family:inherit}
.axopt:hover{border-color:var(--violet2); background:rgba(163,92,240,.12)}
.axbox.axwrite textarea{width:100%; margin:14px 0 4px; min-height:110px; background:#07060b; border:1px solid var(--line2); border-radius:12px; color:var(--text); font-size:14.5px; line-height:1.5; padding:12px 14px; outline:none; font-family:inherit; resize:vertical}
.axbox.axwrite textarea:focus{border-color:var(--violet2)}
.axmsg{margin-right:auto; font-size:12.5px; color:#e0b25a}

.pmod{display:flex; flex-direction:column; align-items:flex-start; gap:7px; margin-top:12px}
.pmodline{display:flex; align-items:baseline; gap:10px; max-width:100%}
.pmodline .banchip, .pmodline .mutechip{flex:none}
.pmodwhy{min-width:0; color:var(--dim); font-size:12.5px; line-height:1.45; overflow-wrap:anywhere}
.pnamerow{display:flex; align-items:center; gap:10px 14px; flex-wrap:wrap}
.pnamerow > #p-ingame:empty{display:none}
.pnamerow > #p-beta:empty{display:none}
.betachip{display:inline-flex; align-items:center; gap:6px; font-size:12.5px; white-space:nowrap; border-radius:999px;
  color:#a9d4ff; background:rgba(74,163,255,.12); border:1px solid rgba(74,163,255,.38); padding:4px 11px; line-height:14.65px}
.betachip::before{content:""; width:5px; height:5px; border-radius:50%; background:#4aa3ff; box-shadow:0 0 8px rgba(74,163,255,.9)}
.pident .pnamerow .betachip{position:relative; top:-1.02px}
.pident .pnamerow:has(.rankchip) .onforum, .pident .pnamerow:has(.rankchip) .ingame,
.pident .pnamerow:has(.rankchip) .betachip{top:0.92px}
.pident .pnamerow .onforum, .pident .pnamerow .ingame{line-height:14.65px; padding-top:4px; padding-bottom:4px;
  position:relative; top:-1.02px}
.banchip{display:inline-flex; align-items:center; gap:6px; font-size:9.5px; letter-spacing:.06em; text-transform:uppercase; color:#ff9b9b; background:rgba(255,90,90,.1); border:1px solid rgba(255,120,120,.42); border-radius:999px; padding:2px 9px}
.mutechip{display:inline-flex; align-items:center; gap:6px; font-size:9.5px; letter-spacing:.06em; text-transform:uppercase; color:#e0b25a; background:rgba(224,178,90,.1); border:1px solid rgba(224,178,90,.4); border-radius:999px; padding:2px 9px}
.phero .pdots{position:absolute; top:14px; right:14px; z-index:3; width:36px; height:28px; padding:0; display:grid; place-items:center; background:rgba(10,8,16,.55); border:1px solid var(--line2); border-radius:9px; color:var(--dim2); cursor:pointer; font-family:inherit; line-height:1; backdrop-filter:blur(3px)}
.phero .pdots:hover, .phero .pdots.on{color:var(--text); border-color:var(--violet2); background:rgba(163,92,240,.18)}
.phero .pdots svg{width:18px; height:18px; fill:currentColor}
.pmlist{position:fixed; min-width:232px; background:linear-gradient(180deg,var(--panel2),var(--panel)); border:1px solid var(--line2); border-radius:13px; box-shadow:0 26px 60px rgba(0,0,0,.68); padding:5px; z-index:360; display:none}
.pmlist.on{display:block}
.pmlist button{display:block; width:100%; text-align:left; background:none; border:0; color:var(--dim); font-size:13.5px; padding:9px 12px; border-radius:9px; cursor:pointer; font-family:inherit; white-space:nowrap}
.pmlist button:hover{color:var(--text); background:rgba(163,92,240,.12)}
.pmlist button.danger:hover{color:#ff9b9b; background:rgba(255,90,90,.1)}
.pmod:empty{display:none}
.post.gone.blk .showblk{margin-left:auto; background:none; border:1px solid var(--line2); color:var(--dim2); font-size:12px; padding:3px 11px; border-radius:8px; cursor:pointer; font-family:inherit}
.post.gone.blk .showblk:hover{color:var(--text); border-color:var(--violet2); background:rgba(163,92,240,.1)}
.ranklink{color:inherit; text-decoration:none; border-bottom:1px dashed var(--line2)}
.ranklink:hover{color:var(--violet); border-color:var(--violet2)}
.coinico{display:inline-grid; place-items:center; width:20px; height:20px; margin-right:7px; vertical-align:-2px; border-radius:50%; background:linear-gradient(160deg,#e0b25a,#8a6420); color:#2a1c05; font-size:12px; font-weight:700; box-shadow:0 1px 3px rgba(0,0,0,.45)}

@media (max-width:560px){
  .wrap{padding:0 14px 90px}
  header.top{gap:12px; padding:16px 0 12px}
  .sigil{width:40px; height:40px}
  .sigil img.eye{width:34px}
  .wordmark{font-size:21px; letter-spacing:.24em}
  .tagline{font-size:12px; margin-top:5px}
  .status{gap:11px; padding:9px 13px; font-size:13px}
  .status .sep{height:22px}
  nav.main{gap:2px; margin-bottom:18px}
  nav.main a{padding:8px 12px; font-size:13.5px}
  .gate{padding:22px 18px; gap:22px; margin-bottom:26px}
  .gate h1{font-size:23px}
  .sectitle .ico{width:40px; height:40px}
  .sectitle h1{font-size:20px}
  .threadhead h1{font-size:21px}
  input, textarea, select{font-size:16px}
  .gatebox input{font-size:23px; letter-spacing:.3em}
  .btn{padding:11px 16px}
  .replybox textarea{min-height:150px}
}

  .cropback{position:fixed; inset:0; z-index:600; background:rgba(6,5,10,.78); display:none; align-items:center; justify-content:center; padding:18px}
  .cropback.on{display:flex}
  .cropbox{width:min(560px,100%); background:linear-gradient(180deg,var(--panel2),var(--panel)); border:1px solid var(--line2); border-radius:18px; padding:20px; box-shadow:0 30px 80px rgba(0,0,0,.7)}
  .cropbox h4{margin:0 0 14px; font-size:15px; font-weight:600; color:var(--text)}
  .cropstage{position:relative; overflow:hidden; margin:0 auto; background:#07060b; border:1px solid var(--line2); border-radius:14px; touch-action:none; cursor:grab; user-select:none}
  .cropstage.drag{cursor:grabbing}
  .cropstage img{position:absolute; left:0; top:0; transform-origin:0 0; max-width:none; pointer-events:none; -webkit-user-drag:none}
  .cropzoom{display:flex; align-items:center; gap:12px; margin:14px 0 4px}
  .cropzoom input[type=range]{flex:1; accent-color:var(--violet)}
  .cropzoom span{color:var(--dim2); font-size:12px; min-width:38px; text-align:right}
  .croprow{display:flex; gap:10px; justify-content:flex-end; margin-top:12px}
  .croprow button{font-family:inherit; font-size:14px; padding:10px 18px; border-radius:11px; cursor:pointer; border:1px solid var(--line2); background:#07060b; color:var(--dim)}
  .croprow button.go{background:linear-gradient(180deg,var(--violet),var(--violet2)); border:0; color:#fff; font-weight:600}
  .croprow button:disabled{opacity:.5; cursor:default}

.fmtmenu{max-width:calc(100vw - 12px)}
.fmtbtn b{font-size:15px; font-weight:700; letter-spacing:-.01em; line-height:1}
@media (pointer:coarse){
  .fmtmenu .fitem{padding:11px 14px}
  .fmtmenu .fitem i{opacity:.55}
}
.mquote, .bantext{overflow-wrap:break-word}
.awic{display:inline-flex; flex-direction:column; align-items:center; gap:4px; width:64px; flex:none; vertical-align:middle}
.awic img{display:block; width:100%; height:auto; filter:drop-shadow(0 0 7px rgba(163,92,240,.55))}
.awic .awh{display:block; width:36%; height:auto; fill:#ff5fa8; overflow:visible;
  filter:drop-shadow(0 0 6px rgba(255,95,168,.75)); animation:awbeat 2.6s ease-in-out infinite}
.awh .awhl{fill:none; stroke:rgba(255,255,255,.6); stroke-width:1.3; stroke-linecap:round}
.awic.big{width:128px; gap:6px}
.awic.big .awh{width:30%}
@keyframes awbeat{0%,100%{transform:scale(1)} 10%{transform:scale(1.14)} 20%{transform:scale(1)} 30%{transform:scale(1.08)} 42%{transform:scale(1)}}
.awc{position:relative; text-align:center; padding:12px 14px 13px; border-radius:14px; border:1px solid rgba(163,92,240,.5);
  background:radial-gradient(130% 100% at 50% 0%, rgba(163,92,240,.26), rgba(163,92,240,.04) 55%, transparent 78%), linear-gradient(180deg, rgba(26,18,44,.96), rgba(12,9,20,.96));
  box-shadow:0 0 18px rgba(163,92,240,.2), inset 0 0 0 1px rgba(255,95,168,.06)}
.awc .awic{display:flex; width:74px; margin:0 auto 6px}
.awc .awt{font-size:12.5px; font-weight:600; color:#e4d4ff; line-height:1.35; padding:0 10px}
.awc .awn{margin-top:7px; font-size:15px; font-weight:600; overflow-wrap:anywhere}
.awc .awa{display:inline-flex; align-items:center; gap:6px; margin-top:5px; font-size:14px; font-weight:700; color:#f0c96e}
.awc .awa .coinico{width:18px; height:18px; margin:0; font-size:10.5px; vertical-align:0}
.awc .tm{position:absolute; right:10px; top:8px; color:var(--dim2); font-size:10.5px}
.pawards{display:flex; flex-direction:column; align-items:center; gap:10px; margin:16px 0 8px}
.pawards .awc{width:100%; max-width:420px; padding:14px 16px 15px}
.pawards .awc .awic{width:84px}
.pawards .awc .awt{font-size:13.5px}
.pawards .awc .awn{font-size:16px}
.pawards .awc .awa{font-size:15px}
.axbox.axaward{width:min(94vw,400px); text-align:center}
.axbox.axaward .awic.big{display:flex; margin:0 auto 12px}
.axbox.axaward h3{font-size:17px; line-height:1.35; margin-bottom:8px}
.axbox.axaward .awwho{font-size:16px; font-weight:600; margin-bottom:14px; overflow-wrap:anywhere}
.axbox.axaward .awsum{display:flex; align-items:center; justify-content:center; font-size:26px; font-weight:700; color:#f0c96e; margin-bottom:10px}
.axbox.axaward .awsum .coinico{width:24px; height:24px; font-size:13px; margin-right:10px; vertical-align:0}
.axbox.axaward .awrange{display:block; width:100%; margin:0 0 20px; accent-color:var(--violet); cursor:pointer}
.axbox.axaward .axrow{align-items:center}
.axbox.axaward .axmsg{margin-right:auto; color:#f0a3a3; font-size:13px; text-align:left}
.fsrow .fs.fsreact{display:flex; padding:0; cursor:default}
.fsrow .fs.fsreact .fsh{flex:1 1 0; min-width:0; padding:16px 12px 22px}
.fsrow .fs.fsreact .fsh + .fsh{border-left:1px solid var(--line)}
.fsrow .fs.fsreact .fsaw b{color:#ff8fc4}
.fsrow .fs .fsaw .awh{width:16px; height:16px; fill:#ff5fa8; vertical-align:1px; margin-right:7px; filter:drop-shadow(0 0 5px rgba(255,95,168,.6))}
.fsrow .fs .fsaw .awh .awhl{display:none}
@media (max-width:520px){ .fsrow .fs.fsreact .fsh{padding:13px 4px} .fsrow .fs .fsaw .awh{width:13px; height:13px; margin-right:4px} }
.pacts button.awd:hover{color:#ff9ccb; border-color:rgba(255,95,168,.45)}

body.theme-argonta{
  --bg:#09080d; --panel:#111016; --panel2:#211b28;
  --line:#453847; --line2:#786071; --text:#eee6f1;
  --dim:#b4a7be; --dim2:#a092a9;
  --violet:#bb83ef; --violet2:#9256ce; --violetGlow:rgba(168,97,227,.3);
  --gold:#cba76a; --bronze:#9c7d58;
  background:#09080d;
}
.theme-argonta .scalefield{
  opacity:1; mask-image:none; -webkit-mask-image:none;
  background:linear-gradient(180deg,rgba(7,5,11,.08),rgba(7,5,11,.25) 65%,#09080d 100%),
    url('/media/argonta-dragon-sanctum-v1.png') center top / cover no-repeat;
}
.theme-argonta .glow{opacity:.45}
.theme-argonta .wrap{max-width:1180px; padding-top:10px}
.theme-argonta header.top{padding-bottom:24px; text-shadow:0 2px 8px #000}
.theme-argonta .wordmark{color:#e0d4c2}
.theme-argonta .sigil{
  border-radius:4px; border-color:#8d7359;
  box-shadow:inset 0 0 0 3px #15111b,0 0 0 1px #241b24,0 0 25px #773cb44d;
}
.theme-argonta .status{
  border-radius:4px; border-color:#76604b;
  background:linear-gradient(115deg,#27212beF,#100e15f2);
  box-shadow:inset 0 0 0 3px #131017,inset 0 0 0 4px #5f4d463d,0 10px 30px #0008;
}
.theme-argonta nav.main{
  position:relative; padding:8px; border:1px solid #76604b; border-radius:3px;
  background:linear-gradient(180deg,#28202deB,#100e16f2);
  box-shadow:inset 0 2px #c7a57225,inset 0 -3px #0007,0 8px 25px #0005;
}
.theme-argonta nav.main a{border-radius:2px; padding:9px 13px; color:#c0b3c8}
.theme-argonta nav.main a.on{
  color:#f1dbff; background:linear-gradient(180deg,#68477a88,#302038aa);
  box-shadow:inset 0 0 0 1px #aa849c,inset 0 -2px #be8fdfa6,0 0 15px #ad62e220;
}
.theme-argonta nav.main a:hover{background-color:#8557a62e; color:#f1dbff}
.theme-argonta .phero{
  border:1px solid #9e805e; border-radius:5px; padding:40px 38px; min-height:206px;
  box-shadow:0 18px 45px #0009,inset 0 0 0 4px #120e19,inset 0 0 0 5px #655167;
  background:linear-gradient(110deg,#1d132bee,#14101be8);
}
.theme-argonta .phero::before{
  content:""; position:absolute; inset:7px; z-index:3; pointer-events:none;
  border:1px solid #a1845d66;
  background:
    linear-gradient(135deg,#d2af75 0 2px,#4f394b 3px 6px,transparent 7px) left top/28px 28px,
    linear-gradient(225deg,#d2af75 0 2px,#4f394b 3px 6px,transparent 7px) right top/28px 28px,
    linear-gradient(45deg,#d2af75 0 2px,#4f394b 3px 6px,transparent 7px) left bottom/28px 28px,
    linear-gradient(315deg,#d2af75 0 2px,#4f394b 3px 6px,transparent 7px) right bottom/28px 28px;
  background-repeat:no-repeat;
}
.theme-argonta .phero.hasbanner::after{
  background:linear-gradient(90deg,#0d0718a8,#130b20a8 55%,#08050c66),linear-gradient(0deg,#09060e9c,transparent 45%);
}
.theme-argonta .pavatar{
  width:176px; height:176px; border:2px solid #bd9767; border-radius:30px 30px 8px 8px;
  padding:3px; background:linear-gradient(145deg,#68516a,#17101e 35%,#322331);
  box-shadow:0 0 0 3px #100b15,0 0 0 4px #72556c,0 0 36px #a056d95c,inset 0 0 0 1px #d6b98966;
}
.theme-argonta .pavatar img{object-fit:contain; border-radius:0}
.theme-argonta .pavatar::after{
  content:""; position:absolute; width:12px; height:12px; bottom:-9px; left:calc(50% - 6px);
  transform:rotate(45deg); background:linear-gradient(135deg,#edccff,#974bbd 50%,#361742);
  border:1px solid #c7a374; box-shadow:0 0 13px #b961e6; pointer-events:none;
}
.theme-argonta .pident h1{font-family:Georgia,'Times New Roman',serif; font-size:35px; letter-spacing:.02em}
.theme-argonta .rankchip{font-family:'Segoe UI',sans-serif; border-radius:3px; border-color:#ac865a; color:#d6bd95; background:#1c1428c9; font-size:10px; letter-spacing:.12em}
.theme-argonta .ptitle{color:#c19adc}
.theme-argonta .pmeta > span:not(#p-ingame):not(:empty){border-radius:3px; border-color:#6d586066; background:#0c0812bd}
.theme-argonta .stats{gap:12px; margin:26px 0}
.theme-argonta .stat{
  position:relative; padding:23px 18px 20px; border-radius:4px; border-color:#81674f;
  background:
    linear-gradient(125deg,#ffffff08,transparent 28%),
    repeating-linear-gradient(115deg,#ffffff02 0 1px,transparent 1px 5px),
    linear-gradient(180deg,#2c2332f5,#110f18fa 45%,#1b1522f5);
  box-shadow:inset 0 0 0 3px #110e17,inset 0 0 0 4px #ae8e6626,0 8px 24px #0007;
}
.theme-argonta .stat::before{
  content:""; position:absolute; left:16px; right:16px; top:7px; height:2px; pointer-events:none;
  background:linear-gradient(90deg,#a28561,transparent 33%,transparent 67%,#a28561);
}
.theme-argonta .stat::after{
  content:""; position:absolute; bottom:7px; left:calc(50% - 3px); width:6px; height:6px;
  background:#927454; border:1px solid #c6a57566; transform:rotate(45deg); pointer-events:none;
}
.theme-argonta .stat .sv{font-family:Georgia,'Times New Roman',serif; font-size:29px; font-weight:600; font-variant-numeric:lining-nums tabular-nums}
.theme-argonta .stat .sl{color:#c0b0c7; letter-spacing:.12em; margin-top:11px}
.theme-argonta .stat.lvl,.theme-argonta .stat.inv.open{border-color:#ab7ed1}
.theme-argonta .stat.lvl:hover,.theme-argonta .stat.inv:hover{border-color:#d2afe9; box-shadow:inset 0 0 0 3px #110e17,0 0 20px #9954d336}
.theme-argonta .stat.lvl .lvlbar{height:7px; border-radius:0; border:1px solid #6a4f79; background:#08060e}
.theme-argonta .stat.lvl .lvlbar i{border-radius:0; background:linear-gradient(90deg,#7947b6,#d09aff); box-shadow:0 0 8px #b76cff}
.theme-argonta h2.sec{color:#d0b18a; letter-spacing:.19em; font-size:11px; margin:0 0 16px; text-shadow:0 2px 5px #000}
.theme-argonta h2.sec::before{content:""; width:7px; height:7px; border:1px solid #be9666; background:#6d4188; transform:rotate(45deg); box-shadow:0 0 9px #a563bd55}
.theme-argonta h2.sec::after{background:linear-gradient(90deg,#8b7053, #6f4a8466 65%,transparent); height:1px}
.theme-argonta :is(.fsrow,.skills,.invpanel,.fslist .fsi,.friends .fr,.cased){
  border-radius:4px; border-color:#796149;
  background:linear-gradient(125deg,#29212eF7,#121018f7 60%);
  box-shadow:inset 0 0 0 3px #100d1480,0 10px 25px #0005;
}
.theme-argonta .fsrow{border-top:2px solid #927450}
.theme-argonta .fsrow .fs{border-left-color:#74604866; padding-top:21px; padding-bottom:25px}
.theme-argonta .fsrow .fs b{font-family:Georgia,'Times New Roman',serif; font-size:27px}
.theme-argonta .fsrow .fs span{color:#b4a3bd}
.theme-argonta .fsrow .fs.fsreact .fsh{padding-top:21px; padding-bottom:25px}
.theme-argonta .fsrow .fs[data-act]:not(.dead):hover,.theme-argonta .fsrow .fs.on{background:linear-gradient(180deg,#9861b626,#9861b610)}
.theme-argonta :is(.invc,.btn,.axopt,.ptabs button,.pdots,.pmlist button){border-radius:3px}
.theme-argonta .invc{border-color:#80684d; background:#191320}
.theme-argonta .invc.on{border-color:#be91dd; background:#4a2d6099}
.theme-argonta .cased.on{border-color:#c18deb; box-shadow:inset 0 0 0 3px #100d14,0 0 20px #9c60c433}
.theme-argonta .friends .fav{border:1px solid #997950; border-radius:4px}
.theme-argonta :is(.axbox,.pmlist){border-color:#977653; border-radius:5px; background:linear-gradient(135deg,#2c2233,#110d18); box-shadow:inset 0 0 0 3px #110c16,0 28px 80px #000b}
.theme-argonta .btn:not(.danger):not(.ghost){border:1px solid #ac8a67; background:linear-gradient(180deg,#72478e,#35203f); box-shadow:inset 0 1px #d7b1e140,0 5px 14px #0007}
.theme-argonta .btn.ghost{border-color:#80664d; color:#c3b6cb}
.theme-argonta :is(input,textarea,select){accent-color:#b987e7}
.theme-argonta :is(button,a,input,textarea,select,[tabindex]):focus-visible{outline:2px solid #e1b6ff; outline-offset:4px}
.theme-argonta footer.bot{border-top-color:#806246; color:#ae9cb4; text-shadow:0 2px 6px #000}
.theme-argonta .argchat{border-radius:5px; border-color:#967855; background:#15101c; box-shadow:inset 0 0 0 3px #0d0913,0 18px 55px #000b}
.theme-argonta .ac-head{background:linear-gradient(180deg,#302535,#17101e); border-bottom:1px solid #816549; color:#ddc5a4}
.theme-argonta .ac-tabs button{border-radius:3px; border-color:#766049}
.theme-argonta .ac-tabs button.on{border-color:#ba93d1; background:#4b315b88}
@media(min-width:1450px){
  .theme-argonta .wrap{padding-top:28px}
  .theme-argonta .phero{min-height:226px}
}
@media(max-width:850px){
  .theme-argonta .scalefield{background-size:auto 100vh; background-position:center top}
  .theme-argonta .phero{padding:30px 25px; gap:22px}
  .theme-argonta nav.main{padding:5px}
  .theme-argonta nav.main a{padding:8px 10px}
}
@media(max-width:560px){
  .theme-argonta .wrap{padding-top:2px}
  .theme-argonta .scalefield{opacity:.5}
  .theme-argonta .phero{padding:25px 20px; min-height:0; gap:18px}
  .theme-argonta .pavatar{width:144px; height:144px; border-radius:22px 22px 5px 5px; padding:3px}
  .theme-argonta .pavatar img{border-radius:0}
  .theme-argonta .pident h1{font-size:28px}
  .theme-argonta .stat{padding:21px 14px}
  .theme-argonta .stat .sv{font-size:26px}
  .theme-argonta .stats{gap:10px; margin:20px 0}
  .theme-argonta .fsrow .fs b{font-size:23px}
}
@media(prefers-reduced-motion:reduce){
  .theme-argonta *, .theme-argonta *::before, .theme-argonta *::after{animation:none!important; transition:none!important; scroll-behavior:auto!important}
}

:is(.trow.argonta-rank .tname,body.theme-argonta .pident) :is(.onforum,.ingame,.betachip,.banchip,.mutechip){
  --status-text:#ddc3f4; --status-gem:#b77ce7; --status-shade:#36223f;
  display:inline-flex; align-items:center; gap:7px; max-width:100%;
  border:1px solid #9b7b60; border-radius:3px;
  color:var(--status-text); background:linear-gradient(135deg,var(--status-shade),#130e1b 75%);
  box-shadow:inset 0 0 0 1px #0c08119c,inset 0 2px 0 #e9cda21a,0 2px 6px #0005;
  text-shadow:0 1px 2px #0008;
}
:is(.trow.argonta-rank .tname,body.theme-argonta .pident) .ingame{
  --status-text:#bce1c9; --status-gem:#73c795; --status-shade:#1f352e;
}
:is(.trow.argonta-rank .tname,body.theme-argonta .pident) .betachip{
  --status-text:#c4d9f8; --status-gem:#83b6ed; --status-shade:#202c42;
}
:is(.trow.argonta-rank .tname,body.theme-argonta .pident) .banchip{
  --status-text:#f1bdbb; --status-gem:#e28983; --status-shade:#402326;
}
:is(.trow.argonta-rank .tname,body.theme-argonta .pident) .mutechip{
  --status-text:#ebd09f; --status-gem:#dab06b; --status-shade:#3b3021;
}
:is(.trow.argonta-rank .tname,body.theme-argonta .pident) :is(.onforum,.ingame,.betachip,.banchip,.mutechip)::before{
  content:""; display:block; width:5px; height:5px; flex:none; border-radius:0;
  transform:rotate(45deg); border:1px solid #f9e8ff80;
  background:var(--status-gem); box-shadow:0 0 6px var(--status-gem);
}
.trow.argonta-rank .tname :is(.onforum,.ingame,.betachip,.banchip,.mutechip){
  padding:2px 9px; font-size:9.5px; line-height:1.5; letter-spacing:.06em;
}
body.theme-argonta .pident :is(.onforum,.ingame,.betachip,.banchip,.mutechip){
  padding:4px 11px; white-space:normal; overflow-wrap:anywhere;
}
body.theme-argonta .pnamerow :is(#p-ingame,#p-beta){max-width:100%; min-width:0}

:is(.pavatar,.tava,.pa,.ava):has(img[src^="/media/k1e-emblem-v1.png"]){
  background:none; border-color:transparent; box-shadow:none; border-radius:0;
}
:is(.pavatar,.tava,.pa,.ava):has(img[src^="/media/k1e-emblem-v1.png"]) :is(.avatar-frame,img){
  border-radius:0;
}
.stat.med.k1e-medals .medrow{flex-wrap:wrap; gap:4px; min-width:0; min-height:44px}
.stat.med.k1e-medals .medal{
  width:40px; height:44px; border-radius:0;
  background:transparent url("/media/k1e-medal-v2.png") center/contain no-repeat;
  box-shadow:none;
}
.stat.med.k1e-medals .medal::after{content:none}
.stat.med.k1e-medals .medmore{color:#d1c7bf; overflow-wrap:anywhere; min-width:0}
body.theme-k1e .argchat-bubble{
  width:104px; height:104px; padding:0; border:0; border-radius:0;
  background:transparent url("/media/k1e-chat-radio-v1.png") center/contain no-repeat;
  box-shadow:none; filter:drop-shadow(0 3px 4px #000a);
  transition:filter .18s ease,transform .18s ease;
}
body.theme-k1e{
  --bg:#0b0c0e; --bg2:#101214; --panel:#141719; --panel2:#24282b;
  --line:#363c40; --line2:#626a70; --text:#ece9e4; --dim:#b7b8b8; --dim2:#969c9f;
  --violet:#e0645f; --violet2:#ae3e3a; --violetGlow:rgba(190,53,47,.2); --gold:#d4ac73;
  --k1e-metal:linear-gradient(155deg,#303538,#171b1d 65%,#111416);
  --k1e-active:linear-gradient(180deg,#624333,#302923);
  --k1e-hover:rgba(203,136,92,.12);
  background:#0b0c0e; accent-color:var(--violet);
}
body.theme-k1e .scalefield{
  opacity:1; mask-image:none; -webkit-mask-image:none;
  background:linear-gradient(180deg,rgba(8,9,11,.28),rgba(8,9,11,.18) 45%,rgba(8,9,11,.56)),
    url("/media/k1e-military-background-v4.png") center top/cover no-repeat;
}
body.theme-k1e .glow{display:none}
@media(min-width:1600px){
  body.theme-k1e .scalefield{
    background-size:cover,max(calc(100vw + 160px),calc(177.78vh + 160px)) auto;
    background-position:center,right top;
  }
}
body.theme-k1e .stats{
  --violet:#e0645f; --violet2:#ae3e3a; --violetGlow:rgba(190,53,47,.2);
  --dim:#b7b8b8; --dim2:#9c9fa1;
}
body.theme-k1e .stats .stat{
  position:relative; min-width:0; border-radius:4px; border-color:#555b60;
  background:linear-gradient(145deg,rgba(255,255,255,.035),transparent 45%),linear-gradient(180deg,#24282b,#121517);
  box-shadow:inset 0 1px 0 #b9c0c52b,inset 0 0 0 4px #080b0d66,0 5px 14px #0005;
}
body.theme-k1e .stats .stat::before{
  content:""; position:absolute; inset:5px; pointer-events:none;
  background:linear-gradient(135deg,transparent 5px,#aeb8bf99 5px 6px,transparent 6px) left top/13px 13px no-repeat,
    linear-gradient(315deg,transparent 5px,#aeb8bf99 5px 6px,transparent 6px) right bottom/13px 13px no-repeat;
}
body.theme-k1e .stats .stat::after{
  content:""; position:absolute; right:20px; bottom:8px; width:22px; height:2px;
  background:#a9433d; pointer-events:none;
}
body.theme-k1e .stats .stat .sv{color:#ece9e4; font-variant-numeric:tabular-nums}
body.theme-k1e .stats .stat .sl{font-family:Bahnschrift,"Segoe UI",Arial,sans-serif; color:#b6b9bb; font-weight:500}
body.theme-k1e .stats .stat.empty .sv{color:#93989b}
body.theme-k1e .stats .stat.lvl .lvlbar{border-radius:1px; background:#080b0d; box-shadow:0 1px 0 #ffffff12}
body.theme-k1e .stats .stat.lvl .lvlbar i{border-radius:1px; background:linear-gradient(90deg,#96352f,#ea6358); box-shadow:0 0 8px #ca4a4140}
body.theme-k1e .stats .stat:is(.lvl,.inv):hover,body.theme-k1e .stats .stat:is(.lvl,.inv).open{
  border-color:#b96b61; background:linear-gradient(145deg,#343233,#151719);
}
body.theme-k1e .stats .stat:is(.lvl,.inv):focus-visible{outline:2px solid #e4b38a; outline-offset:3px}
@media(max-width:380px){
  body.theme-k1e .stats .stat{padding:18px 12px}
  body.theme-k1e .stats .stat .sv{font-size:22px}
}
body.theme-k1e nav.main{background:rgba(9,10,12,.78)}
body.theme-k1e nav.main a{color:#bab5b1}
body.theme-k1e nav.main a:hover,body.theme-k1e nav.main a.on{color:#f0ebe6}
body.theme-k1e .tagline,body.theme-k1e footer.bot{color:#aaa49f; text-shadow:0 1px 3px #000,0 0 6px #000}
@media(max-width:640px){
  body.theme-k1e .scalefield{
    background-image:linear-gradient(180deg,rgba(8,9,11,.55),rgba(8,9,11,.38) 45%,rgba(8,9,11,.65)),
      url("/media/k1e-military-background-v4.png");
    background-position:center,82% top;
  }
}
body.theme-k1e .argchat-bubble:hover{filter:brightness(1.12) drop-shadow(0 3px 4px #000a); transform:translateY(-2px)}
body.theme-k1e .argchat-bubble:focus-visible{outline:2px solid #e0b987; outline-offset:3px; border-radius:6px}
body.theme-k1e .argchat-bubble svg{display:none}
body.theme-k1e .argchat-bubble .bdot{top:25px; right:20px; border-color:#211d1b; box-shadow:0 0 5px #000b}
@media(max-width:560px){
  body.theme-k1e .argchat-bubble{width:88px; height:88px; right:12px; bottom:12px}
  body.theme-k1e .argchat-bubble .bdot{top:20px; right:15px}
}
@media(prefers-reduced-motion:reduce){
  body.theme-k1e .argchat-bubble{transition:none}
  body.theme-k1e .argchat-bubble:hover{transform:none}
}

/* K1e: profile controls and radio console. Author: Argonta.
   Decoration only; preserve hit areas, geometry, motion and semantic states. */
body.theme-k1e .wordmark{font-family:Bahnschrift,"Segoe UI",Arial,sans-serif;color:#d8dcdd;text-shadow:0 2px 2px #000}
body.theme-k1e .wordmark b{color:#e0645f;text-shadow:0 0 14px #c140343a}
body.theme-k1e .sigil{border-radius:4px;border-color:#737d83;background:var(--k1e-metal);box-shadow:inset 0 0 0 3px #101315,inset 0 0 0 4px #68727855,0 5px 15px #0008}
body.theme-k1e .sigil img.eye{filter:grayscale(1) sepia(1) saturate(5) hue-rotate(315deg) drop-shadow(0 0 5px #c04d40aa)}
body.theme-k1e .status{border-radius:4px;border-color:#626a70;background:var(--k1e-metal);box-shadow:inset 0 1px #b7c0c32b,0 6px 20px #0007}
body.theme-k1e :is(.status .k,h2.sec,.caseh,.ac-title,.ac-tab,.skills .skhead){font-family:Bahnschrift,"Segoe UI",Arial,sans-serif}
body.theme-k1e nav.main{border-color:#626a70;box-shadow:inset 0 1px #d6dddf18,0 6px 20px #0005}
body.theme-k1e nav.main a{border-radius:3px}
body.theme-k1e nav.main a:hover{background:var(--k1e-hover)}
body.theme-k1e nav.main a.on{background:var(--k1e-active);box-shadow:inset 0 0 0 1px #94735d,inset 0 -2px #cc6753}
body.theme-k1e .phero{border-radius:5px;border-color:#747c80;background:var(--k1e-metal);box-shadow:0 18px 40px #0008,inset 0 1px #d8dfe029}
body.theme-k1e .phero.hasbanner::after{background:linear-gradient(180deg,#0a0c0f52,#0a0c0fd1);box-shadow:inset 0 0 0 4px #090c0e66,inset 0 0 0 5px #8c99982e}
body.theme-k1e .pident h1{color:#f2ece4;text-shadow:0 2px 5px #000;font-family:Bahnschrift,"Segoe UI",Arial,sans-serif}
body.theme-k1e .pmeta > span:not(#p-ingame):not(:empty){background:#101416c9;border-color:#5d676a;border-radius:3px;box-shadow:inset 0 1px #ffffff0a}
body.theme-k1e :is(.rankchip,.onforum,.ingame,.betachip,.banchip,.mutechip){border-radius:3px}
body.theme-k1e .rankchip:not(.dragon){color:#e7b88d;background:#392b22c9;border-color:#85634d}
body.theme-k1e .onforum{color:#e9b99c;background:#3e3025;border-color:#886049}
body.theme-k1e :is(.skills,.invpanel,.fsrow,.fslist .fsi,.cased,.friends .fr,.galstrip .gs){border-radius:4px;background:var(--k1e-metal);box-shadow:inset 0 1px #d6dddf17}
body.theme-k1e :is(.invc,.fslist .fsmore,.pedit .eb){border-radius:3px;background:#171c1f}
body.theme-k1e :is(.invc.on,.fsrow .fs.on,.cased.on){background:var(--k1e-active);border-color:#9e7356;box-shadow:inset 0 0 0 1px #c17e3d28}
body.theme-k1e .invc.empty{background:transparent}
body.theme-k1e :is(.fsrow .fs[data-act]:not(.dead):hover,.pedit .eb:hover){background:var(--k1e-hover)}
body.theme-k1e :is(.friends .fav,.cased .noimg){background:#303638}
body.theme-k1e :is(.btn,.navmenu .statusrow button){border-radius:4px;background:linear-gradient(180deg,#ad4f43,#77352f);box-shadow:inset 0 1px #ffd3ae40,0 4px 12px #0005}
body.theme-k1e .btn.ghost{background:#191e21;box-shadow:inset 0 1px #ffffff12}
body.theme-k1e :is(.navmenu,.bellmenu,.axbox,.toast,.sktip,.ac-ctx,.ac-dlg){border-radius:5px;background:var(--k1e-metal);border-color:#72797c;box-shadow:inset 0 1px #d6dddf26,0 18px 44px #0009}
body.theme-k1e :is(.navmenu .mi,.bellbtn,.bellmenu .bi,.axbox.people .ptabs button,.axbox.people .prow){border-radius:3px}
body.theme-k1e :is(.navmenu .mi:hover,.bellbtn:hover,.bellmenu .bi:hover,.axbox.people .prow:hover){background:var(--k1e-hover)}
body.theme-k1e :is(.bellmenu .bi.new,.axbox.people .ptabs button.on){background:#4d322d80}
body.theme-k1e :is(.navmenu .statusrow input,.axbox.people .psearch){background:#0d1113;border-radius:3px}
body.theme-k1e .axbox.people .prow .pav{background:#303638;border-radius:3px}
body.theme-k1e :is(.axback,.ac-back,.lbox){background:#07090bcc}
body.theme-k1e .lbx{background:#171c1f;border-radius:4px}
body.theme-k1e :is(button,a,input,textarea,[role=button]):focus-visible{outline:2px solid #e4b38a;outline-offset:2px}
body.theme-k1e ::selection{background:#865448;color:#fff}
body.theme-k1e :is(.argchat,.ac-ctx,.ac-dlg,.bellmenu,.axbox){scrollbar-color:#6d6660 #15191b}

/* Skill tree: keep original SVG paths, category distinction and animations. */
body.theme-k1e .sktree{background:#0d1113}
body.theme-k1e .sktree .n1{background:radial-gradient(circle,#702d27,transparent 68%)}
body.theme-k1e .sktree .n2{background:radial-gradient(circle,#40535b,transparent 68%)}
body.theme-k1e .sktree .n3{background:radial-gradient(circle,#62452b,transparent 70%)}
body.theme-k1e .sktree .st{background:#e8ceb0}
body.theme-k1e .sktree .eye{filter:grayscale(1) sepia(1) saturate(2) hue-rotate(320deg)}
body.theme-k1e .sktree :is(.rg,.ds){stroke:#41494c}
body.theme-k1e .sktree #skGrad stop:first-child{stop-color:#e6aa83}
body.theme-k1e .sktree #skGrad stop:last-child{stop-color:#bc493f}
body.theme-k1e .sktree #skGradHot stop:first-child{stop-color:#fff0d9}
body.theme-k1e .sktree #skGradHot stop:last-child{stop-color:#e9765c}
body.theme-k1e .sktree #skOn stop:first-child{stop-color:#51413a}
body.theme-k1e .sktree #skOn stop:last-child{stop-color:#201c1a}
body.theme-k1e .sktree #skOff stop:first-child{stop-color:#282e31}
body.theme-k1e .sktree #skOff stop:last-child{stop-color:#121719}
body.theme-k1e .sktree #skBloom stop{stop-color:#b85443}
body.theme-k1e .sktree #skBloom stop:first-child{stop-color:#edb68b}
body.theme-k1e .sktree :is(.halo,.rip){stroke:#d78b68}
body.theme-k1e .sktree .sp{fill:#eac4a4}
body.theme-k1e .sktree :is(.nd:not(.on) .vl,.no){fill:#8d9598}
body.theme-k1e .sktree .nd.key .nn{fill:#eac4a4}
body.theme-k1e .sktree :is(.nd.on .vl,.nd.key.on .vl,.nd.focus .vl,.yes){filter:drop-shadow(0 0 4px #e6a17c66)}
body.theme-k1e .sktree :is(.nd.chg .ds,.nd.near .ds){stroke:#c88360}
body.theme-k1e .sktree .nd.focus .ds{stroke:#f0cab0}
body.theme-k1e .sktree .fire .f1{stroke:#ca5540}
body.theme-k1e .sktree .fire .f2{stroke:#ffe5cd}
body.theme-k1e .sktree .lk.cap{stroke:#50342f}
body.theme-k1e .sktree .lk.cap.live{stroke:#b46551}
body.theme-k1e .sktree .lk.cap.hot,body.theme-k1e .sktree .lk.cap.pulse{stroke:#ffba95;filter:drop-shadow(0 0 3px #e07755aa)}
body.theme-k1e .sktree .lk.kit{stroke:#414a50}
body.theme-k1e .sktree .lk.kit.live{stroke:#93a6af}
body.theme-k1e .sktree .lk.kit.hot{stroke:#c5d6de;filter:drop-shadow(0 0 3px #93b0bd99)}
body.theme-k1e .sktree :is(.lkp.cap,.lkp.kit){filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 6px #eaa580)}
body.theme-k1e :is(.sktree .skbar button,.sktree .skstep,.skcta .skpill){border-radius:4px;background:#191e21ed;box-shadow:0 4px 16px #0007}
body.theme-k1e :is(.sktree .skbar button.on,.sktree .skstep button,.skcta .skpill button.no,.skcta .skpill button.yes){border-radius:3px;background:#623d31;color:#f2d1b5;box-shadow:none}
body.theme-k1e :is(.sktree .skstep button:hover,.skcta .skpill button:hover){background:#85513c}
body.theme-k1e .skcta .dots i{background:#edb68b}
body.theme-k1e .sktip::after{background:repeating-linear-gradient(to right,transparent 0,transparent 12.5%,#e6a87512 17%,#f5dab529 20%,#e6a87512 23%,transparent 27.5%,transparent 50%)}

/* Radio console, switches, overlays and message tools. */
body.theme-k1e .argchat{border-radius:6px;border-color:#81898c;background:#14191c;box-shadow:inset 0 0 0 3px #090d0f,0 24px 70px #000b}
body.theme-k1e .ac-head{background:var(--k1e-metal);border-bottom-color:#717779;box-shadow:inset 0 2px #d5dcde2a,inset 0 -2px #0b0e10}
body.theme-k1e .ac-title{color:#e7ddd1;letter-spacing:.04em;text-shadow:0 1px #000}
body.theme-k1e .ac-tabs{background:#111619}
body.theme-k1e .ac-tab{border-radius:3px 3px 0 0}
body.theme-k1e .ac-tab.on{color:#f5d0a5;background:var(--k1e-active);border-color:#957659;box-shadow:inset 0 2px #d09864}
body.theme-k1e .ac-body{background:linear-gradient(180deg,#161c1f,#101416)}
body.theme-k1e :is(.ac-ico,.ac-add,.ac-u,.ac-ctx button,.ac-filter button,.ac-leave,.ac-req .ry,.ac-req .rx,.ac-stk .sp button,.ac-stk .ec button,.ac-stk .eg button,.ac-dlg .row .g,.ac-dlg .row .p,.ac-dlg .mem label){border-radius:3px}
body.theme-k1e :is(.ac-ico:hover,.ac-tab:hover,.ac-u:hover,.ac-ctx button:hover,.ac-dlg .mem label:hover,.ac-stk .eg button:hover,.ac-stk .sg img:hover){background:var(--k1e-hover)}
body.theme-k1e :is(.ac-m .a,.ac-u .ua,.ac-req .a2){background:var(--k1e-metal);border-radius:4px;color:#d9c7b1}
body.theme-k1e .ac-u .ua img{border-radius:3px}
body.theme-k1e .ac-u .fr{background:#47372b;border-color:#85634d;border-radius:3px;color:#e5c59d}
body.theme-k1e :is(.ac-filter button,.ac-req .ry,.ac-req .rx,.ac-stk .sp button,.ac-leave,.ac-toast,.ac-m .rp){background:#111618}
body.theme-k1e :is(.ac-filter button.on,.ac-stk .sp button.on,.ac-stk .ec button.on,.ac-m .rp.me){background:var(--k1e-active);border-color:#9e7356}
body.theme-k1e .ac-m .rp{border-radius:4px}
body.theme-k1e .ac-m.hl{background:#7c493b33}
body.theme-k1e .ac-m .qt{background:#7c493b24;border-left-color:#bf7961;border-radius:3px}
body.theme-k1e .ac-m .qt:hover{background:#7c493b44}
body.theme-k1e :is(.ac-in,.ac-ro,.acbar,.ac-typ){background:#1c2225}
body.theme-k1e :is(.ac-in textarea,.ac-dlg input[type=text]){background:#0d1113;border-radius:3px;caret-color:#efb18b}
body.theme-k1e .ac-in textarea::placeholder{color:#969c9f}
body.theme-k1e :is(.ac-in button,.ac-dlg .row .p){border-radius:3px;background:linear-gradient(180deg,#aa4b3e,#78382f);box-shadow:inset 0 1px #ffcd9c42}
body.theme-k1e .ac-in .ac-stkbtn{background:var(--k1e-metal);border-radius:3px}
body.theme-k1e .ac-in .ac-stkbtn.on{background:var(--k1e-active);color:#f5d0a5}
body.theme-k1e .ac-stk .sg img{background:#ffffff05}
body.theme-k1e .ac-toast{border-radius:3px}
body.theme-k1e .mnmirror .mnchip{color:#f5d0a5;background:#4f3d30;box-shadow:-2px 0 0 #4f3d30,2px 0 0 #4f3d30}
body.theme-k1e :is(.pfile,.aplr){background:#14191c;border-radius:4px}
body.theme-k1e :is(.pfile:hover,.aplr button:hover){background:#654b332e}
body.theme-k1e .aplr .ap-pp{background:#664737;color:#f0c6a4}
body.theme-k1e .aplr.on{box-shadow:0 0 18px #bb674126}
body.theme-k1e .aplr.on .ap-pp{background:#ad4f43;color:#fff}
body.theme-k1e .aplr .ap-trk{background:#2d3438}
body.theme-k1e .aplr .ap-buf{background:#505b60}
body.theme-k1e .aplr .ap-fill{background:linear-gradient(90deg,#ad4f43,#e6aa83);box-shadow:0 0 8px #b05a3d60}
body.theme-k1e :is(.pmlist,.mnbox){border-radius:4px;background:var(--k1e-metal);border-color:#72797c;box-shadow:inset 0 1px #d6dddf26,0 18px 44px #0009}
body.theme-k1e :is(.pdots,.pmlist button,.mnbox .mni,.axrep .rfwhy button,.axrep .rfadd,.axrep .rfshot){border-radius:3px}
body.theme-k1e .pdots{background:#151b20bb;color:#d1c4b5;border-color:#707a7e}
body.theme-k1e :is(.pdots:hover,.pdots.on,.pmlist button:hover,.mnbox .mni.on,.axrep .rfwhy button.on){background:#734d3688}
body.theme-k1e .mnbox .mni .ini{background:var(--k1e-metal);color:#d9c7b1}
body.theme-k1e .mn:not(.me){color:#e9c7aa;background:#4b3931}
body.theme-k1e .axrep .rfwho .prow{background:#654b332e}
body.theme-k1e .axrep .rfshot{background:#0d1113}

.theme-argonta .stat.med{min-width:0}
.theme-argonta .stat.med .sv{overflow-wrap:anywhere}
.theme-argonta .stat.med .medrow{gap:4px; flex-wrap:wrap; min-width:0; min-height:40px}
.theme-argonta .stat.med .medal{
  width:min(38px,calc((100% - 8px)/3)); height:auto; aspect-ratio:19/20;
  flex:0 0 auto; border-radius:0; box-shadow:none;
  background:transparent url("/media/argonta-dragon-medal-v3.png") center/contain no-repeat;
  filter:drop-shadow(0 2px 2px #0009) drop-shadow(0 0 4px #a86bd53d);
}
.theme-argonta .stat.med .medal::after{content:none}

.theme-argonta .stat.med .medmore{
  display:block; flex:0 1 auto; text-align:center;
  min-width:0; max-width:100%; padding:2px 6px; line-height:18px;
  border:1px solid #92734e; border-radius:3px; color:#e1c48f;
  background:linear-gradient(145deg,#382538,#17111f);
  box-shadow:inset 0 1px #ecd09b1a; overflow-wrap:anywhere;
}

.theme-argonta .argchat-bubble{
  width:116px; height:80px; padding:0; border:0; border-radius:12px;
  background:transparent url('/media/argonta-winged-chat-v1.png') center/contain no-repeat;
  color:#f4e0b7; box-shadow:none;
  filter:drop-shadow(0 3px 5px #000b) drop-shadow(0 0 7px #8c4ebf40);
  transition:filter .18s ease,transform .18s ease;
}
.theme-argonta .argchat-bubble:hover{
  filter:brightness(1.14) drop-shadow(0 3px 5px #000b) drop-shadow(0 0 9px #a76ce366);
  transform:translateY(-2px);
}
.theme-argonta .argchat-bubble:focus-visible{outline:2px solid #e2bd89; outline-offset:3px}
.theme-argonta .argchat-bubble svg{
  width:20px; height:20px; transform:translateY(-1px);
  filter:drop-shadow(0 1px 2px #08050d); pointer-events:none;
}
.theme-argonta .argchat-bubble .bdot{
  top:12px; right:32px; width:13px; height:13px;
  border:2px solid #e1bd7e; background:#d195ff;
  box-shadow:0 0 7px #c16efa;
}


.theme-argonta .brand .sigil{width:60px; height:52px}
.theme-argonta .brand .sigil::before{
  content:""; position:absolute; inset:3px; pointer-events:none;
  background:url('/media/argonta-sigil-eye-v1.png') center/contain no-repeat;
  filter:drop-shadow(0 0 4px #9d54d755);
}
.theme-argonta .brand .sigil img.eye{visibility:hidden}
@media(max-width:560px){
  .theme-argonta .brand .sigil{width:50px; height:46px}
}


/* Current Argonta emblem: remove forum backing only. Stand fitting. Author: Argonta. */
:root :is(.pavatar,.tava,.trow .tav,.pa,.ava,.fav,.pav,.ac-m .a,.ac-u .ua,.ac-req .a2,.settings-avatar,.hello .hava):has(img[src^="/media/theme-67e4ead4ae36dd94441fd04f0dcfb79e7629cf820c9aa3d31a63caa63890c5e7.png"]),
:root .theme-avatar[src^="/media/theme-67e4ead4ae36dd94441fd04f0dcfb79e7629cf820c9aa3d31a63caa63890c5e7.png"]{
  background:none; border-color:transparent; box-shadow:none; border-radius:0;
}
:root :is(.pavatar,.tava,.trow .tav,.pa,.ava,.fav,.pav,.ac-m .a,.ac-u .ua,.ac-req .a2,.settings-avatar,.hello .hava):has(img[src^="/media/theme-67e4ead4ae36dd94441fd04f0dcfb79e7629cf820c9aa3d31a63caa63890c5e7.png"]) :is(.avatar-frame,img){border-radius:0}


/* K1e: transparent avatar surroundings, including chat. Author: Argonta. */
:root :is(.pavatar,.tava,.tav,.hello .hava,.pa,.ava,.fav,.pav,.axbox.people .prow .pav,.ac-m .a,.ac-u .ua,.ac-req .a2,.settings-avatar):has(img[src^="/media/k1e-emblem-v1.png"]),
:root .mnbox .mni img[src^="/media/k1e-emblem-v1.png"],
:root .theme-avatar[src^="/media/k1e-emblem-v1.png"]{
  background:none; border-color:transparent; box-shadow:none; border-radius:0;
}
:root :is(.pavatar,.tava,.tav,.hello .hava,.pa,.ava,.fav,.pav,.axbox.people .prow .pav,.ac-m .a,.ac-u .ua,.ac-req .a2,.settings-avatar):has(img[src^="/media/k1e-emblem-v1.png"]) :is(.avatar-frame,img){border-radius:0}

.pauthor .pcard{position:relative}
.pauthor.hasbn .pcard > *{position:relative; z-index:1}
@media (max-width:720px){
  .pauthor .pcard{display:contents}
}
@media (min-width:721px){
  .post:has(> .pauthor > .pcard){overflow:hidden; overflow:clip}   /* clip: с hidden карточка не прилипает */
  .pauthor:has(> .pcard){padding:0}
  .pauthor.hasbn.bntuned:has(> .pcard){overflow:clip}
  .pauthor.hasbn:has(> .pcard)::before,.pauthor.hasbn:has(> .pcard)::after{display:none}
  .pauthor.argonta-cyber-author:has(> .pcard){box-shadow:none}
  .post.mnme:has(> .pauthor.hasbn > .pcard){box-shadow:none}
  .post .pauthor > .pcard{position:sticky; top:14px; height:var(--pcard-h,421px); box-sizing:border-box;
    padding:20px 18px; isolation:isolate; overflow:hidden}
  .pauthor.hasbn > .pcard::before{content:""; position:absolute; inset:0; z-index:0; background-image:var(--bn);
    background-size:cover; background-position:center; opacity:.55; filter:saturate(1.08)}
  .pauthor.hasbn > .pcard::after{content:""; position:absolute; inset:0; z-index:0;
    background:linear-gradient(180deg, rgba(8,7,13,.3) 0%, rgba(8,7,13,.62) 46%, rgba(8,7,13,.88) 100%)}
  .pauthor.hasbn.bntuned > .pcard::before{background-size:var(--bn-size,var(--bn-fit)); background-position:var(--bn-pos);
    background-repeat:no-repeat; opacity:var(--bn-opacity)}
}

/* Subject 107: approved background, stand preview 06.10.2026. Author: Argonta. */
body.theme-subject107{background-color:#050b10}
/* Profile palette. Surface rules are scoped; layout and motion remain shared. */
body.theme-subject107{
  --bg:#070c10; --bg2:#0b1116; --panel:#10171d; --panel2:#1b232a;
  --line:#394650; --line2:#5b6c77; --text:#e8edf0; --dim:#aebbc2; --dim2:#8d9da7;
  --violet:#d25950; --violet2:#aa3933; --violetGlow:#c1463b40;
  --s107-metal:linear-gradient(135deg,#ffffff06,transparent 46%),linear-gradient(180deg,#212b32,#0e151b);
  --s107-active:linear-gradient(180deg,#4b2e30,#271b20);
  --s107-hover:linear-gradient(180deg,#b4453529,#b4453512);
}
body.theme-subject107 .wordmark{color:#e0e7eb;text-shadow:0 2px 4px #000}
body.theme-subject107 .wordmark b{color:#dc655b;text-shadow:0 0 14px #bd342a40}
body.theme-subject107 .sigil{border-radius:5px;border-color:#647581;background:var(--s107-metal);box-shadow:inset 0 0 0 3px #080f14,0 5px 14px #0008}
body.theme-subject107 .sigil img.eye{filter:grayscale(1) sepia(1) saturate(5) hue-rotate(315deg) drop-shadow(0 0 5px #c04d40aa)}
body.theme-subject107 .status{min-width:0;max-width:100%;border-radius:5px;border-color:#53646f;background:var(--s107-metal);box-shadow:inset 0 1px #d2e7ed21,0 6px 20px #0006}
body.theme-subject107 .status > span:not(.dot):not(.sep){min-width:0}
body.theme-subject107 .status > span:not(:last-child){flex-shrink:0}
body.theme-subject107 .status .k,body.theme-subject107 .status > span:not(:last-child) .v{white-space:nowrap}
body.theme-subject107 .status .v{overflow-wrap:anywhere}
body.theme-subject107 .status .sep{flex-shrink:0}
body.theme-subject107 nav.main{border-color:#53646f;box-shadow:inset 0 1px #d2e7ed14,0 6px 20px #0005}
body.theme-subject107 nav.main a{border-radius:3px}
body.theme-subject107 nav.main a:hover{background:var(--s107-hover)}
body.theme-subject107 nav.main a.on{background:var(--s107-active);box-shadow:inset 0 0 0 1px #99635d,inset 0 -2px #d15c50}
body.theme-subject107 .phero{border-radius:6px;border-color:#647581;background:var(--s107-metal);box-shadow:0 18px 40px #0008,inset 0 1px #d2e7ed24}
body.theme-subject107 .phero.hasbanner::after{background:linear-gradient(180deg,#080e1352,#080e13d1);box-shadow:inset 0 0 0 4px #090f1466,inset 0 0 0 5px #8aadb62b}
body.theme-subject107 .pident h1{max-width:100%;overflow-wrap:anywhere;color:#eef1f3;text-shadow:0 2px 5px #000}
body.theme-subject107 .pident{max-width:100%}
@media(min-width:941px){body.theme-subject107 .phero .pident{padding-right:22px}}
body.theme-subject107 .pnamerow > span{min-width:0;max-width:100%}
body.theme-subject107 .pmeta > span:not(#p-ingame):not(:empty){max-width:100%;overflow-wrap:anywhere;background:#0d161ddb;border-color:#536670;border-radius:3px;box-shadow:inset 0 1px #ffffff0a}
body.theme-subject107 .pident :is(.rankchip,.onforum,.ingame,.betachip,.aichip,.banchip,.mutechip){max-width:100%;white-space:normal;overflow-wrap:anywhere;border-radius:3px;box-shadow:inset 0 1px #ffffff12,0 2px 5px #0005}
body.theme-subject107 .pident :is(.onforum,.ingame,.betachip,.aichip)::before{flex-shrink:0}
body.theme-subject107 .rankchip:not(.dragon){color:#e2c389;background:linear-gradient(180deg,#3b3529ed,#201e18ed);border-color:#8b7958}
body.theme-subject107 .onforum{color:#efb4a9;background:linear-gradient(180deg,#462a2aed,#251c21ed);border-color:#925e58}
body.theme-subject107 .onforum::before{background:#e27165;box-shadow:0 0 8px #e2716599}
body.theme-subject107 .ingame{background:linear-gradient(180deg,#1d352bed,#111f1ded);border-color:#4c826b}
body.theme-subject107 .betachip{background:linear-gradient(180deg,#20333eed,#121e27ed);border-color:#597e94}
body.theme-subject107 .ptitle{color:#e4b5a8}
body.theme-subject107 :is(.skills,.invpanel,.fslist .fsi,.cased,.friends .fr,.galstrip .gs){border-radius:5px;background:var(--s107-metal);box-shadow:inset 0 1px #d2e7ed1f,inset 0 0 0 3px #050a0e55}
body.theme-subject107 :is(.invc,.fslist .fsmore,.pedit .eb){border-radius:3px;background:#131d24}
body.theme-subject107 :is(.invc.on,.cased.on){background:var(--s107-active);border-color:#af6558}
body.theme-subject107 .invc.empty{background:transparent}
body.theme-subject107 .pedit .eb:hover{background:var(--s107-hover)}
body.theme-subject107 :is(.friends .fav,.cased .noimg){background:#293840}
body.theme-subject107 :is(.btn,.navmenu .statusrow button){border-radius:4px;background:linear-gradient(180deg,#b04c43,#79312e);box-shadow:inset 0 1px #ffd3ae40,0 4px 12px #0005}
body.theme-subject107 .btn.ghost{background:#162129;box-shadow:inset 0 1px #ffffff12}
body.theme-subject107 :is(.navmenu,.bellmenu,.axbox,.toast,.sktip,.ac-ctx,.ac-dlg,.pmlist,.mnbox){border-radius:5px;background:var(--s107-metal);border-color:#667985;box-shadow:inset 0 1px #d2e7ed26,0 18px 44px #0009}
body.theme-subject107 :is(.navmenu .mi,.bellbtn,.bellmenu .bi,.axbox.people .ptabs button,.axbox.people .prow,.pmlist button,.mnbox .mni,.axopt){border-radius:3px}
body.theme-subject107 :is(.navmenu .mi:hover,.bellbtn:hover,.bellmenu .bi:hover,.axbox.people .prow:hover,.pmlist button:not(.danger):hover,.mnbox .mni.on,.axopt:hover){background:var(--s107-hover)}
body.theme-subject107 :is(.bellmenu .bi.new,.axbox.people .ptabs button.on){background:#934a3b33}
body.theme-subject107 :is(.navmenu .statusrow input,.axbox.people .psearch,.axbox.axwrite textarea){background:#090f14;border-radius:3px}
body.theme-subject107 .phero .pdots{border-radius:3px;background:#111d26dd;color:#becbd2;border-color:#697b88}
body.theme-subject107 .phero .pdots:is(:hover,.on){background:#55332bdd;border-color:#bb7464}
body.theme-subject107 :is(.axback,.ac-back,.lbox){background:#050b10cc}
body.theme-subject107 .lbx{background:#162129;border-radius:4px}
body.theme-subject107 :is(button,a,input,textarea,[role=button]):focus-visible{outline:2px solid #e49885;outline-offset:2px}
body.theme-subject107 ::selection{background:#914a43;color:#fff}
body.theme-subject107 :is(.argchat,.ac-ctx,.ac-dlg,.bellmenu,.axbox){scrollbar-color:#5f737f #111a21}

/* Keep tree geometry, categories, timing and the forum's original eye asset.
   Tint only; no replacement art, transforms, opacity or animation overrides. */
body.theme-subject107 .skills.sktree{background:linear-gradient(135deg,#a6c6d507,transparent 40%),#0a1116;border-color:#667985}
body.theme-subject107 .sktree::before{
  content:"";position:absolute;inset:3px;z-index:3;pointer-events:none;border:1px solid #8cabb02a;border-radius:3px;
  background:linear-gradient(135deg,#b7c5cc 0 2px,#40515c 2px 5px,#070d12 5px 8px,#bd4c43 8px 10px,transparent 10px) left top/23px 23px no-repeat,
    linear-gradient(225deg,#b7c5cc 0 2px,#40515c 2px 5px,#070d12 5px 8px,#bd4c43 8px 10px,transparent 10px) right top/23px 23px no-repeat,
    linear-gradient(45deg,#b7c5cc 0 2px,#40515c 2px 5px,#070d12 5px 8px,#bd4c43 8px 10px,transparent 10px) left bottom/23px 23px no-repeat,
    linear-gradient(315deg,#b7c5cc 0 2px,#40515c 2px 5px,#070d12 5px 8px,#bd4c43 8px 10px,transparent 10px) right bottom/23px 23px no-repeat;
}
body.theme-subject107 .sktree .n1{background:radial-gradient(circle,#4c2429,transparent 68%)}
body.theme-subject107 .sktree .n2{background:radial-gradient(circle,#224955,transparent 68%)}
body.theme-subject107 .sktree .n3{background:radial-gradient(circle,#33414b,transparent 70%)}
body.theme-subject107 .sktree .st{background:#c4dce6}
body.theme-subject107 .sktree .eye{filter:grayscale(1) sepia(1) saturate(3) hue-rotate(315deg)}
body.theme-subject107 .sktree :is(.rg,.ds){stroke:#364752}
body.theme-subject107 .sktree .nd.on .ds{stroke:#9f4942}
body.theme-subject107 .sktree .nd.key .ds{stroke:#cd594d}
body.theme-subject107 .sktree #skGrad stop:first-child{stop-color:#e66e5d}
body.theme-subject107 .sktree #skGrad stop:last-child{stop-color:#a23130}
body.theme-subject107 .sktree #skGradHot stop:first-child{stop-color:#fff0d9}
body.theme-subject107 .sktree #skGradHot stop:last-child{stop-color:#ff8070}
body.theme-subject107 .sktree #skOn stop:first-child{stop-color:#35434d}
body.theme-subject107 .sktree #skOn stop:last-child{stop-color:#111a21}
body.theme-subject107 .sktree #skOff stop:first-child{stop-color:#1f2b33}
body.theme-subject107 .sktree #skOff stop:last-child{stop-color:#0b1319}
body.theme-subject107 .sktree #skBloom stop{stop-color:#b64035}
body.theme-subject107 .sktree #skBloom stop:first-child{stop-color:#e27c68}
body.theme-subject107 .sktree :is(.halo,.rip){stroke:#c8887b}
body.theme-subject107 .sktree .sp{fill:#d7b3a8}
body.theme-subject107 .sktree :is(.nd:not(.on) .vl,.no){fill:#7f949f}
body.theme-subject107 .sktree .nd.key .nn{fill:#eac6ba}
body.theme-subject107 .sktree :is(.nd.on .vl,.nd.key.on .vl,.nd.focus .vl,.yes){filter:drop-shadow(0 0 4px #cce3ee40)}
body.theme-subject107 .sktree :is(.nd.chg .ds,.nd.near .ds){stroke:#d88c73}
body.theme-subject107 .sktree .nd.focus .ds{stroke:#f2cbb5}
body.theme-subject107 .sktree .fire .f1{stroke:#c7493e}
body.theme-subject107 .sktree .fire .f2{stroke:#ffe5cd}
body.theme-subject107 .sktree .lk.cap{stroke:#492f31}
body.theme-subject107 .sktree .lk.cap.live{stroke:#b55d50}
body.theme-subject107 .sktree .lk.cap:is(.hot,.pulse){stroke:#ffb19d;filter:drop-shadow(0 0 3px #e26955aa)}
body.theme-subject107 .sktree .lk.kit{stroke:#354b59}
body.theme-subject107 .sktree .lk.kit.live{stroke:#90a9b8}
body.theme-subject107 .sktree .lk.kit.hot{stroke:#d0e4ec;filter:drop-shadow(0 0 3px #93b0bd99)}
body.theme-subject107 .sktree .lkp.cap{filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 6px #e07159)}
body.theme-subject107 .sktree .lkp.kit{filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 6px #9ab7c6)}
body.theme-subject107 :is(.sktree .skbar button,.sktree .skstep,.skcta .skpill){border-radius:4px;background:var(--s107-metal);box-shadow:inset 0 1px #d2e7ed20,0 4px 16px #0007}
body.theme-subject107 :is(.sktree .skbar button.on,.sktree .skstep button,.skcta .skpill button.no,.skcta .skpill button.yes){border-radius:3px;background:#60342f;color:#f1d4c5;box-shadow:none}
body.theme-subject107 :is(.sktree .skstep button:hover,.skcta .skpill button:hover){background:#8c4b3c}
body.theme-subject107 .skcta .dots i{background:#dca88d}
body.theme-subject107 .sktip::after{background:repeating-linear-gradient(to right,transparent 0,transparent 12.5%,#e6806812 17%,#f5c7aa29 20%,#e6806812 23%,transparent 27.5%,transparent 50%)}

/* Open communicator: material and state colours only; retain tabs and motion. */
body.theme-subject107 .argchat{border-radius:6px;border-color:#667985;background:#10191f;box-shadow:inset 0 0 0 3px #070d12,0 24px 70px #000b}
body.theme-subject107 .ac-head{background:var(--s107-metal);border-bottom-color:#53646f;box-shadow:inset 0 2px #d2e7ed22,inset 0 -2px #080e13}
body.theme-subject107 .ac-title{color:#dce7ec;text-shadow:0 1px #000}
body.theme-subject107 .ac-tabs{background:#0c141a}
body.theme-subject107 .ac-tab{border-radius:3px 3px 0 0}
body.theme-subject107 .ac-tab.on{color:#f3c7b9;background:var(--s107-active);border-color:#925e58;box-shadow:inset 0 2px #c46c59}
body.theme-subject107 .ac-body{background:linear-gradient(180deg,#142029,#0b141b)}
body.theme-subject107 :is(.ac-ico,.ac-add,.ac-u,.ac-ctx button,.ac-filter button,.ac-leave,.ac-req .ry,.ac-req .rx,.ac-stk .sp button,.ac-stk .ec button,.ac-stk .eg button,.ac-dlg .row .g,.ac-dlg .row .p,.ac-dlg .mem label){border-radius:3px}
body.theme-subject107 :is(.ac-ico:hover,.ac-tab:hover,.ac-u:hover,.ac-ctx button:hover,.ac-dlg .mem label:hover,.ac-stk .eg button:hover,.ac-stk .sg img:hover){background:var(--s107-hover)}
body.theme-subject107 :is(.ac-m .a,.ac-u .ua,.ac-req .a2){background:var(--s107-metal);color:#c3d0d8}
body.theme-subject107 .ac-u .fr{background:#263b37;border-color:#4c826b;border-radius:3px;color:#a7d7bc}
body.theme-subject107 :is(.ac-filter button,.ac-req .ry,.ac-req .rx,.ac-stk .sp button,.ac-leave,.ac-toast,.ac-m .rp){background:#101a21}
body.theme-subject107 :is(.ac-filter button.on,.ac-stk .sp button.on,.ac-stk .ec button.on,.ac-m .rp.me){background:var(--s107-active);border-color:#af6558}
body.theme-subject107 .ac-m .rp{border-radius:4px}
body.theme-subject107 .ac-m.hl{background:#ac534133}
body.theme-subject107 .ac-m .qt{background:#ac534124;border-left-color:#bb7967;border-radius:3px}
body.theme-subject107 .ac-m .qt:hover{background:#ac534144}
body.theme-subject107 :is(.ac-in,.ac-ro,.acbar,.ac-typ){background:#1a2832}
body.theme-subject107 :is(.ac-in textarea,.ac-dlg input[type=text]){background:#090f14;border-radius:3px;caret-color:#eeb8a0}
body.theme-subject107 .ac-in textarea::placeholder{color:#92a3ae}
body.theme-subject107 :is(.ac-in button,.ac-dlg .row .p){border-radius:3px;background:linear-gradient(180deg,#ad4a40,#78322e);box-shadow:inset 0 1px #ffcd9c42}
body.theme-subject107 .ac-in .ac-stkbtn{background:var(--s107-metal);border-radius:3px}
body.theme-subject107 .ac-in .ac-stkbtn.on{background:var(--s107-active);color:#f3c7b9}
body.theme-subject107 .ac-stk .sg img{background:#ffffff05}
body.theme-subject107 .ac-toast{border-radius:3px}
body.theme-subject107 .mnmirror .mnchip{color:#f3c7b9;background:#4a302a;box-shadow:-2px 0 0 #4a302a,2px 0 0 #4a302a}
body.theme-subject107 :is(.pfile,.aplr){background:#10191f;border-radius:4px}
body.theme-subject107 :is(.pfile:hover,.aplr button:hover){background:#b4453529}
body.theme-subject107 .aplr .ap-pp{background:#5d3830;color:#eec8b6}
body.theme-subject107 .aplr.on{box-shadow:0 0 18px #ba4d3726}
body.theme-subject107 .aplr.on .ap-pp{background:#ad4a40;color:#fff}
body.theme-subject107 .aplr .ap-trk{background:#2b3c48}
body.theme-subject107 .aplr .ap-buf{background:#536b79}
body.theme-subject107 .aplr .ap-fill{background:linear-gradient(90deg,#ad4a40,#e6a083);box-shadow:0 0 8px #b05a3d60}
body.theme-subject107 .mn:not(.me){color:#efc6b6;background:#4a302a}
body.theme-subject107 .mnbox .mni .ini{background:var(--s107-metal);color:#c3d0d8}

/* Approved Syndicate medals. Count, cap of five and +N remain in shared JS. */
body.theme-subject107 .stats .stat.med .sv{overflow-wrap:anywhere}
body.theme-subject107 .stats .stat.med .medrow{gap:6px 4px;min-width:0;flex-wrap:wrap}
body.theme-subject107 .stats .stat.med .medal{
  width:min(32px,calc((100% - 8px)/3));height:auto;aspect-ratio:1;
  flex:0 0 auto;border-radius:0;box-shadow:none;
  background:transparent url("/media/subject107-medal-v1.png") center/contain no-repeat;
  filter:drop-shadow(0 1px 2px #0009) drop-shadow(0 0 2px #d9a44130);
}
body.theme-subject107 .stats .stat.med .medal::after{content:none}
body.theme-subject107 .stats .stat.med .medmore{
  flex:0 1 auto;min-width:0;max-width:100%;padding:1px 4px;
  font-size:11px;line-height:1.4;color:#d4bd85;text-align:center;
  border:1px solid #9c81555c;border-radius:3px;background:#11191ded;overflow-wrap:anywhere;
}
body.theme-subject107 .scalefield{
  opacity:1; mask-image:none; -webkit-mask-image:none;
  background:#050b10 url("/media/subject107-tf27-background-v3.png") left top/cover no-repeat;
}
body.theme-subject107 .glow{display:none}
body.theme-subject107 nav.main{background:rgba(5,11,16,.72)}
body.theme-subject107 .tagline,body.theme-subject107 footer.bot{text-shadow:0 1px 4px #000}
/* Approved Subject 107 tile. Nine slices preserve the original raster and round lenses. */
body.theme-subject107 .stats,body.theme-subject107 .fstats{
  --dim:#aebbc2; --dim2:#a3afb8; --text:#e8edf0;
  --violet:#ce4940; --violet2:#aa302b; --violetGlow:rgba(190,48,40,.22);
}
body.theme-subject107 .stats > .stat{position:relative; isolation:isolate; min-width:0}
body.theme-subject107 .stats > .stat.s107-tile-ready{
  background:none; border-color:transparent; border-radius:0; box-shadow:none;
}
body.theme-subject107 .stats > .stat.s107-tile-ready::before{
  content:""; position:absolute; z-index:-1; pointer-events:none;
  inset:calc(-1px - 68 * var(--s107-tile-unit)) calc(-1px - 30 * var(--s107-tile-unit)) calc(-1px - 78 * var(--s107-tile-unit)) calc(-1px - 30 * var(--s107-tile-unit));
  border:solid transparent;
  border-width:calc(680 * var(--s107-tile-unit)) calc(328 * var(--s107-tile-unit)) calc(236 * var(--s107-tile-unit)) calc(350 * var(--s107-tile-unit));
  border-image-source:url("/media/subject107-tile-v1.png");
  border-image-slice:680 328 236 350 fill; border-image-width:1; border-image-repeat:stretch;
  clip-path:inset(calc(68 * var(--s107-tile-unit)) calc(30 * var(--s107-tile-unit)) calc(78 * var(--s107-tile-unit)) calc(30 * var(--s107-tile-unit)));
  transition:filter .15s;
}
body.theme-subject107 .stats .stat.lvl .sv{color:var(--text)}
body.theme-subject107 .stats .stat .sv{font-variant-numeric:tabular-nums}
body.theme-subject107 .stats .stat .sl{color:var(--dim2)}
body.theme-subject107 .stats .stat.lvl .lvlbar{background:#292b30}
body.theme-subject107 .stats .stat.med .medrow{flex-wrap:wrap; gap:6px 4px}
body.theme-subject107 .stats .stat.med .medmore{overflow-wrap:anywhere; min-width:0}
body.theme-subject107 .stats > .stat.s107-tile-ready:is(.lvl,.inv):is(:hover,.open)::before{filter:brightness(1.13)}
body.theme-subject107 .stats > .stat:is(.lvl,.inv):focus-visible{outline:2px solid #d66a60; outline-offset:3px}
@media(max-width:380px){
  body.theme-subject107 .stats > .stat{padding:18px 14px}
  body.theme-subject107 .stats .stat .sv{font-size:22px}
  body.theme-subject107 .stats .stat .subm{gap:8px}
  body.theme-subject107 .stats .stat .sm b{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  body.theme-subject107 .stats > .stat.s107-tile-ready::before{transition:none}
}
/* Approved wide companion. Full-height endcaps keep both indicator lenses round. */
body.theme-subject107 .fstats{--line:#73818d35; --line2:#73818d60; --panel:#10171d; --panel2:#1b232a}
body.theme-subject107 .fstats > .fsrow{
  position:relative; isolation:isolate; overflow:visible;
  grid-template-columns:repeat(3,minmax(0,1fr)); padding:0 28px;
}
body.theme-subject107 .fstats > .fsrow.s107-wide-ready{background:none; border-color:transparent; border-radius:0}
body.theme-subject107 .fstats > .fsrow.s107-wide-ready::before{
  content:""; position:absolute; z-index:-1; pointer-events:none;
  inset:calc(-1px - 226 * var(--s107-wide-unit)) calc(-1px - 20 * var(--s107-wide-unit)) calc(-1px - 239 * var(--s107-wide-unit)) calc(-1px - 20 * var(--s107-wide-unit));
  border:solid transparent; border-width:0 calc(240 * var(--s107-wide-unit));
  border-image-source:url("/media/subject107-wide-v1.png");
  border-image-slice:0 240 0 240 fill; border-image-width:1; border-image-repeat:stretch;
  clip-path:inset(calc(226 * var(--s107-wide-unit)) calc(20 * var(--s107-wide-unit)) calc(239 * var(--s107-wide-unit)) calc(20 * var(--s107-wide-unit)));
}
body.theme-subject107 .fstats .fsrow .fs{min-width:0; border-left-color:transparent}
body.theme-subject107 .fstats .fsrow .fs.fsreact .fsh + .fsh{border-left-color:transparent}
body.theme-subject107 .fstats .fsrow .fs b{font-variant-numeric:tabular-nums}
body.theme-subject107 .fstats .fsrow .fs.fsreact b{color:var(--text)}
body.theme-subject107 .fstats .fsrow .fs.fsreact .fsaw b{color:#d2b77a}
body.theme-subject107 .fstats .fsrow .fs .fsaw .awh{fill:#d2b77a; filter:none}
body.theme-subject107 .fstats .fsrow .fs:is([data-act]:not(.dead):hover,.on){background:linear-gradient(transparent 8%,#ca49391c 50%,transparent 92%)}
body.theme-subject107 .fstats .fsrow .fs:focus-visible{outline:2px solid #d66a60; outline-offset:-7px}
@media(min-width:521px){
  body.theme-subject107 .fstats > .fsrow:has(.fsaw:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr)}
  body.theme-subject107 .fstats > .fsrow:has(.fsaw:not([hidden])) > .fs:not(.fsreact){padding-left:10px; padding-right:10px}
}
@media(max-width:520px){
  body.theme-subject107 .fstats > .fsrow{padding:0 20px}
  body.theme-subject107 .fstats .fsrow .fs{padding:16px 4px 22px}
  body.theme-subject107 .fstats .fsrow .fs.fsreact{padding:0}
  body.theme-subject107 .fstats .fsrow .fs.fsreact .fsh{padding:16px 3px 22px}
  body.theme-subject107 .fstats .fsrow .fs span{letter-spacing:.02em; overflow-wrap:anywhere}
  body.theme-subject107 .fstats .fsrow .fs.fsreact:has(.fsaw:not([hidden])){flex-direction:column; justify-content:center; gap:7px; padding:18px 0}
  body.theme-subject107 .fstats .fsrow .fs.fsreact:has(.fsaw:not([hidden])) .fsh{flex:0 0 auto; padding:0 2px}
  body.theme-subject107 .fstats .fsrow .fs.fsreact:has(.fsaw:not([hidden])) b{font-size:16px}
  body.theme-subject107 .fstats .fsrow .fs.fsreact:has(.fsaw:not([hidden])) span{margin-top:3px}
}
@media(max-width:380px){
  body.theme-subject107 .fstats > .fsrow{padding:0 22px}
  body.theme-subject107 .fstats .fsrow .fs span{font-size:8.5px; letter-spacing:0; line-height:1.25}
  body.theme-subject107 .fstats .fsrow > .fs:first-child{padding-left:10px}
  body.theme-subject107 .fstats .fsrow > .fs:last-child{padding-right:10px}
  body.theme-subject107 .fstats .fsrow .fs.fsreact:has(.fsaw:not([hidden])){gap:6px}
  body.theme-subject107 .fstats .fsrow .fs.fsreact:has(.fsaw:not([hidden])) b{font-size:15px}
}
/* Subject 107: approved Syndicate communicator. Author: Argonta. */
body.theme-subject107 .argchat-bubble{
  width:96px; height:96px; padding:0; border:0; border-radius:10px;
  background:transparent url("/media/subject107-chat-v2.png") center/contain no-repeat;
  box-shadow:none; filter:drop-shadow(0 3px 4px #000b);
  transition:filter .18s ease,transform .18s ease;
}
body.theme-subject107 .argchat-bubble svg{display:none}
body.theme-subject107 .argchat-bubble:hover{filter:brightness(1.12) drop-shadow(0 3px 5px #000b); transform:translateY(-2px)}
body.theme-subject107 .argchat-bubble:active{transform:translateY(0)}
body.theme-subject107 .argchat-bubble:focus-visible{outline:2px solid #df8072; outline-offset:3px}
body.theme-subject107 .argchat-bubble .bdot{
  top:18px; right:7px; width:12px; height:12px;
  border:2px solid #10151b; background:#ff675b; box-shadow:0 0 5px #000b;
}
body.theme-subject107 .argchat-bubble.hasmn .bdot{background:var(--gold)}
@media(max-width:560px){
  body.theme-subject107 .argchat-bubble{width:80px; height:80px; right:12px; bottom:12px}
  body.theme-subject107 .argchat-bubble .bdot{top:15px; right:6px; width:11px; height:11px}
}
@media(prefers-reduced-motion:reduce){
  body.theme-subject107 .argchat-bubble{transition:none}
  body.theme-subject107 .argchat-bubble:hover{transform:none}
}
@media(max-width:640px){
  body.theme-subject107 .scalefield{background-position:88% top}
}