/* North guide portal (2026-10-14): the DeathKO guide's design language (rehber.thedeathko.com/myko, measured):
   crimson + gold on #070203, Cinzel headings, Inter text, a fixed 265px sidebar, glass cards with crimson borders. */
:root{
  --bg:#070203; --bg2:#0d0406; --bg3:#140608;
  --card:rgba(22,7,11,.85); --card2:rgba(30,10,14,.9);
  --btn:linear-gradient(180deg,rgba(38,14,19,.9) 0%,rgba(20,7,10,.9) 100%);
  --btn-h:linear-gradient(180deg,rgba(180,29,29,.35) 0%,rgba(90,12,12,.45) 100%);
  --btn-on:linear-gradient(180deg,#dc2626 0%,#991b1b 100%);
  --line:rgba(220,38,38,.2); --line2:rgba(239,68,68,.5); --gold-line:rgba(245,158,11,.35);
  --crimson:#dc2626; --crimson2:#ef4444; --crimson3:#7f1d1d;
  --gold:#f59e0b; --gold2:#fbbf24; --gold3:#b45309;
  --gold-text:linear-gradient(180deg,#fef08a 0%,#f59e0b 60%,#b45309 100%);
  --text:#f3f4f6; --muted:#d1d5db; --dim:#828b9a;
  --sb:265px; --hd:72px;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{overflow-x:hidden}
body{font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.6;color:var(--text);background:var(--bg)}
a{color:inherit;text-decoration:none}
.serif{font-family:Cinzel,serif}

/* background: art under a crimson vignette (fixed, the content scrolls over it) */
.bg{position:fixed;top:0;bottom:0;left:var(--sb);right:0;z-index:0;pointer-events:none;overflow:hidden;background:var(--bg)}
.bg i{position:absolute;inset:0}
.bg .art{background:url(img/bg.webp) center/cover no-repeat;opacity:.24;filter:contrast(1.05) brightness(.85)}
.bg .vig{background:radial-gradient(circle,rgba(7,2,3,.15) 0%,rgba(7,2,3,.55) 60%,rgba(7,2,3,.95) 100%)}
.bg .tint{background:radial-gradient(70% 45% at 50% 0%,rgba(220,38,38,.18) 0%,transparent 70%)}

/* sidebar */
.sb{position:fixed;left:0;top:0;bottom:0;width:var(--sb);z-index:40;display:flex;flex-direction:column;background:linear-gradient(180deg,#0d0406 0%,#070203 100%);
  border-right:1px solid var(--line);box-shadow:4px 0 30px #000c}
.brand{display:flex;align-items:center;gap:12px;padding:20px 18px 16px;border-bottom:1px solid var(--line)}
.brand .em{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:20px;color:var(--gold2);
  background:radial-gradient(circle at 30% 30%,#3b0d12,#120406);border:1px solid var(--gold-line);box-shadow:0 0 18px rgba(220,38,38,.35)}
.brand b{display:block;font-family:Cinzel,serif;font-weight:900;font-size:21px;letter-spacing:.06em;background:var(--gold-text);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.1}
.brand small{display:block;font-size:10.5px;letter-spacing:.22em;color:var(--crimson2);font-weight:700;text-transform:uppercase}
.search{margin:14px 14px 6px;position:relative}
.search input{width:100%;height:38px;border-radius:10px;border:1px solid var(--line);background:#0a0304;color:var(--text);padding:0 12px 0 34px;font:inherit;font-size:13px;outline:0}
.search input:focus{border-color:var(--line2)}
.search i{position:absolute;left:12px;top:11px;color:var(--dim);font-size:13px}
.nav{flex:1;overflow-y:auto;padding:6px 12px 14px;scrollbar-width:thin;scrollbar-color:#3b0d12 transparent}
.grp{margin:16px 6px 6px;font-size:10px;font-weight:800;letter-spacing:.2em;color:var(--gold);text-transform:uppercase;display:flex;align-items:center;gap:8px}
.grp::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--gold-line),transparent)}
.nav a{display:flex;align-items:center;gap:10px;padding:9px 12px;margin:3px 0;border-radius:10px;font-size:12px;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;color:var(--muted);background:var(--btn);border:1px solid rgba(220,38,38,.12);transition:all .2s}
.nav a i{width:16px;text-align:center;color:var(--crimson2);font-size:12px}
.nav a:hover{background:var(--btn-h);border-color:var(--line2);color:#fff}
.nav a.on{background:var(--btn-on);border-color:#ef4444;color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.3),inset 0 0 14px rgba(220,38,38,.45);animation:flame 2.6s ease-in-out infinite}
.nav a.on i{color:#fff}
@keyframes flame{50%{box-shadow:inset 0 1px rgba(255,255,255,.5),inset 0 0 24px rgba(239,68,68,.85)}}
.nav .new{margin-left:auto;font-size:9px;padding:1px 6px;border-radius:5px;background:rgba(16,185,129,.2);border:1px solid rgba(16,185,129,.7);color:#6ee7b7;animation:blink 2s infinite}
@keyframes blink{50%{opacity:.35}}
.sbf{padding:12px 14px;border-top:1px solid var(--line);display:flex;align-items:center;gap:8px;font-size:11px;color:var(--dim)}
.sbf b{padding:4px 9px;border-radius:7px;border:1px solid var(--line);color:var(--muted);font-size:11px}
.sbf b.on{background:var(--btn-on);color:#fff;border-color:#ef4444}

/* main */
.main{position:relative;z-index:1;margin-left:var(--sb);min-height:100vh}
.hd{position:sticky;top:0;z-index:30;height:var(--hd);display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:0 26px;
  background:rgba(13,4,6,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.hd .burger{display:none;margin-right:auto}
.pill{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:10px;border:1px solid var(--line);background:var(--btn);
  font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);transition:all .2s;cursor:pointer}
.pill:hover{background:var(--btn-h);border-color:var(--line2);color:#fff}
.pill i{color:var(--crimson2)}
.pill.gold{border-color:var(--gold-line);color:var(--gold2)}
.pill.gold i{color:var(--gold2)}
.live{font-size:9.5px;font-weight:900;padding:2px 6px;border-radius:5px;background:#dc2626;color:#fff;display:inline-flex;align-items:center;gap:4px}
.live::before{content:"";width:5px;height:5px;border-radius:50%;background:#fff;animation:blink 1.2s infinite}
.content{padding:26px;max-width:1500px}

/* cards */
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;backdrop-filter:blur(10px);box-shadow:0 10px 40px rgba(0,0,0,.55)}
.ch{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line)}
.ch h3{font-family:Cinzel,serif;font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.ch .tg{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:8px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  background:linear-gradient(180deg,#dc2626,#7f1d1d);color:#fff;box-shadow:0 0 14px rgba(220,38,38,.4)}
.ch .r{margin-left:auto;font-size:11px;color:var(--dim);font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.cb{padding:16px 18px}

/* home */
.top{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);gap:18px}
.banner{position:relative;border-radius:16px;overflow:hidden;min-height:330px;border:1px solid var(--line2);box-shadow:0 0 0 1px rgba(245,158,11,.12),0 20px 50px #000c;
  background:url(img/banner.webp) center/cover}
.banner::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(7,2,3,.15) 0%,rgba(7,2,3,.65) 75%),linear-gradient(0deg,rgba(7,2,3,.9) 0%,transparent 45%)}
.banner .in{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}
.banner .crest{font-family:Cinzel,serif;font-size:12px;font-weight:800;letter-spacing:.3em;color:var(--gold2);padding:6px 14px;border:1px solid var(--gold-line);border-radius:30px;background:rgba(7,2,3,.6)}
.banner h1{font-family:Cinzel,serif;font-weight:900;font-size:56px;line-height:1;margin:14px 0 6px;letter-spacing:.04em;background:var(--gold-text);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 4px 18px rgba(0,0,0,.9)) drop-shadow(0 0 22px rgba(220,38,38,.35))}
.banner h2{font-family:Cinzel,serif;font-size:19px;font-weight:800;letter-spacing:.18em;color:#fff;text-shadow:0 2px 10px #000}
.banner p{margin-top:10px;color:var(--muted);font-size:13px;font-style:italic;animation:glow 3s ease-in-out infinite}
@keyframes glow{0%,100%{color:var(--gold2);text-shadow:0 0 5px rgba(245,158,11,.4);opacity:.75}50%{color:#fff;text-shadow:0 0 12px rgba(245,158,11,.8);opacity:1}}
.promos{display:grid;grid-template-rows:1fr 1fr;gap:18px}
.promo{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line);background-size:cover;background-position:center;min-height:150px;display:flex;align-items:flex-end;transition:all .25s}
.promo:hover{border-color:var(--line2);transform:translateY(-2px)}
.promo::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,2,3,.95) 10%,rgba(7,2,3,.25) 70%)}
.promo .in{position:relative;padding:16px}
.promo small{font-size:10.5px;font-weight:800;letter-spacing:.16em;color:var(--crimson2)}
.promo b{display:block;font-family:Cinzel,serif;font-size:19px;font-weight:900;color:#fff;line-height:1.15}
.promo span{font-size:12px;color:var(--muted)}
.notice{display:flex;align-items:center;gap:12px;margin:18px 0;padding:8px 8px 8px 10px;border-radius:12px;background:var(--card2);border:1px solid var(--line);overflow:hidden}
.notice .nt{flex:none;display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:8px;font-weight:900;font-size:11.5px;letter-spacing:.1em;color:#fff;background:linear-gradient(180deg,#dc2626,#7f1d1d)}
.notice .nt i{animation:bell 1.8s ease-in-out infinite;transform-origin:top center}
@keyframes bell{0%,60%,100%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-12deg)}30%{transform:rotate(8deg)}40%{transform:rotate(-5deg)}}
.mq{flex:1;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.mq .tr{display:flex;width:max-content;gap:42px;white-space:nowrap;animation:tick 32s linear infinite}
.mq:hover .tr{animation-play-state:paused}
@keyframes tick{to{transform:translateX(-50%)}}
.mq a{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}
.mq a b{color:#fff}
.mq a .d{font-size:11px;font-weight:800;color:var(--gold2);padding:2px 7px;border-radius:6px;border:1px solid var(--gold-line)}
.notice .go{flex:none}
.grid2{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);gap:18px}
.stack{display:flex;flex-direction:column;gap:18px;min-width:0}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.fact{padding:14px;border-radius:12px;background:#0a0304cc;border:1px solid var(--line);text-align:center}
.fact i{font-size:18px;color:var(--crimson2);margin-bottom:6px}
.fact b{display:block;font-family:Cinzel,serif;font-size:20px;font-weight:900;background:var(--gold-text);-webkit-background-clip:text;background-clip:text;color:transparent}
.fact small{font-size:10.5px;font-weight:800;letter-spacing:.12em;color:var(--dim);text-transform:uppercase}
.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.qk{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 10px 14px;border-radius:12px;background:var(--btn);border:1px solid rgba(220,38,38,.15);text-align:center;transition:all .2s}
.qk:hover{background:var(--btn-h);border-color:var(--line2);transform:translateY(-2px)}
.qk .ic{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;font-size:20px;color:var(--gold2);background:radial-gradient(circle at 30% 30%,#3b0d12,#140608);border:1px solid var(--gold-line)}
.qk b{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff}
.qk small{font-size:11px;color:var(--dim);line-height:1.35}
.days{display:flex;gap:4px;margin-bottom:12px;flex-wrap:wrap}
.days b{flex:1;min-width:38px;text-align:center;padding:6px 0;border-radius:8px;font-size:11px;font-weight:800;color:var(--dim);border:1px solid var(--line);background:#0a0304;cursor:pointer}
.days b.on{background:var(--btn-on);color:#fff;border-color:#ef4444}
.evr{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;margin-bottom:7px;background:#0a0304b3;border:1px solid rgba(220,38,38,.12)}
.evr .t{font-family:ui-monospace,Consolas,monospace;font-size:12.5px;font-weight:800;color:var(--gold2);padding:3px 7px;border-radius:6px;border:1px solid var(--gold-line);background:#140608}
.evr b{flex:1;font-size:12.5px;font-weight:600;color:var(--text);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.evr .st{font-size:10px;font-weight:800;letter-spacing:.06em;padding:2px 7px;border-radius:5px}
.st.live2{background:rgba(16,185,129,.2);border:1px solid rgba(16,185,129,.7);color:#6ee7b7;animation:blink 2s infinite}
.st.next{background:rgba(245,158,11,.15);border:1px solid var(--gold-line);color:var(--gold2)}
.st.done{color:var(--dim);border:1px solid #ffffff14}

/* article pages */
.page-h{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.page-h .ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-size:22px;color:var(--gold2);background:radial-gradient(circle at 30% 30%,#3b0d12,#140608);border:1px solid var(--gold-line);box-shadow:0 0 18px rgba(220,38,38,.3)}
.page-h h1{font-family:Cinzel,serif;font-size:28px;font-weight:900;letter-spacing:.04em;background:var(--gold-text);-webkit-background-clip:text;background-clip:text;color:transparent}
.page-h p{color:var(--dim);font-size:13px}
.prose{color:var(--muted);font-size:14px}
.prose h3{font-family:Cinzel,serif;color:#fff;font-size:16px;letter-spacing:.06em;margin:22px 0 8px}
.prose h3:first-child{margin-top:0}
.prose p{margin:8px 0}
.prose ul{margin:8px 0 8px 18px}
.prose li{margin:4px 0}
.prose b{color:#fff}
.prose .hl{color:var(--gold2);font-weight:700}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.sys{padding:18px;border-radius:14px;background:var(--card);border:1px solid var(--line);transition:all .2s}
.sys:hover{border-color:var(--line2);box-shadow:0 0 22px rgba(220,38,38,.18)}
.sys .top2{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.sys .ic{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-size:18px;color:var(--gold2);background:radial-gradient(circle at 30% 30%,#3b0d12,#140608);border:1px solid var(--gold-line)}
.sys h4{font-family:Cinzel,serif;font-size:15px;font-weight:800;color:#fff;letter-spacing:.04em}
.sys .when{font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--crimson2);text-transform:uppercase}
.sys p{font-size:13px;color:var(--muted)}
.sys ul{margin:8px 0 0 16px;font-size:12.5px;color:var(--muted)}
table.tb{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}
.tb th{text-align:left;font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);padding:10px 12px;background:#140608;border-bottom:1px solid var(--line)}
.tb td{padding:9px 12px;border-bottom:1px solid rgba(220,38,38,.08);color:var(--muted)}
.tb tr:hover td{background:rgba(220,38,38,.06)}
.tb .num{font-variant-numeric:tabular-nums;color:#fff;font-weight:600}
.rate{display:inline-flex;align-items:center;gap:8px;min-width:120px}
.rate i{flex:1;height:6px;border-radius:3px;background:#1f0a0d;overflow:hidden;position:relative}
.rate i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--w);background:linear-gradient(90deg,#b45309,#fbbf24)}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.tabs a{padding:7px 13px;border-radius:9px;font-size:12px;font-weight:800;letter-spacing:.04em;color:var(--muted);background:var(--btn);border:1px solid rgba(220,38,38,.15)}
.tabs a.on{background:var(--btn-on);color:#fff;border-color:#ef4444}
.pus{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.pi{display:flex;gap:12px;align-items:center;padding:12px;border-radius:12px;background:var(--card);border:1px solid var(--line)}
.pi img{width:42px;height:42px;border-radius:8px;border:1px solid var(--gold-line);background:#000}
.pi b{display:block;font-size:13px;color:#fff;line-height:1.3}
.pi .pr{font-size:12px;font-weight:800;color:var(--gold2)}
.pi .old{font-size:11px;color:var(--dim);text-decoration:line-through;margin-left:6px}
.faq details{border:1px solid var(--line);border-radius:12px;background:var(--card);margin-bottom:10px;overflow:hidden}
.faq summary{cursor:pointer;list-style:none;padding:14px 16px;font-weight:700;color:#fff;display:flex;align-items:center;gap:10px}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{color:var(--crimson2)}
.faq summary::after{content:"\f078";font-family:"Font Awesome 6 Free";font-weight:900;margin-left:auto;font-size:11px;color:var(--dim);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(180deg)}
.faq .a{padding:0 16px 14px 42px;color:var(--muted);font-size:13.5px}
.news-l a{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:12px;background:var(--card);border:1px solid var(--line);margin-bottom:10px;transition:all .2s}
.news-l a:hover{border-color:var(--line2)}
.news-l .bd{font-size:10px;font-weight:900;letter-spacing:.08em;padding:3px 8px;border-radius:6px;text-transform:uppercase}
.news-l b{flex:1;color:#fff;font-size:14px}
.news-l .d{font-size:12px;color:var(--dim)}
.empty{padding:22px;text-align:center;color:var(--dim)}

@media (max-width:1200px){.top,.grid2{grid-template-columns:1fr}.promos{grid-template-rows:none;grid-template-columns:1fr 1fr}.facts,.quick{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){
  .sb{transform:translateX(-100%);transition:transform .3s}
  body.menu .sb{transform:none}
  .main{margin-left:0}.bg{left:0}
  .hd{padding:0 14px}.hd .burger{display:inline-flex}.hd .hide-m{display:none}
  .content{padding:16px}
  .banner{min-height:260px}.banner h1{font-size:38px}.banner h2{font-size:14px}
  .promos{grid-template-columns:1fr}
}

/* LegendMyko logo in the sidebar (2026-10-14) */
.brand{flex-direction:column;gap:2px;padding:14px 16px 12px}
.brand img{width:200px;height:auto;filter:drop-shadow(0 4px 14px #000) drop-shadow(0 0 18px rgba(220,38,38,.25))}
.brand small{margin-top:-4px}

/* the dragon's fire canvas (north/fire.js) */
.firewrap{position:relative;display:inline-block;line-height:0}
.firecv{position:absolute;left:0;pointer-events:none;z-index:2}
.brand .firewrap{overflow:visible}

/* ---------------------------------------------------------------- 2026-10-14 upgrade page: the game's Magic Anvil
   (UI/ui_upgrade.dxt panel, cover halves, item_loadbar frames - Tools/web_ikon_uret.py) and item icons */
.up-tabs a{display:inline-flex;align-items:center;gap:8px;padding:6px 13px 6px 8px}
.up-tabs a img{width:24px;height:24px;border-radius:4px;border:1px solid #0009}
.up-top{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:start}
.anvil{position:relative;width:363px;height:275px;background:url(/north/img/ui/anvil.png) no-repeat;transform:scale(1.25);transform-origin:0 0;
  margin:0 91px 69px 0;filter:drop-shadow(0 16px 36px #000d)}
.anvil .sl{position:absolute;width:45px;height:45px;display:block}
.anvil .sl img{width:100%;height:100%;display:block;border-radius:2px}
.anvil .item{left:43px;top:94px}
.anvil .m0{left:111px;top:45px;animation:upUse 7s infinite}
.anvil .m1{left:159px;top:45px;animation:upUse 7s infinite}
.anvil .res{left:276px;top:94px;animation:upRes 7s infinite}
.anvil .cv{position:absolute;left:19px;width:325px;display:block;z-index:3;animation:upCv1 7s infinite}
.anvil .c1{top:42px;height:76px;background:url(/north/img/ui/anvil_cover1.png)}
.anvil .c2{top:118px;height:74px;background:url(/north/img/ui/anvil_cover2.png);animation-name:upCv2}
.anvil .lb{position:absolute;left:20px;top:85px;width:322px;height:64px;z-index:4;display:block;background:url(/north/img/ui/anvil_loadbar.png) 0 0/3220px 64px;
  opacity:0;animation:upLb 7s infinite,upLbF .45s steps(10) infinite;mix-blend-mode:screen}
.anvil .bt{position:absolute;top:226px;width:115px;height:15px;display:grid;place-items:center;font:800 9.5px/1 Inter,sans-serif;letter-spacing:.14em;color:#e9dcc0;
  text-shadow:0 1px 2px #000}
.anvil .b1{left:40px}.anvil .b2{left:208px}
@keyframes upCv1{0%,20%{transform:translateY(-34px);opacity:0}28%,70%{transform:none;opacity:1}78%,100%{transform:translateY(-34px);opacity:0}}
@keyframes upCv2{0%,20%{transform:translateY(34px);opacity:0}28%,70%{transform:none;opacity:1}78%,100%{transform:translateY(34px);opacity:0}}
@keyframes upLb{0%,30%{opacity:0}34%,66%{opacity:1}70%,100%{opacity:0}}
@keyframes upLbF{to{background-position:-3220px 0}}
@keyframes upUse{0%,60%{opacity:1}64%,100%{opacity:0}}
@keyframes upRes{0%,76%{opacity:0;filter:none}80%{opacity:1;filter:drop-shadow(0 0 10px #fbbf24) brightness(1.5)}90%,100%{opacity:1;filter:drop-shadow(0 0 4px #fbbf24)}}
@media (prefers-reduced-motion:reduce){.anvil *{animation:none!important}.anvil .cv,.anvil .lb{display:none}.anvil .res{opacity:1}}
.up-mat .mrow{display:flex;align-items:center;gap:12px;padding:10px;border-radius:10px;margin-bottom:8px;background:#0a0304b3;border:1px solid rgba(220,38,38,.14)}
.up-mat .mrow b{display:block;color:#fff;font-size:13.5px}
.up-mat .mrow small{color:var(--dim);font-size:12px}
.up-note{margin-top:12px;font-size:12.5px;color:var(--muted);line-height:1.6}
.up-note i{color:var(--gold)}
.gi{display:inline-block;width:40px;height:40px;flex:none;border-radius:6px;background:#000;border:1px solid var(--gold-line);box-shadow:inset 0 0 0 1px #000,0 0 10px rgba(220,38,38,.15);overflow:hidden}
.gi img{width:100%;height:100%;display:block}
.up-tb .pair{display:inline-flex;align-items:center;gap:8px}
.up-tb .pair i{color:var(--crimson2);font-size:11px}
.up-tb .gi{width:34px;height:34px}
@media (max-width:1200px){.up-top{grid-template-columns:1fr}}
@media (max-width:900px){.anvil{transform:scale(.85);margin:0 -54px -41px 0}}