/* ========================================================================
   DBAF.EU V12.1 — KAKAROT-INSPIRED ACTION RPG UI
   Original UI layer inspired by cinematic anime action-RPG presentation.
   Goals: strong DBZ atmosphere, readable PC layout, excellent mobile UX,
   clear hierarchy, large tap targets, no gameplay logic changes.
   ======================================================================== */
:root{
  --kk-ink:#09131d;
  --kk-ink-2:#102536;
  --kk-navy:#14364e;
  --kk-navy-2:#1e526f;
  --kk-paper:#f5f8f5;
  --kk-paper-2:#e7f0f3;
  --kk-line:#9ebdcb;
  --kk-line-soft:#d5e2e7;
  --kk-orange:#f39b2f;
  --kk-yellow:#ffd55d;
  --kk-blue:#56c9f5;
  --kk-blue-2:#2b8fc8;
  --kk-red:#df4d45;
  --kk-green:#43b77a;
  --kk-white:#fff;
  --kk-shadow:0 14px 34px rgba(17,49,68,.16);
  --kk-shadow-dark:0 16px 34px rgba(0,0,0,.28);
  --kk-radius:16px;
  --kk-radius-sm:11px;
  --kk-outline:2px solid rgba(8,31,45,.92);
}

html.dbaf-v121-ready{background:#cbdde4}
body.dbaf-heroes-shell{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-size:14px!important;
  line-height:1.5!important;
  color:#17394b!important;
  background:
    radial-gradient(circle at 10% 0%,rgba(83,194,239,.18),transparent 29%),
    radial-gradient(circle at 91% 5%,rgba(255,190,71,.13),transparent 22%),
    linear-gradient(180deg,#cfe4ec 0,#e7f0f3 36%,#d9e7ed 100%)!important;
}
body.dbaf-heroes-shell:before{
  opacity:.32!important;
  background-image:
    radial-gradient(circle,rgba(12,54,76,.08) 1px,transparent 1.2px),
    linear-gradient(115deg,transparent 0 48%,rgba(255,255,255,.19) 48% 50%,transparent 50% 100%)!important;
  background-size:10px 10px,78px 78px!important;
}

/* ===== Main shell ===== */
.dbaf-tp-shell{
  width:min(calc(100% - 22px),1540px)!important;
  grid-template-columns:226px minmax(0,1fr)!important;
  margin:11px auto!important;
  border:2px solid #17384a!important;
  border-radius:18px!important;
  background:#0a1e2d!important;
  box-shadow:0 22px 60px rgba(8,35,51,.25)!important;
  overflow:hidden!important;
}
.dbaf-tp-stage{
  min-width:0!important;
  background:
    radial-gradient(circle at 82% 8%,rgba(255,198,77,.08),transparent 20%),
    radial-gradient(circle at 15% 2%,rgba(68,183,228,.10),transparent 22%),
    linear-gradient(180deg,#f7fbfc,#e9f2f5 60%,#dfeaed)!important;
}
.dbaf-tp-columns{gap:13px!important;padding:13px 14px 24px!important}
.dbaf-tp-main,.dbaf-page-content{min-width:0!important}
.dbaf-tp-main{container-type:inline-size}

/* ===== Sidebar ===== */
.dbaf-tp-sidebar{
  position:relative!important;
  border:0!important;
  border-right:2px solid #234e64!important;
  border-radius:0!important;
  background:
    radial-gradient(circle at 48% -6%,rgba(82,207,255,.18),transparent 28%),
    linear-gradient(180deg,#081a29 0,#0b2436 44%,#071521 100%)!important;
  box-shadow:none!important;
}
.dbaf-tp-sidebar:before{
  content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;
  background:
    linear-gradient(135deg,transparent 0 46%,rgba(255,255,255,.025) 46% 49%,transparent 49% 100%),
    linear-gradient(180deg,transparent 0 82%,rgba(243,155,47,.055) 82% 100%)!important;
  background-size:28px 28px,100% 100%!important;
}
.dbaf-tp-brand{
  padding:18px 13px 15px!important;
  border-bottom:1px solid rgba(102,197,237,.17)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.025),transparent)!important;
}
.dbaf-tp-brand img{max-width:155px!important;filter:drop-shadow(0 6px 12px rgba(0,0,0,.35))!important}
.dbaf-tp-brand small{margin-top:6px!important;color:#75d9ff!important;font-size:8px!important;letter-spacing:2.2px!important;font-weight:900!important}
.dbaf-tp-navlist{padding:9px!important}
.dbaf-tp-navgroup{margin:0 0 11px!important}
.dbaf-tp-navlabel{padding:7px 9px 5px!important;color:#6e9eb4!important;font-size:8px!important;font-weight:1000!important;letter-spacing:1.35px!important}
.dbaf-tp-nav{
  position:relative!important;
  min-height:42px!important;
  margin:3px 0!important;
  padding:6px 9px!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  color:#d5e7ee!important;
  background:transparent!important;
  font-size:11px!important;
  font-weight:800!important;
  transition:.16s ease!important;
}
.dbaf-tp-nav:hover{transform:translateX(2px)!important;background:#12364d!important;border-color:rgba(103,208,248,.24)!important;color:#fff!important}
.dbaf-tp-nav.is-active{
  color:#fff!important;
  border-color:rgba(255,193,70,.46)!important;
  background:linear-gradient(100deg,rgba(238,145,32,.30),rgba(18,65,91,.70))!important;
  box-shadow:inset 4px 0 0 var(--kk-yellow),0 6px 14px rgba(0,0,0,.12)!important;
}
.dbaf-tp-nav.is-active:after{
  content:"";position:absolute;right:8px;width:8px;height:8px;border-radius:50%;background:var(--kk-yellow);box-shadow:0 0 9px rgba(255,213,93,.75)
}
.dbaf-tp-nav-icon{
  width:29px!important;height:29px!important;border-radius:8px!important;
  border:1px solid rgba(103,202,242,.20)!important;background:#0d2c40!important;color:#78dfff!important;box-shadow:none!important
}
.dbaf-tp-nav.is-active .dbaf-tp-nav-icon{color:#332000!important;background:linear-gradient(145deg,#ffe176,#f4a234)!important;border-color:#ffeaa8!important}
.dbaf-tp-sidequote{margin:12px!important;padding:11px!important;border:1px solid rgba(104,196,235,.15)!important;border-radius:11px!important;background:rgba(8,31,46,.66)!important}

/* ===== Top HUD ===== */
.v97-topbar.dbaf-tp-topbar{
  position:sticky!important;top:0!important;z-index:55!important;
  min-height:66px!important;padding:7px 10px!important;
  border:0!important;border-bottom:2px solid #17384a!important;border-radius:0!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(241,247,249,.97))!important;
  backdrop-filter:blur(12px)!important;box-shadow:0 7px 18px rgba(23,72,97,.10)!important
}
.v97-topbar.dbaf-tp-topbar:after{
  content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:linear-gradient(90deg,var(--kk-orange),var(--kk-yellow) 30%,var(--kk-blue) 65%,transparent 92%)
}
.v97-userplate{min-width:0!important;padding:2px 11px 2px 4px!important;border-right:1px solid #d3e0e5!important}
.v97-avatar-ring{width:44px!important;height:44px!important;border:2px solid #183b4c!important;background:#0b2538!important;box-shadow:0 0 0 3px #f0a233!important}
.v97-user-copy b{color:#102f40!important;font-size:12px!important;font-weight:1000!important}.v97-user-copy small{color:#6c8795!important;font-size:8px!important}
.v97-wallet{gap:6px!important}
.v97-wallet>div{min-width:100px!important;padding:6px 9px!important;border:1px solid #cddde4!important;border-radius:10px!important;background:#fff!important;box-shadow:0 3px 9px rgba(21,67,91,.05)!important}
.v97-wallet i{background:#102f43!important;color:#76dcff!important}.v97-wallet small{color:#758f9d!important;font-size:7.5px!important}.v97-wallet b{color:#173c4f!important;font-size:10px!important}
.v97-hp{min-width:144px!important;padding:6px 9px!important;border:1px solid #cddde4!important;border-radius:10px!important;background:#fff!important}.v97-hp>div span{color:#718d9b!important}.v97-hp>div b{color:#163b4e!important}.v97-hp>i{height:7px!important;background:#d8e5ea!important;border:1px solid #bfcfd7!important}.v97-hp>i>em{background:linear-gradient(90deg,#2ca76c,#78df99)!important}
.dbaf-tp-actions a{border:1px solid #c9dae2!important;border-radius:10px!important;background:#fff!important;color:#1b4b65!important;box-shadow:0 2px 8px rgba(13,55,77,.06)!important}.dbaf-tp-actions a:hover{border-color:#5fbde3!important;background:#f6fdff!important}.dbaf-tp-actions a.is-power{color:#c84550!important;background:#fff5f5!important;border-color:#efc3c6!important}

/* ===== Kakarot-style status ticker ===== */
.v121-scoutbar{
  position:relative;z-index:20;display:flex;align-items:center;gap:0;min-height:33px;overflow:hidden;
  border-bottom:1px solid #c5d8df;background:#0f2d40;color:#dff7ff;box-shadow:inset 0 -1px 0 rgba(255,255,255,.04)
}
.v121-scoutbar>strong{align-self:stretch;display:flex;align-items:center;padding:0 12px;background:linear-gradient(135deg,#f2a33d,#df7d1b);color:#1e170b;font-size:8px;font-weight:1000;letter-spacing:1.2px;white-space:nowrap}
.v121-scout-track{min-width:0;flex:1;overflow:hidden;white-space:nowrap}
.v121-scout-track>span{display:inline-flex;align-items:center;gap:16px;min-width:100%;padding-left:100%;animation:v121Ticker 26s linear infinite;font-size:8px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}
.v121-scout-track i{font-style:normal;color:#7ce3ff}.v121-scout-track b{color:#ffe06f}
@keyframes v121Ticker{to{transform:translateX(-100%)}}

/* ===== Hero ===== */
body.dbaf-heroes-home .v97-command-hero{
  min-height:350px!important;
  border:2px solid #17384a!important;border-radius:18px!important;
  background:
    linear-gradient(90deg,rgba(6,20,30,.98) 0%,rgba(7,26,40,.88) 45%,rgba(8,27,40,.35) 72%,rgba(7,22,32,.14) 100%),
    url('/stilius/heroes_city_hero.webp') center 48%/cover no-repeat!important;
  box-shadow:var(--kk-shadow-dark)!important;overflow:hidden!important
}
body.dbaf-heroes-home .v97-command-hero:before{
  content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;
  background:
    radial-gradient(circle at calc(72% + var(--hero-x,0px)) calc(25% + var(--hero-y,0px)),rgba(255,207,85,.22),transparent 17%),
    repeating-linear-gradient(118deg,transparent 0 39px,rgba(255,255,255,.035) 40px 43px,transparent 44px 84px)!important
}
body.dbaf-heroes-home .v97-command-hero:after{
  content:"";position:absolute;inset:auto -5% -60% 30%;height:90%;pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(81,203,248,.18),transparent 67%);filter:blur(8px)
}
.v97-hero-copy{max-width:650px!important;position:relative!important;z-index:3!important}
.v97-kicker{color:#7ce1ff!important;font-size:9px!important;letter-spacing:1.7px!important}.v97-kicker span{background:#ffb038!important;box-shadow:0 0 12px rgba(255,176,56,.5)!important}
.v97-hero-copy h1{margin-top:10px!important;font-family:Impact,"Arial Narrow",system-ui,sans-serif!important;font-size:clamp(38px,4.5vw,64px)!important;font-weight:900!important;letter-spacing:.4px!important;line-height:.93!important;text-transform:uppercase!important;text-shadow:0 6px 18px rgba(0,0,0,.55)!important}
.v97-hero-copy h1 small{margin-top:7px!important;font-family:Inter,system-ui,sans-serif!important;font-size:.31em!important;font-weight:850!important;letter-spacing:.2px!important;color:#d9eef6!important;text-transform:none!important}.v97-hero-copy h1 strong{color:#ffd65e!important;text-shadow:0 0 20px rgba(255,204,73,.16)!important}
.v97-hero-copy p{max-width:530px!important;color:#b5d0db!important;font-size:11px!important;line-height:1.65!important}
.v97-hero-actions{gap:7px!important}.v97-hero-actions a{min-height:43px!important;padding:0 15px!important;border:2px solid rgba(157,218,242,.33)!important;border-radius:10px!important;background:rgba(11,39,56,.86)!important;color:#e8f8ff!important;font-size:9px!important;font-weight:1000!important;letter-spacing:.7px!important;box-shadow:0 6px 14px rgba(0,0,0,.17)!important}.v97-hero-actions a:hover{transform:translateY(-1px)!important;border-color:#8fe4ff!important}.v97-hero-actions .v97-primary{color:#2d1d04!important;background:linear-gradient(180deg,#ffe278,#f1a136)!important;border-color:#ffeba7!important;box-shadow:0 7px 18px rgba(236,153,39,.24)!important}
.v97-exp-line{border:1px solid rgba(115,210,247,.24)!important;background:rgba(4,17,27,.62)!important;border-radius:10px!important}.v97-exp-line i{background:#162e3d!important}.v97-exp-line i em{background:linear-gradient(90deg,#f2a03b,#ffe16c,#5bd3f8)!important}
.v97-hero-stats{gap:6px!important}.v97-hero-stats>div{border:1px solid rgba(116,208,242,.22)!important;background:rgba(5,22,34,.67)!important;border-radius:10px!important;backdrop-filter:blur(5px)!important}.v97-hero-stats small{font-size:7px!important}.v97-hero-stats b{font-size:16px!important}.v97-hero-stats span{font-size:6.5px!important;color:#79cce9!important}
.v97-hero-fighter{z-index:2!important;transform:translate3d(var(--hero-x,0px),var(--hero-y,0px),0)!important;transition:transform .16s ease-out!important}.v97-hero-fighter img{max-height:330px!important;filter:drop-shadow(0 22px 26px rgba(0,0,0,.62)) saturate(1.08)!important}.v97-aura{filter:blur(2px)!important;opacity:.48!important}

/* ===== Home action cards ===== */
body.dbaf-heroes-home .dbaf-tp-homecards{gap:12px!important;margin-bottom:13px!important}
body.dbaf-heroes-home .dbaf-tp-homecard{
  min-height:205px!important;padding:0!important;border:2px solid #18394b!important;border-radius:15px!important;background:#0a2131!important;box-shadow:0 10px 24px rgba(13,52,71,.14)!important;overflow:hidden!important;transform:none!important
}
body.dbaf-heroes-home .dbaf-tp-homecard:before{inset:0!important;height:auto!important;filter:saturate(1.08) contrast(1.04) brightness(.76)!important;transform:scale(1.015)!important;transition:.24s ease!important}
body.dbaf-heroes-home .dbaf-tp-homecard:after{height:100%!important;background:linear-gradient(90deg,rgba(5,20,30,.98) 0%,rgba(6,25,38,.82) 47%,rgba(6,23,35,.22) 100%)!important}
body.dbaf-heroes-home .dbaf-tp-homecard:hover{transform:translateY(-3px)!important;border-color:#5bb9df!important;box-shadow:0 16px 30px rgba(10,45,63,.20)!important}.dbaf-tp-homecard:hover:before{transform:scale(1.055)!important;filter:saturate(1.16) contrast(1.05) brightness(.85)!important}
body.dbaf-heroes-home .dbaf-tp-homecard .v97-card-top{padding:13px 14px 0!important}.v97-card-code{min-width:30px!important;height:24px!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:7px!important;background:rgba(5,19,29,.66)!important;color:#7ddfff!important;font-size:8px!important;font-weight:1000!important}.v97-card-eyebrow{color:#b6d4df!important;font-size:7px!important;letter-spacing:1.1px!important}.v97-card-icon{width:31px!important;height:31px!important;border:1px solid rgba(255,255,255,.20)!important;border-radius:9px!important;background:rgba(6,21,31,.68)!important;color:#ffe16a!important;font-size:15px!important}
.v97-card-copy{padding:29px 15px 8px!important;max-width:65%!important}.v97-card-copy h2{font-family:Impact,"Arial Narrow",system-ui,sans-serif!important;color:#fff!important;font-size:27px!important;letter-spacing:.4px!important;line-height:1!important;text-transform:uppercase!important;text-shadow:0 3px 9px #000!important}.v97-card-copy p{margin-top:7px!important;color:#c8dfe8!important;font-size:9.5px!important;line-height:1.45!important}
.v97-card-foot{margin:0 14px 13px!important;padding-top:8px!important;border-top:1px solid rgba(255,255,255,.13)!important;color:#ffe06c!important;font-size:8px!important;font-weight:1000!important;letter-spacing:1px!important}.v97-card-foot i{width:29px!important;height:29px!important;display:grid!important;place-items:center!important;border-radius:8px!important;background:#173f56!important;color:#fff!important;font-style:normal!important}
body.dbaf-heroes-home .dbaf-tp-homecard.is-battle:before{background-image:url('/paveiksliukai/battle.png')!important;background-position:center 26%!important}
body.dbaf-heroes-home .dbaf-tp-homecard.is-universe:before{background-image:url('/paveiksliukai/DragonBallSuper.png')!important;background-position:78% 20%!important}
body.dbaf-heroes-home .dbaf-tp-homecard.is-saga:before{background-image:url('/paveiksliukai/gohan_icon.jpg')!important;background-position:78% 28%!important}
body.dbaf-heroes-home .dbaf-tp-homecard.is-raid:before{background-image:url('/paveiksliukai/broly god.png')!important;background-position:80% 20%!important;background-size:auto 125%!important;background-repeat:no-repeat!important;background-color:#111d26!important}
body.dbaf-heroes-home .dbaf-tp-homecard.is-mission:before{background-image:url('/paveiksliukai/misko_misijos.PNG')!important;background-position:center!important}
body.dbaf-heroes-home .dbaf-tp-homecard.is-kame:before{background-image:url('/paveiksliukai/roshi_fullpower.png')!important;background-position:80% 18%!important;background-size:auto 128%!important;background-repeat:no-repeat!important;background-color:#173044!important}
body.dbaf-heroes-home .dbaf-tp-homecard.is-tower:before{background-image:url('/paveiksliukai/kamilookout.jpg')!important;background-position:center!important}
body.dbaf-heroes-home .dbaf-tp-homecard.is-city:before{background-image:url('/paveiksliukai/satan_city.png')!important;background-position:83% 18%!important;background-size:auto 130%!important;background-repeat:no-repeat!important;background-color:#18364b!important}

/* Featured / compact rhythm */
body.dbaf-heroes-home .dbaf-tp-homecard.is-featured{min-height:220px!important}
body.dbaf-heroes-home .dbaf-tp-homecard.is-compact{min-height:154px!important}.dbaf-tp-homecard.is-compact .v97-card-copy{padding-top:15px!important}.dbaf-tp-homecard.is-compact .v97-card-copy h2{font-size:21px!important}.dbaf-tp-homecard.is-compact .v97-card-copy p{font-size:8.5px!important}

/* ===== Status / utility panels ===== */
.v97-command-dock,.v105-economy-panel,.v105-contest-panel,.v105-topic-card,.dbaf-story-card,.dbaf-notice,.v105-news-strip,.dbaf-utility-section{
  border:1px solid #c8dae1!important;border-radius:14px!important;background:#fff!important;box-shadow:0 7px 18px rgba(23,65,84,.07)!important
}
.v97-command-dock{overflow:hidden!important}.v97-dock-title{background:linear-gradient(90deg,#102f43,#173e55)!important;border-bottom:1px solid #2c5c75!important}.v97-dock-title small{color:#74d8fb!important}.v97-dock-title b{color:#fff!important}
.v97-dock-items{background:#f9fcfd!important}.v97-service{border-color:#dce8ed!important;background:#fff!important}.v97-service>span{background:#12374e!important;color:#78ddff!important}.v97-service.is-on>span{background:linear-gradient(145deg,#ffe06d,#f0a133)!important;color:#2e2006!important}.v97-service small{color:#7593a1!important}.v97-service b{color:#173b4d!important}
.dbaf-section-heading{border-bottom:1px solid #d5e3e8!important;background:#f5fafb!important}.dbaf-section-heading span{background:#15394f!important;color:#79ddff!important}.dbaf-section-heading b{color:#153a4d!important}.dbaf-section-heading small{color:#7794a2!important}
.dbaf-utility-grid{gap:7px!important;padding:9px!important}.dbaf-utility-link{min-height:48px!important;border:1px solid #d2e0e6!important;border-radius:10px!important;background:#fbfdfd!important;color:#21485b!important}.dbaf-utility-link:hover{border-color:#7bc5e3!important;background:#f3fbfd!important}.dbaf-utility-link>span{color:#e48d28!important}

/* ===== Right rail ===== */
.dbaf-tp-railcard,.heroes-live-chat{border:1px solid #c7d9e0!important;border-radius:14px!important;background:#fff!important;box-shadow:0 7px 18px rgba(18,61,82,.08)!important;overflow:hidden!important}
.dbaf-tp-railtitle{background:linear-gradient(90deg,#112f43,#163e56)!important;border-bottom:1px solid #2d5c74!important;color:#fff!important}.dbaf-tp-railtitle span{color:#ffd35d!important}
.dbaf-tp-railcard>a{min-height:42px!important;border-bottom:1px solid #e0eaee!important;color:#21495d!important;background:#fff!important;font-size:10px!important}.dbaf-tp-railcard>a:hover{background:#f3fafc!important;color:#0f83ba!important}.dbaf-tp-railcard>a i{color:#e9952f!important}
.heroes-live-chat .live-msg{margin:0 0 7px!important;padding:9px 10px!important;border:1px solid #d4e3e9!important;border-radius:10px!important;background:#f9fcfd!important;color:#173f52!important;font-size:10px!important}.heroes-live-chat textarea{min-height:70px!important}

/* ===== Internal page mastheads ===== */
body.dbaf-system-page .dbaf-page-masthead{
  min-height:150px!important;margin:0 0 13px!important;padding:22px 24px!important;
  border:2px solid #17384a!important;border-radius:16px!important;background:#0b2739!important;box-shadow:0 10px 24px rgba(12,49,67,.15)!important;overflow:hidden!important
}
body.dbaf-system-page .dbaf-page-masthead:before{opacity:.58!important;filter:saturate(1.10) brightness(.78)!important;background-position:87% center!important;background-size:auto 150%!important}
body.dbaf-system-page .dbaf-page-masthead:after{background:linear-gradient(90deg,rgba(5,19,29,.97),rgba(7,29,43,.78) 53%,rgba(7,24,36,.17))!important}
.dbaf-mast-copy{position:relative!important;z-index:2!important}.dbaf-mast-copy small{color:#7bddff!important;font-size:8px!important;font-weight:1000!important;letter-spacing:1.2px!important}.dbaf-mast-copy h1{font-family:Impact,"Arial Narrow",system-ui,sans-serif!important;margin:4px 0!important;color:#fff!important;font-size:31px!important;line-height:1!important;text-transform:uppercase!important;letter-spacing:.4px!important;text-shadow:0 4px 12px rgba(0,0,0,.48)!important}.dbaf-mast-copy p{max-width:620px!important;color:#b9d3de!important;font-size:10px!important;line-height:1.5!important}.dbaf-mast-icon{border:1px solid rgba(255,255,255,.18)!important;background:rgba(7,24,36,.56)!important;color:#ffd55f!important}

/* ===== Legacy content modernization ===== */
body.dbaf-heroes-shell .dbaf-page-content{color:#21475a!important;font-size:13px!important}
body.dbaf-heroes-shell .dbaf-page-content>.s1,
body.dbaf-heroes-shell .dbaf-page-content>.title,
body.dbaf-heroes-shell .dbaf-page-content>.heroes-system-title{
  position:relative!important;min-height:44px!important;padding:0 13px!important;display:flex!important;align-items:center!important;
  border:1px solid #234b60!important;border-left:5px solid var(--kk-orange)!important;border-radius:11px!important;
  background:linear-gradient(90deg,#102f43,#173f56)!important;color:#fff!important;font-size:10px!important;font-weight:1000!important;letter-spacing:.65px!important;text-transform:uppercase!important;box-shadow:0 4px 10px rgba(16,55,73,.09)!important
}
body.dbaf-heroes-shell .dbaf-page-content>.s1:after,
body.dbaf-heroes-shell .dbaf-page-content>.heroes-system-title:after{color:rgba(255,255,255,.08)!important}
body.dbaf-heroes-shell .dbaf-page-content>.s2,
body.dbaf-heroes-shell .dbaf-page-content>.menu_l,
body.dbaf-heroes-shell .dbaf-page-content>.menu_c,
body.dbaf-heroes-shell .dbaf-page-content>.sb,
body.dbaf-heroes-shell .dbaf-page-content>.in,
body.dbaf-heroes-shell .dbaf-page-content>.quest{
  margin:6px 0!important;padding:12px 13px!important;border:1px solid #cfdee4!important;border-radius:11px!important;background:#fff!important;color:#21475a!important;box-shadow:0 4px 12px rgba(20,64,84,.05)!important
}
body.dbaf-heroes-shell .dbaf-page-content>.s2 a,
body.dbaf-heroes-shell .dbaf-page-content>.menu_l a,
body.dbaf-heroes-shell .dbaf-page-content>.menu_c a{color:#0d81b5!important;font-weight:800!important}

/* ===== Forms ===== */
body.dbaf-heroes-shell input[type=text],body.dbaf-heroes-shell input[type=password],body.dbaf-heroes-shell input[type=number],body.dbaf-heroes-shell input[type=email],body.dbaf-heroes-shell select,body.dbaf-heroes-shell textarea{
  min-height:42px!important;padding:9px 11px!important;border:1px solid #b8cdd6!important;border-radius:10px!important;background:#fff!important;color:#183f52!important;font-size:13px!important;box-shadow:inset 0 1px 2px rgba(17,59,78,.04)!important;outline:none!important
}
body.dbaf-heroes-shell input:focus,body.dbaf-heroes-shell select:focus,body.dbaf-heroes-shell textarea:focus{border-color:#48add6!important;box-shadow:0 0 0 3px rgba(72,173,214,.13)!important}
body.dbaf-heroes-shell input[type=submit],body.dbaf-heroes-shell input[type=button],body.dbaf-heroes-shell button,body.dbaf-heroes-shell .dbaf-action,body.dbaf-heroes-shell .dbaf-premium-button{
  min-height:42px!important;padding:0 13px!important;border:2px solid #17394c!important;border-radius:10px!important;background:linear-gradient(180deg,#ffe174,#efa13a)!important;color:#2b1d05!important;font-size:10px!important;font-weight:1000!important;letter-spacing:.45px!important;box-shadow:0 4px 10px rgba(217,139,35,.14)!important
}
body.dbaf-heroes-shell input[type=submit]:hover,body.dbaf-heroes-shell button:hover,body.dbaf-heroes-shell .dbaf-action:hover{filter:brightness(1.03)!important;transform:translateY(-1px)!important}

/* ===== Tables ===== */
body.dbaf-heroes-shell table.dbaf-premium-table,body.dbaf-heroes-shell .v111-table-scroll>table{border:1px solid #bed1d9!important;border-radius:11px!important;background:#fff!important;box-shadow:none!important}
body.dbaf-heroes-shell table.dbaf-premium-table th,body.dbaf-heroes-shell .v111-table-scroll th{padding:10px!important;background:#12364d!important;color:#fff!important;border-color:#29556c!important;font-size:9px!important;text-transform:uppercase!important;letter-spacing:.5px!important}
body.dbaf-heroes-shell table.dbaf-premium-table td,body.dbaf-heroes-shell .v111-table-scroll td{padding:9px 10px!important;color:#21485b!important;border-color:#dce8ec!important;background:#fff!important;font-size:11px!important}
body.dbaf-heroes-shell table.dbaf-premium-table tr:nth-child(even) td,body.dbaf-heroes-shell .v111-table-scroll tr:nth-child(even) td{background:#f7fbfc!important}

/* ===== Battle / universe / saga / skill surfaces ===== */
.v93-combat-hero,.v87-unlock-card,.v87-u-fight,.v87-u-complete,.v87-boss-hero,.v87-boss-player,.v87-boss-top,.skill-card,.transform-card,.fusion-slot-premium,.fusion-learn-card,.mission-stage,.kz-zone,.kz-mob,.v87-universe-card,.v87-saga-card{
  border-width:1px!important;border-radius:13px!important;box-shadow:0 8px 18px rgba(7,39,57,.10)!important
}
.v93-combat-hero,.v87-u-fight,.v87-boss-player,.v87-boss-top{border-color:#315f78!important;background:#0d2b40!important}
.skill-card,.transform-card,.fusion-slot-premium,.fusion-learn-card{border-color:#c5d9e2!important;background:#fff!important;color:#21465a!important}.skill-card b,.transform-card b,.fusion-slot-premium b,.fusion-learn-card b{color:#173c4f!important}.skill-card small,.transform-card small,.fusion-slot-premium small,.fusion-learn-card small{color:#738f9d!important}
.skill-card.is-mastered,.transform-card.is-mastered{border-color:#79c8a2!important;background:#f6fcf8!important}
.v87-universe-card,.v87-saga-card{border:2px solid #17384a!important}
.kz-zone,.kz-mob,.mission-stage{border-color:#bfd4dd!important;background:#fff!important;color:#21475a!important}.kz-zone b,.kz-mob b,.mission-stage b{color:#173c4f!important}

/* ===== Notices ===== */
.dbaf-notice{border:1px solid #c6d9e1!important;border-left:5px solid #4aaed4!important;border-radius:10px!important;background:#fff!important;color:#21495d!important;box-shadow:0 4px 11px rgba(17,59,78,.05)!important}.dbaf-notice--danger{border-left-color:var(--kk-red)!important}.dbaf-notice--success{border-left-color:var(--kk-green)!important}.dbaf-notice--event{border-left-color:var(--kk-orange)!important}.dbaf-notice--admin{border-left-color:var(--kk-blue)!important}

/* ===== Public/login/register ===== */
body.dbaf-guest-heroes{background:linear-gradient(180deg,#071724,#0c293d)!important;color:#dff5ff!important}
body.dbaf-guest-heroes .dbaf-guest-hero{min-height:330px!important;border:2px solid #214f67!important;border-radius:18px!important;background:linear-gradient(90deg,rgba(5,19,29,.95),rgba(5,21,32,.25)),url('/stilius/heroes_city_hero.webp') center/cover no-repeat!important;box-shadow:0 20px 44px rgba(0,0,0,.28)!important}
body.dbaf-guest-heroes .s1,body.dbaf-guest-heroes .s2,body.dbaf-guest-heroes .in,body.dbaf-guest-heroes .quest{border-color:#2f6078!important;border-radius:11px!important;background:#0e2c42!important;color:#eefaff!important;box-shadow:none!important}
body.dbaf-guest-heroes input,body.dbaf-guest-heroes select,body.dbaf-guest-heroes textarea{border-radius:10px!important;font-size:15px!important}

/* ===== Desktop layout ===== */
@media(min-width:1181px){
  body.dbaf-heroes-home .dbaf-tp-columns{grid-template-columns:minmax(0,1fr) 300px!important}
  body.dbaf-heroes-home .dbaf-tp-homecards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.dbaf-heroes-home .dbaf-tp-homecard.is-compact{min-height:158px!important}
  .dbaf-tp-rail{position:relative!important}.dbaf-tp-rail>*{position:relative!important}
}

/* ===== Tablet/mobile ===== */
@media(max-width:1180px){
  .dbaf-tp-shell{display:block!important;width:100%!important;max-width:none!important;margin:0!important;border:0!important;border-radius:0!important;min-height:100vh!important}
  .dbaf-tp-sidebar{position:fixed!important;z-index:110!important;left:0!important;top:0!important;bottom:0!important;width:min(88vw,310px)!important;height:100dvh!important;transform:translateX(-103%)!important;transition:transform .18s ease!important;overflow-y:auto!important;box-shadow:20px 0 40px rgba(0,0,0,.36)!important}
  body.dbaf-menu-open .dbaf-tp-sidebar{transform:translateX(0)!important}
  body.dbaf-menu-open:after{content:"";position:fixed;z-index:100;inset:0;background:rgba(1,8,14,.62);backdrop-filter:blur(2px)}
  .dbaf-tp-stage{min-height:100vh!important}.dbaf-tp-columns{padding:9px 9px 86px!important}
  .v97-topbar.dbaf-tp-topbar{min-height:58px!important;grid-template-columns:auto minmax(0,1fr) auto!important;padding:6px 7px!important}
  .v97-wallet,.v97-hp{display:none!important}.dbaf-tp-menu-toggle{display:grid!important;width:41px!important;height:41px!important;border:2px solid #15384a!important;border-radius:9px!important;background:#12364c!important;color:#fff!important}.dbaf-tp-user{border-right:0!important;padding-right:4px!important}.v97-avatar-ring{width:40px!important;height:40px!important}.dbaf-tp-actions a:not(.is-power){display:none!important}.dbaf-tp-actions a{width:39px!important;height:39px!important}
  body.dbaf-heroes-home .dbaf-tp-columns{display:block!important}.dbaf-tp-rail{display:block!important;margin-top:10px!important}
  .v121-scoutbar{min-height:30px}.v121-scoutbar>strong{padding:0 8px;font-size:7px}.v121-scout-track>span{font-size:7px;gap:12px}
  .v120-mobile-dock{z-index:95!important;border:2px solid #17394c!important;background:rgba(7,25,38,.96)!important;box-shadow:0 12px 28px rgba(0,0,0,.34)!important}
  .v120-mobile-dock a,.v120-mobile-dock button{font-size:8px!important;color:#cfe5ee!important}.v120-mobile-dock a span,.v120-mobile-dock button span{color:#75d9fb!important}.v120-mobile-dock a.is-active{background:linear-gradient(180deg,rgba(243,155,47,.26),rgba(243,155,47,.09))!important}.v120-mobile-dock a.is-active span{color:#ffd55d!important}
}

@media(max-width:760px){
  body.dbaf-heroes-shell{font-size:14px!important}
  .dbaf-tp-columns{padding-left:7px!important;padding-right:7px!important}
  body.dbaf-heroes-home .v97-command-hero{min-height:300px!important;padding:18px 15px!important;border-radius:14px!important;background-position:58% center!important}
  .v97-hero-copy{max-width:82%!important}.v97-hero-copy h1{font-size:37px!important}.v97-hero-copy h1 small{font-size:12px!important;line-height:1.2!important}.v97-hero-copy p{max-width:88%!important;font-size:10px!important;line-height:1.45!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .v97-hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}.v97-hero-actions a{min-height:43px!important;padding:0 8px!important;font-size:8px!important}.v97-hero-actions .v97-primary{grid-column:1/-1}
  .v97-exp-line{max-width:96%!important}.v97-hero-stats{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:4px!important}.v97-hero-stats>div{padding:7px!important}.v97-hero-stats b{font-size:13px!important}.v97-hero-fighter{right:-10%!important;width:52%!important;opacity:.72!important}
  body.dbaf-heroes-home .dbaf-tp-homecards{grid-template-columns:1fr!important;gap:8px!important}.dbaf-tp-homecard.is-featured,.dbaf-tp-homecard.is-compact{min-height:168px!important}.v97-card-copy{max-width:72%!important;padding:22px 13px 7px!important}.v97-card-copy h2,.dbaf-tp-homecard.is-compact .v97-card-copy h2{font-size:23px!important}.v97-card-copy p,.dbaf-tp-homecard.is-compact .v97-card-copy p{font-size:9px!important}.v97-card-foot{margin:0 12px 11px!important}
  body.dbaf-system-page .dbaf-page-masthead{min-height:122px!important;padding:16px!important;border-radius:13px!important}.dbaf-mast-copy h1{font-size:25px!important}.dbaf-mast-copy p{max-width:70%!important;font-size:9px!important}.dbaf-mast-icon{display:none!important}
  body.dbaf-heroes-shell .dbaf-page-content{font-size:13px!important}.dbaf-page-content>.s1,.dbaf-page-content>.title,.dbaf-page-content>.heroes-system-title{min-height:42px!important;font-size:9px!important}.dbaf-page-content>.s2,.dbaf-page-content>.menu_l,.dbaf-page-content>.menu_c,.dbaf-page-content>.sb,.dbaf-page-content>.in{padding:11px!important}
  body.dbaf-heroes-shell input[type=text],body.dbaf-heroes-shell input[type=password],body.dbaf-heroes-shell input[type=number],body.dbaf-heroes-shell input[type=email],body.dbaf-heroes-shell select,body.dbaf-heroes-shell textarea{width:100%!important;max-width:100%!important;min-height:46px!important;font-size:16px!important;box-sizing:border-box!important}
  body.dbaf-heroes-shell input[type=submit],body.dbaf-heroes-shell input[type=button],body.dbaf-heroes-shell button,body.dbaf-heroes-shell .dbaf-action,body.dbaf-heroes-shell .dbaf-premium-button{min-height:46px!important;font-size:11px!important}
  .skill-grid,.skill-grid-premium,.transform-grid,.fusion-grid,.fusion-learning,.mission-stage-grid,.v87-universe-grid,.v87-saga-grid,.kz-zone-grid,.kz-mob-list{grid-template-columns:1fr!important}.v87-u-route{grid-template-columns:1fr 1fr!important}.v87-boss-player{grid-template-columns:1fr 1fr!important}.v87-u-objective{width:100%!important}
  .v111-table-scroll{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.v111-table-scroll table{min-width:620px!important}
  body.dbaf-guest-heroes{width:100%!important;margin:0!important;padding:0 7px 22px!important}.dbaf-guest-hero{min-height:250px!important;padding:18px!important;border-radius:0 0 14px 14px!important}
}

@media(max-width:460px){
  .v97-user-copy b{font-size:11px!important}.v97-user-copy small{max-width:122px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.dbaf-tp-actions a{width:36px!important;height:36px!important}
  body.dbaf-heroes-home .v97-command-hero{min-height:286px!important}.v97-hero-copy{max-width:88%!important}.v97-hero-copy h1{font-size:31px!important}.v97-hero-fighter{right:-17%!important;width:58%!important;opacity:.62!important}.v97-hero-actions a{font-size:7.5px!important}
  .v97-hero-stats small,.v97-hero-stats span{font-size:6.5px!important}.v97-hero-stats b{font-size:12px!important}
  .dbaf-tp-homecard.is-featured,.dbaf-tp-homecard.is-compact{min-height:156px!important}.v97-card-copy{max-width:78%!important}.v97-card-copy h2,.dbaf-tp-homecard.is-compact .v97-card-copy h2{font-size:20px!important}.v97-card-copy p{font-size:8.5px!important}.v97-card-eyebrow{max-width:130px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .v120-mobile-dock{left:5px!important;right:5px!important;bottom:max(5px,env(safe-area-inset-bottom))!important;border-radius:12px!important}.v120-mobile-dock a,.v120-mobile-dock button{min-height:47px!important}
  .v87-u-route{grid-template-columns:1fr!important}.v87-boss-player{grid-template-columns:1fr!important}
}

@media(prefers-reduced-motion:reduce){
  .v121-scout-track>span{animation:none!important;padding-left:12px!important}.v97-hero-fighter,.dbaf-tp-nav,.dbaf-tp-homecard,.skill-card,.transform-card,.v87-universe-card,.v87-saga-card{transition:none!important;animation:none!important;transform:none!important}
}