/* ArezzoMT2 v77 - stronger animated background, no separating frame, optimized subpages */

/* full-screen living background like animated wallpaper */
body.az-v22-body .az74-page{
  position:relative;
  min-height:100vh;
  overflow-x:hidden;
  background:linear-gradient(180deg, rgba(6,7,12,.82), rgba(6,7,12,.90)) !important;
}
body.az-v22-body .az74-page::before,
body.az-v22-body .az74-page::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
}
body.az-v22-body .az74-page::before{
  background:
    linear-gradient(180deg, rgba(10,12,22,.26), rgba(10,12,22,.56)),
    url('../images/az74-stage-bg.png') center center / cover no-repeat;
  transform:scale(1.10);
  animation:az77BgPan 24s ease-in-out infinite alternate;
  filter:saturate(1.02) brightness(.92);
}
body.az-v22-body .az74-page::after{
  background:
    radial-gradient(circle at 18% 35%, rgba(255,86,54,.18), transparent 22%),
    radial-gradient(circle at 82% 30%, rgba(88,116,255,.16), transparent 22%),
    radial-gradient(circle at 52% 82%, rgba(255,164,96,.12), transparent 24%);
  mix-blend-mode:screen;
  opacity:.95;
  animation:az77Glow 14s ease-in-out infinite alternate;
}
@keyframes az77BgPan{
  0%{transform:translate3d(-2.5%, -1.5%, 0) scale(1.10)}
  20%{transform:translate3d(1.5%, -2.5%, 0) scale(1.12)}
  40%{transform:translate3d(2.8%, 0.5%, 0) scale(1.11)}
  60%{transform:translate3d(-1.0%, 2.0%, 0) scale(1.13)}
  80%{transform:translate3d(1.8%, 1.5%, 0) scale(1.10)}
  100%{transform:translate3d(-2.0%, -0.5%, 0) scale(1.12)}
}
@keyframes az77Glow{
  0%{opacity:.70; transform:scale(1.0)}
  50%{opacity:1.0; transform:scale(1.03)}
  100%{opacity:.82; transform:scale(1.06)}
}

body.az-v22-body .az74-topbar,
body.az-v22-body .az74-stage,
body.az-v22-body .az74-footer{position:relative; z-index:2}

/* topbar minimal like reference */
body.az-v22-body .az74-topbar{
  min-height:66px !important;
  padding:0 26px !important;
  background:linear-gradient(180deg, rgba(12,14,24,.96), rgba(8,10,18,.96)) !important;
  border-bottom:1px solid rgba(255,146,92,.38) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.26) !important;
}
body.az-v22-body .az74-brand{left:22px !important}
body.az-v22-body .az74-menu{gap:9px !important}
body.az-v22-body .az74-menu a{
  min-width:116px !important;
  min-height:40px !important;
  border-radius:2px !important;
  border:1px solid rgba(255,173,116,.34) !important;
  background:linear-gradient(180deg, rgba(22,25,40,.76), rgba(10,12,22,.92)) !important;
  color:#ecd2af !important;
  font-size:11px !important;
  letter-spacing:.14em !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 8px 16px rgba(0,0,0,.14) !important;
}
body.az-v22-body .az74-menu a:hover{
  background:linear-gradient(180deg, rgba(46,35,40,.88), rgba(17,14,19,.94)) !important;
  border-color:rgba(255,209,158,.62) !important;
  color:#fff0dc !important;
}

/* remove separator frame and make content blend into animated bg */
body.az-v22-body .az74-stage{
  width:min(1360px, calc(100vw - 54px)) !important;
  padding:84px 28px 20px !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}
body.az-v22-body .az74-stage::before,
body.az-v22-body .az74-stage::after{display:none !important}
body.az-v22-body .az74-logo-row{height:120px !important; margin-bottom:10px !important}
body.az-v22-body .az74-logo-row img{width:min(400px, 38vw) !important; max-height:126px !important}
body.az-v22-body .az74-grid{gap:22px !important}
body.az-v22-body .az74-left, body.az-v22-body .az74-center, body.az-v22-body .az74-right{gap:14px !important}

/* cleaner minimalist panels */
body.az-v22-body .az74-card{
  border-radius:2px !important;
  border:1px solid rgba(255,173,116,.22) !important;
  background:linear-gradient(180deg, rgba(31,36,67,.48), rgba(18,22,44,.64)) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.04) !important;
  backdrop-filter:blur(4px) !important;
}
body.az-v22-body .az74-card::before{display:none !important}
body.az-v22-body .az74-rank-card, body.az-v22-body .az74-login-card{min-height:392px !important; padding:14px !important}
body.az-v22-body .az74-news-card, body.az-v22-body .az74-subpage-card{min-height:392px !important; padding:14px !important}
body.az-v22-body .az74-guild-card, body.az-v22-body .az74-community-card{padding:14px !important; min-height:170px !important}
body.az-v22-body .az74-panel-title,
body.az-v22-body .az74-subpage-title{
  min-height:36px !important;
  font-size:15px !important;
  letter-spacing:.14em !important;
  color:#f4e6d1 !important;
  text-shadow:0 3px 12px rgba(0,0,0,.46) !important;
}
body.az-v22-body .az74-panel-title:before,
body.az-v22-body .az74-panel-title:after,
body.az-v22-body .az74-subpage-title:before,
body.az-v22-body .az74-subpage-title:after{width:28px !important; opacity:.45 !important}

/* home news minimal */
body.az-v22-body .az74-news-card{background:linear-gradient(180deg, rgba(30,34,61,.44), rgba(18,21,41,.58)) !important}
body.az-v22-body .az74-news-banner{
  height:84px !important;
  margin-bottom:12px !important;
  border:1px solid rgba(255,173,116,.14) !important;
  background:
    linear-gradient(180deg, rgba(11,12,21,.20), rgba(11,12,21,.42)),
    url('../images/az74-news-strip.png') center/cover no-repeat !important;
}
body.az-v22-body .az74-news-banner span{font-size:17px !important; letter-spacing:.26em !important}
body.az-v22-body .az74-news-meta{font-size:10px !important; margin-bottom:8px !important}
body.az-v22-body .az74-news-card h1{font-size:22px !important; margin:0 0 10px !important}
body.az-v22-body .az74-news-card p{font-size:14px !important; line-height:1.62 !important}
body.az-v22-body .az74-actions{gap:10px !important; margin-top:14px !important}

/* buttons */
body.az-v22-body .az74-btn,
body.az-v22-body .az74-subpage-content .btn,
body.az-v22-body .az74-subpage-content button,
body.az-v22-body .az74-subpage-content input[type=submit]{
  min-height:36px !important;
  padding:0 14px !important;
  border-radius:2px !important;
  border:1px solid rgba(255,196,130,.36) !important;
  font-size:10px !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  box-shadow:0 8px 16px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
body.az-v22-body .az74-btn-blue{background:linear-gradient(180deg, #33bcff, #1f78d6 50%, #18478f 100%) !important}
body.az-v22-body .az74-btn-dark{background:linear-gradient(180deg, #242943, #11131f) !important; color:#ecd4b2 !important}
body.az-v22-body .az74-btn-gold{background:linear-gradient(180deg, #fbe6b2 0%, #d89634 56%, #7e4615 100%) !important}

/* form/login/panel gracza */
body.az-v22-body .az74-login-form{gap:7px !important}
body.az-v22-body .az74-login-form label{font-size:11px !important; color:#efe8de !important}
body.az-v22-body .az74-login-form input,
body.az-v22-body .az74-subpage-content input,
body.az-v22-body .az74-subpage-content select,
body.az-v22-body .az74-subpage-content textarea{
  min-height:38px !important;
  border-radius:6px !important;
  border:1px solid rgba(103,166,255,.28) !important;
  background:linear-gradient(180deg, rgba(40,83,184,.42), rgba(25,52,132,.62)) !important;
  color:#edf4ff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), inset 0 0 10px rgba(30,130,255,.08) !important;
}
body.az-v22-body .az74-login-form input::placeholder,
body.az-v22-body .az74-subpage-content input::placeholder,
body.az-v22-body .az74-subpage-content textarea::placeholder{color:#bad6fb !important}
body.az-v22-body .az74-login-links a{font-size:11px !important}
body.az-v22-body .az74-user-panel{gap:8px !important}
body.az-v22-body .az74-user-name{font-size:12px !important; color:#eef5ff !important}
body.az-v22-body .az74-user-panel a,
body.az-v22-body .az74-community-card a{
  min-height:39px !important;
  padding:8px 12px !important;
  border:1px solid rgba(107,154,255,.16) !important;
  background:linear-gradient(180deg, rgba(29,56,141,.38), rgba(18,34,89,.54)) !important;
  color:#eff4ff !important;
}
body.az-v22-body .az74-user-panel a em{font-size:10px !important}

/* sidebar ranking softer */
body.az-v22-body .az74-rank-card .top-sidebar h4{font-size:18px !important}
body.az-v22-body .az74-rank-card .nav-tabs{gap:6px !important; margin-bottom:9px !important}
body.az-v22-body .az74-rank-card .nav-link{min-height:34px !important; border-color:rgba(108,154,255,.20) !important; background:rgba(29,56,141,.28) !important}
body.az-v22-body .az74-rank-card .nav-link.active{background:linear-gradient(180deg, #229cf0, #1b61ba) !important}
body.az-v22-body .az74-rank-card table,
body.az-v22-body .az74-guild-table table{border-spacing:0 4px !important}
body.az-v22-body .az74-rank-card th, body.az-v22-body .az74-rank-card td,
body.az-v22-body .az74-guild-table th, body.az-v22-body .az74-guild-table td{font-size:11px !important; padding:7px 5px !important}
body.az-v22-body .az74-rank-card th, body.az-v22-body .az74-guild-table th{background:rgba(25,49,122,.42) !important}
body.az-v22-body .az74-rank-card td, body.az-v22-body .az74-guild-table td{background:rgba(255,255,255,.03) !important}

/* subpages optimized */
body.az-v22-body .az74-subpage-card{background:linear-gradient(180deg, rgba(29,34,63,.46), rgba(17,20,40,.62)) !important}
body.az-v22-body .az74-subpage-content{
  max-height:440px !important;
  overflow-y:auto !important;
  padding:6px 2px 2px !important;
  scrollbar-width:thin;
  scrollbar-color:#32c2ff rgba(255,255,255,.06);
}
body.az-v22-body .az74-subpage-content::-webkit-scrollbar{width:8px}
body.az-v22-body .az74-subpage-content::-webkit-scrollbar-thumb{background:#32c2ff;border-radius:999px}
body.az-v22-body .az74-subpage-content .container,
body.az-v22-body .az74-subpage-content .container-fluid,
body.az-v22-body .az74-subpage-content .mt2cms2-c-l{max-width:none !important; width:100% !important; padding:0 !important; margin:0 !important}
body.az-v22-body .az74-subpage-content .page-hd{display:none !important}
body.az-v22-body .az74-subpage-content .widget,
body.az-v22-body .az74-subpage-content .mod,
body.az-v22-body .az74-subpage-content .bd,
body.az-v22-body .az74-subpage-content .eason,
body.az-v22-body .az74-subpage-content .bd-c,
body.az-v22-body .az74-subpage-content .panel,
body.az-v22-body .az74-subpage-content .well{background:transparent !important; border:none !important; box-shadow:none !important}
body.az-v22-body .az74-subpage-content h1,
body.az-v22-body .az74-subpage-content h2,
body.az-v22-body .az74-subpage-content h3,
body.az-v22-body .az74-subpage-content h4{color:#f5edde !important}
body.az-v22-body .az74-subpage-content p,
body.az-v22-body .az74-subpage-content li,
body.az-v22-body .az74-subpage-content td,
body.az-v22-body .az74-subpage-content span,
body.az-v22-body .az74-subpage-content label,
body.az-v22-body .az74-subpage-content small{color:#e6ecf6 !important; line-height:1.65 !important}
body.az-v22-body .az74-subpage-content small,
body.az-v22-body .az74-subpage-content .text-muted{color:#b7c9e8 !important}
body.az-v22-body .az74-subpage-content .text-danger{color:#ff9e9e !important}
body.az-v22-body .az74-subpage-content a{color:#90d6ff !important}

/* register/download/support/regulamin/panel gracza generic improvement */
body.az-v22-body .az74-subpage-content table{width:100% !important; background:transparent !important; margin-bottom:10px !important}
body.az-v22-body .az74-subpage-content thead th{background:rgba(24,48,120,.46) !important; color:#d8e8ff !important; border:none !important}
body.az-v22-body .az74-subpage-content td,
body.az-v22-body .az74-subpage-content th{border-color:rgba(255,255,255,.06) !important; padding:12px 10px !important}
body.az-v22-body .az74-subpage-content tbody td{background:rgba(255,255,255,.025) !important}
body.az-v22-body .az74-subpage-content .jumbotron{
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)) !important;
  border:1px solid rgba(255,173,116,.14) !important;
  border-radius:8px !important;
  padding:18px 18px 8px !important;
  margin:0 !important;
}
body.az-v22-body .az74-subpage-content .row{margin-left:-8px !important; margin-right:-8px !important}
body.az-v22-body .az74-subpage-content [class*="col-"]{padding-left:8px !important; padding-right:8px !important}
body.az-v22-body .az74-subpage-content .form-control{width:100% !important}
body.az-v22-body .az74-subpage-content .alert{
  border:none !important;
  border-radius:8px !important;
  padding:12px 14px !important;
}
body.az-v22-body .az74-subpage-content .alert-info{background:rgba(70,145,255,.12) !important; color:#e7f2ff !important}
body.az-v22-body .az74-subpage-content .alert-success{background:rgba(46,190,126,.14) !important; color:#eafff2 !important}
body.az-v22-body .az74-subpage-content .alert-danger{background:rgba(222,95,95,.14) !important; color:#fff0f0 !important}

/* explicit support/legal pages override */
body.az-v22-body .az74-subpage-content .az-legal-wrap{max-width:none !important; color:#e6ecf6 !important}
body.az-v22-body .az74-subpage-content .az-legal-card{
  background:linear-gradient(180deg, rgba(28,34,62,.34), rgba(18,22,42,.48)) !important;
  border:1px solid rgba(255,173,116,.16) !important;
  border-radius:10px !important;
  box-shadow:none !important;
  padding:18px !important;
}
body.az-v22-body .az74-subpage-content .az-legal-card h3{color:#f6e9cf !important; font-size:22px !important}
body.az-v22-body .az74-subpage-content .az-legal-card h4{color:#d9e7ff !important; font-size:16px !important}
body.az-v22-body .az74-subpage-content .az-legal-card p,
body.az-v22-body .az74-subpage-content .az-legal-card li{color:#e6ecf6 !important; font-size:14px !important}
body.az-v22-body .az74-subpage-content .az-legal-note,
body.az-v22-body .az74-subpage-content .az-legal-warning,
body.az-v22-body .az74-subpage-content .az-legal-mini{
  border-radius:8px !important;
  background:rgba(255,255,255,.03) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  color:#edf4ff !important;
}
body.az-v22-body .az74-subpage-content .az-legal-mini b{color:#f3dfba !important}
body.az-v22-body .az74-subpage-content .az-legal-links a{color:#90d6ff !important}

/* stats/footer without hard frame */
body.az-v22-body .az74-stats{gap:10px !important; margin-top:16px !important}
body.az-v22-body .az74-stats div{
  min-height:56px !important;
  border:1px solid rgba(255,173,116,.18) !important;
  background:linear-gradient(180deg, rgba(24,48,123,.40), rgba(18,30,78,.54)) !important;
  box-shadow:0 10px 20px rgba(0,0,0,.12) !important;
}
body.az-v22-body .az74-stats span{font-size:10px !important}
body.az-v22-body .az74-stats b{font-size:20px !important}
body.az-v22-body .az74-footer{
  width:min(1360px, calc(100vw - 54px)) !important;
  min-height:54px !important;
  background:linear-gradient(180deg, rgba(49,42,69,.58), rgba(25,22,46,.72)) !important;
  border:none !important;
  box-shadow:none !important;
}
body.az-v22-body .az74-powered{font-size:11px !important; color:#f5c86f !important}

@media(max-width:1280px){
  body.az-v22-body .az74-topbar{padding:0 20px !important}
  body.az-v22-body .az74-brand{left:18px !important}
}
@media (prefers-reduced-motion: reduce){
  body.az-v22-body .az74-page::before,
  body.az-v22-body .az74-page::after{animation:none !important}
}