/* ========================================================================
   DBAF.EU V12.0 — WAP RPG / ANIME HUD
   Tik UI sluoksnis. Tikslas: unikalus Dragon Ball įkvėptas RPG vaizdas,
   bet paprastas valdymas, aiški hierarchija ir greitas mobile naudojimas.
   ======================================================================== */
:root{
  --rpg-bg:#07111c;
  --rpg-bg-2:#0b1c2b;
  --rpg-panel:#0d2538;
  --rpg-panel-2:#102f46;
  --rpg-panel-soft:#eaf4f8;
  --rpg-line:rgba(105,194,231,.25);
  --rpg-line-strong:rgba(111,213,255,.48);
  --rpg-cyan:#66dcff;
  --rpg-blue:#4f88ff;
  --rpg-orange:#ffb13c;
  --rpg-gold:#ffd76a;
  --rpg-green:#65e3a5;
  --rpg-red:#ff6375;
  --rpg-text:#eefaff;
  --rpg-muted:#91adbc;
  --rpg-ink:#0b2435;
  --rpg-radius:14px;
  --rpg-radius-sm:10px;
  --rpg-shadow:0 12px 26px rgba(3,14,23,.24);
}

html.dbaf-v120-ready{background:var(--rpg-bg)}
body.dbaf-heroes-shell{
  background:
    radial-gradient(circle at 12% 2%,rgba(52,164,223,.10),transparent 24%),
    radial-gradient(circle at 92% 15%,rgba(255,170,58,.065),transparent 20%),
    linear-gradient(180deg,#07131f 0,#0b1b29 48%,#091724 100%)!important;
  color:var(--rpg-text)!important;
}
body.dbaf-heroes-shell:before{
  opacity:.08!important;
  background-image:
    linear-gradient(rgba(111,213,255,.10) 1px,transparent 1px),
    linear-gradient(90deg,rgba(111,213,255,.10) 1px,transparent 1px)!important;
  background-size:34px 34px!important;
}

/* ---------- App shell ---------- */
.dbaf-tp-shell{
  width:min(calc(100% - 24px),1460px)!important;
  grid-template-columns:210px minmax(0,1fr)!important;
  margin:12px auto!important;
  border:1px solid rgba(103,189,228,.17)!important;
  border-radius:18px!important;
  background:rgba(7,20,31,.72)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.28)!important;
  overflow:hidden!important;
}
.dbaf-tp-stage{min-width:0!important;background:linear-gradient(180deg,rgba(235,247,251,.98),rgba(222,239,247,.98))!important}
.dbaf-tp-columns{gap:11px!important;padding:11px 12px 20px!important}
.dbaf-tp-main,.dbaf-page-content{min-width:0!important}

/* ---------- Sidebar: simple RPG menu ---------- */
.dbaf-tp-sidebar{
  position:relative!important;
  border:0!important;
  border-right:1px solid rgba(104,196,235,.17)!important;
  border-radius:0!important;
  background:
    radial-gradient(circle at 50% 4%,rgba(70,180,231,.12),transparent 24%),
    linear-gradient(180deg,#071a2a,#081522 72%,#07131e)!important;
  box-shadow:none!important;
}
.dbaf-tp-sidebar:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(120deg,transparent 0 49%,rgba(255,255,255,.018) 49% 50%,transparent 50%)!important;
  background-size:22px 22px!important;
}
.dbaf-tp-brand{padding:17px 12px 14px!important;border-bottom:1px solid rgba(106,198,236,.16)!important;background:rgba(6,17,27,.48)!important}
.dbaf-tp-brand img{max-width:150px!important;filter:drop-shadow(0 5px 10px rgba(0,0,0,.28))!important}
.dbaf-tp-brand small{margin-top:6px!important;color:#72c9e8!important;font-size:7px!important;letter-spacing:2px!important}
.dbaf-tp-navlist{padding:8px!important}
.dbaf-tp-navgroup{margin:0 0 10px!important}
.dbaf-tp-navlabel{padding:7px 8px 5px!important;color:#5e8ea6!important;font-size:7px!important;font-weight:900!important;letter-spacing:1.35px!important}
.dbaf-tp-nav{
  min-height:38px!important;
  margin:2px 0!important;
  padding:6px 8px!important;
  border:1px solid transparent!important;
  border-radius:9px!important;
  color:#c8dbe5!important;
  background:transparent!important;
  transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease!important;
}
.dbaf-tp-nav:hover{transform:translateX(2px)!important;background:#0d2b40!important;border-color:rgba(98,201,242,.22)!important;color:#fff!important}
.dbaf-tp-nav.is-active{
  color:#fff!important;
  border-color:rgba(255,181,61,.38)!important;
  background:linear-gradient(90deg,rgba(255,166,45,.20),rgba(16,57,82,.58))!important;
  box-shadow:inset 3px 0 0 var(--rpg-orange)!important;
}
.dbaf-tp-nav-icon{
  width:27px!important;height:27px!important;
  border-radius:8px!important;
  border:1px solid rgba(107,200,239,.18)!important;
  background:#0b2436!important;
  color:#72d7f8!important;
  box-shadow:none!important;
}
.dbaf-tp-nav.is-active .dbaf-tp-nav-icon{color:#301c00!important;background:linear-gradient(145deg,#ffd56a,#ff9d38)!important;border-color:#ffe09a!important}
.dbaf-tp-nav>i{color:#52798e!important}
.dbaf-tp-sidequote{margin:12px!important;padding:10px!important;border:1px solid rgba(105,192,231,.14)!important;border-radius:10px!important;background:rgba(8,28,43,.55)!important}

/* ---------- Top HUD ---------- */
.v97-topbar.dbaf-tp-topbar{
  position:sticky!important;top:0!important;z-index:35!important;
  min-height:62px!important;
  padding:7px 10px!important;
  border:0!important;
  border-bottom:1px solid #c6dce6!important;
  border-radius:0!important;
  background:rgba(246,251,253,.94)!important;
  backdrop-filter:blur(12px)!important;
  box-shadow:0 6px 18px rgba(23,72,97,.08)!important;
}
.v97-userplate{min-width:0!important;padding:2px 10px 2px 4px!important;border-right:1px solid #d7e6ed!important}
.v97-avatar-ring{width:42px!important;height:42px!important;border:2px solid #64ccee!important;background:#0d2a3d!important;box-shadow:0 0 0 3px rgba(99,205,241,.09)!important}
.v97-user-copy b{color:#12384d!important;font-size:11px!important}
.v97-user-copy small{color:#6e8d9e!important;font-size:7px!important}
.v97-wallet{gap:5px!important}
.v97-wallet>div{min-width:92px!important;padding:6px 8px!important;border:1px solid #d4e5ed!important;border-radius:9px!important;background:#fff!important;box-shadow:none!important}
.v97-wallet i{background:#102d42!important;color:#7ae0ff!important}
.v97-wallet small{color:#819aa7!important}
.v97-wallet b{color:#173e52!important}
.v97-hp{min-width:130px!important;padding:6px 8px!important;border:1px solid #d4e5ed!important;border-radius:9px!important;background:#fff!important}
.v97-hp>div span{color:#7894a2!important}.v97-hp>div b{color:#173b50!important}
.v97-hp>i{background:#dce9ef!important}.v97-hp>i>em{background:linear-gradient(90deg,#3bbd7e,#80e6a9)!important}
.dbaf-tp-actions a{border:1px solid #d1e2ea!important;border-radius:9px!important;background:#fff!important;color:#22506a!important;box-shadow:none!important}
.dbaf-tp-actions a.is-power{color:#d44c60!important;background:#fff4f5!important;border-color:#f2c8ce!important}

/* ---------- Home hero ---------- */
body.dbaf-heroes-home .v97-command-hero{
  min-height:310px!important;
  border:1px solid rgba(90,175,216,.42)!important;
  border-radius:18px!important;
  background:
    linear-gradient(90deg,rgba(5,20,32,.96) 0%,rgba(6,25,40,.88) 48%,rgba(5,19,31,.28) 100%),
    url('/paveiksliukai/DragonBallSuper.png') center 34%/cover no-repeat!important;
  box-shadow:var(--rpg-shadow)!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:linear-gradient(135deg,transparent 42%,rgba(103,218,255,.10) 43%,transparent 44%),radial-gradient(circle at 72% 25%,rgba(255,190,78,.16),transparent 19%)!important;
}
.v97-hero-copy{max-width:620px!important;position:relative!important;z-index:3!important}
.v97-kicker{color:#78ddff!important;letter-spacing:1.7px!important}.v97-kicker span{background:#ffb23e!important;box-shadow:0 0 12px rgba(255,177,58,.4)!important}
.v97-hero-copy h1{font-size:clamp(31px,4vw,54px)!important;letter-spacing:-1px!important;text-shadow:0 7px 20px rgba(0,0,0,.42)!important}
.v97-hero-copy h1 small{margin-top:4px!important;font-size:.44em!important;color:#d2edf7!important}.v97-hero-copy h1 strong{color:#ffd36a!important}
.v97-hero-copy p{max-width:540px!important;color:#acd0de!important;font-size:10px!important;line-height:1.55!important}
.v97-hero-actions a{min-height:38px!important;padding:0 13px!important;border-radius:9px!important;border:1px solid rgba(104,206,247,.25)!important;background:rgba(8,31,46,.78)!important;color:#dff8ff!important;box-shadow:none!important}
.v97-hero-actions .v97-primary{color:#2c1b00!important;background:linear-gradient(180deg,#ffd870,#f2a136)!important;border-color:#ffe4a1!important}
.v97-exp-line{border-color:rgba(109,210,247,.18)!important;background:rgba(4,18,29,.52)!important;border-radius:10px!important}
.v97-hero-stats>div{border-color:rgba(111,202,238,.18)!important;background:rgba(5,23,36,.56)!important;border-radius:10px!important}
.v97-hero-fighter img{filter:drop-shadow(0 18px 22px rgba(0,0,0,.55))!important}

/* ---------- Main action cards ---------- */
body.dbaf-heroes-home .dbaf-tp-homecards{gap:10px!important}
body.dbaf-heroes-home .dbaf-tp-homecard{
  min-height:172px!important;
  border:1px solid rgba(76,153,192,.38)!important;
  border-radius:14px!important;
  background:#081f31!important;
  box-shadow:0 9px 20px rgba(8,34,50,.13)!important;
  overflow:hidden!important;
  transform:none!important;
}
body.dbaf-heroes-home .dbaf-tp-homecard:before{filter:saturate(1.06) contrast(1.02) brightness(.78)!important}
body.dbaf-heroes-home .dbaf-tp-homecard:after{
  height:100%!important;
  background:linear-gradient(90deg,rgba(4,18,29,.96),rgba(5,21,34,.73) 56%,rgba(5,20,33,.18))!important;
}
body.dbaf-heroes-home .dbaf-tp-homecard:hover{transform:translateY(-2px)!important;border-color:rgba(93,201,242,.62)!important;box-shadow:0 14px 25px rgba(8,40,58,.17)!important}
body.dbaf-heroes-home .dbaf-tp-homecard h3,body.dbaf-heroes-home .dbaf-tp-homecard b{color:#fff!important;text-shadow:0 2px 7px rgba(0,0,0,.44)!important}
body.dbaf-heroes-home .dbaf-tp-homecard small{color:#bad5df!important}

/* ---------- Command/status modules ---------- */
.v97-command-dock,.v105-economy-panel,.v105-contest-panel,.v105-topic-card,.dbaf-story-card,.dbaf-notice,.v105-news-strip{
  border-radius:var(--rpg-radius)!important;
  box-shadow:0 8px 18px rgba(17,66,91,.10)!important;
}
.v97-command-dock{border:1px solid #c9dfe8!important;background:#f7fbfd!important}
.v97-command-dock>*{border-color:#d4e6ed!important}
.v105-rich-row,.v105-topic-row{border-color:#d5e6ed!important;background:#f7fbfd!important}

/* ---------- Internal pages ---------- */
body.dbaf-system-page .dbaf-page-masthead{
  min-height:145px!important;
  margin:0 0 11px!important;
  padding:22px 24px!important;
  border:1px solid rgba(79,162,203,.40)!important;
  border-radius:16px!important;
  box-shadow:0 12px 26px rgba(12,51,72,.14)!important;
  background:#092238!important;
}
body.dbaf-system-page .dbaf-page-masthead:before{opacity:.50!important;filter:saturate(1.05) brightness(.72)!important}
body.dbaf-system-page .dbaf-page-masthead:after{background:linear-gradient(90deg,rgba(5,20,32,.97),rgba(7,29,45,.77) 54%,rgba(6,22,35,.18))!important}
.dbaf-mast-copy{position:relative!important;z-index:2!important}.dbaf-mast-copy small{color:#76dfff!important;letter-spacing:1.6px!important}.dbaf-mast-copy h1{margin:5px 0!important;color:#fff!important;font-size:clamp(25px,3vw,38px)!important;letter-spacing:-.5px!important}.dbaf-mast-copy p{max-width:620px!important;color:#afd0de!important;font-size:10px!important;line-height:1.5!important}
.dbaf-mast-icon{z-index:2!important;border-radius:12px!important;background:rgba(5,24,37,.60)!important;border:1px solid rgba(107,203,241,.22)!important;box-shadow:none!important}

/* ---------- Legacy content becomes predictable RPG panels ---------- */
body.dbaf-heroes-shell .dbaf-page-content{color:#173e52!important;font-size:11px!important;line-height:1.45!important}
body.dbaf-heroes-shell .dbaf-page-content>.s1,
body.dbaf-heroes-shell .dbaf-page-content>.title,
body.dbaf-heroes-shell .dbaf-page-content>.title_in_game,
body.dbaf-heroes-shell .dbaf-page-content>.heroes-system-title{
  min-height:40px!important;
  margin:9px 0 0!important;
  padding:0 13px!important;
  display:flex!important;align-items:center!important;
  border:1px solid #c7dfe9!important;
  border-bottom:0!important;
  border-radius:12px 12px 0 0!important;
  background:linear-gradient(90deg,#0c2d43,#123b55)!important;
  color:#fff!important;
  font-size:10px!important;font-weight:1000!important;letter-spacing:.75px!important;text-transform:uppercase!important;
  box-shadow:none!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{
  margin:0 0 7px!important;
  padding:11px 12px!important;
  border:1px solid #cbdfe8!important;
  border-radius:11px!important;
  background:#f7fbfd!important;
  color:#214a5e!important;
  box-shadow:none!important;
}
body.dbaf-heroes-shell .dbaf-page-content>.s1 + .s2,
body.dbaf-heroes-shell .dbaf-page-content>.title + .s2,
body.dbaf-heroes-shell .dbaf-page-content>.heroes-system-title + .s2{border-radius:0 0 11px 11px!important}
body.dbaf-heroes-shell .dbaf-page-content a{color:#137ca5!important;text-decoration:none!important}
body.dbaf-heroes-shell .dbaf-page-content a:hover{color:#c77a00!important}
body.dbaf-heroes-shell .linija1{height:5px!important;opacity:.08!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:40px!important;
  padding:9px 11px!important;
  border:1px solid #bfd6e1!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#163d51!important;
  box-shadow:inset 0 1px 2px rgba(24,72,96,.05)!important;
  outline:none!important;
}
body.dbaf-heroes-shell input:focus,body.dbaf-heroes-shell select:focus,body.dbaf-heroes-shell textarea:focus{border-color:#57bfe6!important;box-shadow:0 0 0 3px rgba(73,181,226,.12)!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:40px!important;
  padding:0 13px!important;
  border:1px solid #2d7fa8!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,#219cc8,#1678a1)!important;
  color:#fff!important;
  font-weight:900!important;
  box-shadow:none!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.06)!important;transform:none!important}

/* ---------- Tables/list data ---------- */
body.dbaf-heroes-shell table.dbaf-premium-table,body.dbaf-heroes-shell .v111-table-scroll{border:1px solid #cadfe8!important;border-radius:11px!important;background:#fff!important;box-shadow:none!important}
body.dbaf-heroes-shell table.dbaf-premium-table th{background:#0e3048!important;color:#dff7ff!important;border-color:#28546b!important}
body.dbaf-heroes-shell table.dbaf-premium-table td{color:#214c61!important;border-color:#dce9ee!important;background:#fbfdfe!important}

/* ---------- Combat/progression components ---------- */
.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{
  border-radius:13px!important;
  box-shadow:0 8px 18px rgba(7,39,57,.12)!important;
}
.v93-combat-hero,.v87-u-fight,.v87-boss-player,.v87-boss-top{border-color:#356984!important;background:#0a263a!important}
.skill-card,.transform-card,.fusion-slot-premium,.fusion-learn-card{border-color:rgba(78,159,201,.34)!important}

/* ---------- Messages/chat ---------- */
.heroes-live-chat,.dbaf-tp-railcard{border:1px solid #c8dfe8!important;border-radius:14px!important;background:#f8fcfd!important;box-shadow:none!important}
.heroes-live-chat .live-msg{margin:0 0 6px!important;border:1px solid #d6e7ed!important;border-radius:9px!important;background:#fff!important;color:#1c475c!important}
.dbaf-notice{border:1px solid #c7dfe8!important;background:#f9fcfd!important;color:#214a5e!important}
.dbaf-notice--danger{border-left:4px solid var(--rpg-red)!important}.dbaf-notice--success{border-left:4px solid var(--rpg-green)!important}.dbaf-notice--event{border-left:4px solid var(--rpg-orange)!important}.dbaf-notice--admin{border-left:4px solid var(--rpg-cyan)!important}

/* ---------- Mobile RPG quick dock ---------- */
.v120-mobile-dock{display:none}
.v120-page-chip{display:none}

/* ---------- Guest/public pages ---------- */
body.dbaf-guest-heroes{
  background:linear-gradient(180deg,#07131f,#0a2032)!important;
  color:#dff5ff!important;
}
body.dbaf-guest-heroes .dbaf-guest-hero{
  border:1px solid rgba(97,195,234,.34)!important;
  border-radius:18px!important;
  background:
    linear-gradient(90deg,rgba(5,20,32,.92),rgba(5,20,32,.28)),
    url('/stilius/heroes_city_hero.webp') center/cover no-repeat!important;
  box-shadow:0 20px 44px rgba(0,0,0,.26)!important;
}
body.dbaf-guest-heroes .s1,body.dbaf-guest-heroes .s2,body.dbaf-guest-heroes .in,body.dbaf-guest-heroes .quest{border-color:#2b5e78!important;border-radius:11px!important;background:#0d2a40!important;color:#e9f8ff!important;box-shadow:none!important}
body.dbaf-guest-heroes input,body.dbaf-guest-heroes select,body.dbaf-guest-heroes textarea{border-radius:9px!important}

/* ---------- Responsive ---------- */
@media(min-width:1181px){
  .dbaf-tp-main{max-width:none!important}
  body.dbaf-heroes-home .dbaf-tp-columns{grid-template-columns:minmax(0,1fr) 290px!important}
  body.dbaf-heroes-home .dbaf-tp-homecards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:1180px){
  .dbaf-tp-shell{display:block!important;width:100%!important;margin:0!important;border:0!important;border-radius:0!important;min-height:100vh!important}
  .dbaf-tp-sidebar{
    position:fixed!important;z-index:100!important;left:0!important;top:0!important;bottom:0!important;
    width:min(86vw,300px)!important;height:100dvh!important;
    transform:translateX(-102%)!important;transition:transform .18s ease!important;
    overflow-y:auto!important;box-shadow:18px 0 36px rgba(0,0,0,.35)!important;
  }
  body.dbaf-menu-open .dbaf-tp-sidebar{transform:translateX(0)!important}
  body.dbaf-menu-open:after{content:"";position:fixed;z-index:90;inset:0;background:rgba(1,8,14,.58);backdrop-filter:blur(2px)}
  .dbaf-tp-stage{min-height:100vh!important}
  .dbaf-tp-columns{padding:8px 8px 84px!important}
  .v97-topbar.dbaf-tp-topbar{min-height:58px!important;grid-template-columns:auto minmax(0,1fr) auto!important;padding:6px 8px!important}
  .v97-wallet,.v97-hp{display:none!important}
  .dbaf-tp-menu-toggle{display:grid!important;width:40px!important;height:40px!important;border-radius:9px!important;background:#0e3047!important;color:#fff!important;border:0!important}
  .dbaf-tp-user{border-right:0!important;padding-right:4px!important}
  .v97-avatar-ring{width:39px!important;height:39px!important}
  .dbaf-tp-actions a:not(.is-power){display:none!important}
  .dbaf-tp-actions a{width:38px!important;height:38px!important}
  body.dbaf-heroes-home .dbaf-tp-columns{display:block!important}
  body.dbaf-heroes-home .dbaf-tp-rail{display:block!important;margin-top:9px!important}
  .v120-mobile-dock{
    position:fixed;z-index:80;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));
    display:grid;grid-template-columns:repeat(4,1fr);gap:4px;
    padding:5px;border:1px solid rgba(100,194,231,.24);border-radius:14px;
    background:rgba(6,22,34,.94);backdrop-filter:blur(13px);box-shadow:0 12px 30px rgba(0,0,0,.34)
  }
  .v120-mobile-dock a,.v120-mobile-dock button{
    min-width:0;min-height:48px;padding:4px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
    border:0!important;border-radius:10px!important;background:transparent!important;color:#bcd4df!important;text-decoration:none!important;font:800 7px/1.1 system-ui!important;letter-spacing:.4px!important
  }
  .v120-mobile-dock a span,.v120-mobile-dock button span{font-size:18px;line-height:1;color:#6fdcff}
  .v120-mobile-dock a.is-active{background:linear-gradient(180deg,rgba(255,181,61,.20),rgba(255,181,61,.08))!important;color:#fff!important}
  .v120-mobile-dock a.is-active span{color:#ffc95e!important}
  .v120-page-chip{display:flex;align-items:center;gap:6px;margin:0 0 7px;padding:7px 9px;border:1px solid #c9dfe8;border-radius:10px;background:#f7fbfd;color:#648594;font-size:8px;font-weight:900;letter-spacing:.7px;text-transform:uppercase}
  .v120-page-chip b{color:#173f53}.v120-page-chip i{margin-left:auto;font-style:normal;color:#c97d00}
}
@media(max-width:720px){
  body.dbaf-heroes-home .v97-command-hero{min-height:260px!important;padding:18px 15px!important;border-radius:14px!important;background-position:62% center!important}
  .v97-hero-copy{max-width:78%!important}.v97-hero-copy h1{font-size:31px!important}.v97-hero-copy h1 small{font-size:14px!important}.v97-hero-copy p{font-size:9px!important}
  .v97-hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important}.v97-hero-actions a{padding:0 8px!important;font-size:7.5px!important}.v97-hero-actions .v97-primary{grid-column:1/-1}
  .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:12px!important}
  .v97-hero-fighter{opacity:.68!important;right:-5%!important}
  body.dbaf-heroes-home .dbaf-tp-homecards{grid-template-columns:1fr!important;gap:7px!important}
  body.dbaf-heroes-home .dbaf-tp-homecard{min-height:150px!important;border-radius:12px!important;padding:12px!important}
  body.dbaf-system-page .dbaf-page-masthead{min-height:112px!important;padding:14px!important;border-radius:13px!important}
  .dbaf-mast-copy h1{font-size:22px!important}.dbaf-mast-copy p{max-width:70%!important;font-size:8px!important}.dbaf-mast-icon{display:none!important}
  body.dbaf-heroes-shell .dbaf-page-content{font-size:10px!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{min-height:38px!important;font-size:9px!important;padding:0 10px!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{padding:10px!important;border-radius:9px!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:44px!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:44px!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}
  body.dbaf-guest-heroes{width:100%!important;margin:0!important;padding:0 7px 20px!important}.dbaf-guest-hero{min-height:215px!important;padding:18px!important;border-radius:0 0 14px 14px!important}
}
@media(max-width:420px){
  .v97-user-copy small{max-width:126px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .dbaf-tp-actions{padding-left:0!important}.dbaf-tp-actions a{width:36px!important;height:36px!important}
  .v97-hero-copy{max-width:84%!important}.v97-hero-copy h1{font-size:27px!important}
  .v97-hero-stats{grid-template-columns:1fr 1fr 1fr!important}.v97-hero-stats small,.v97-hero-stats span{font-size:6.5px!important}
  .v120-mobile-dock{left:5px;right:5px;bottom:max(5px,env(safe-area-inset-bottom));border-radius:12px}.v120-mobile-dock a,.v120-mobile-dock button{min-height:46px}
  .v87-u-route{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){
  .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}
}