/* Handball Dynasty 22.0 - Visual Overhaul */
:root{--v22-radius:22px;--v22-shadow:0 20px 55px rgba(7,18,31,.18)}
.hd-v220 main{background:linear-gradient(180deg,rgba(245,248,251,.96),rgba(235,241,247,.98))}
.hd-v220 .card{border-color:rgba(16,33,58,.11);box-shadow:0 10px 28px rgba(16,33,58,.07)}
.v22-scene{position:relative;min-height:260px;margin:0 0 24px;border-radius:var(--v22-radius);overflow:hidden;background-position:center;background-size:cover;box-shadow:var(--v22-shadow);isolation:isolate}
.v22-scene:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,18,31,.93) 0%,rgba(7,18,31,.7) 42%,rgba(7,18,31,.12) 76%);z-index:-1}
.v22-scene:after{content:"";position:absolute;inset:auto 0 0;height:5px;background:linear-gradient(90deg,var(--club-accent,#d7f51c),transparent 70%)}
.v22-scene>div{position:absolute;left:clamp(24px,4vw,54px);bottom:clamp(24px,4vw,46px);max-width:580px;color:#fff}
.v22-scene span{display:block;font-size:.72rem;font-weight:800;letter-spacing:.18em;color:var(--club-accent,#d7f51c);margin-bottom:9px}
.v22-scene b{display:block;font-size:clamp(1.65rem,3vw,2.75rem);line-height:1.06;letter-spacing:-.035em}
.v22-scene small{display:block;margin-top:12px;font-size:.92rem;color:rgba(255,255,255,.78)}
.v22-training-scene{background-image:url('../img/v22/training-technique.png')}
.v22-matchday-scene{background-image:url('../img/v22/arena-live.png')}
.v22-transfer-scene{background-image:url('../img/v22/transfer-office.png')}
.v22-management-scene{background-image:url('../img/v22/boardroom.png')}
.v22-club-scene{background-image:url('../img/v22/club-center.png')}
/* Dashboard becomes a true manager workspace */
.hd-v220 .v121-office-hero{min-height:440px;background-position:center 43%;border-radius:26px;box-shadow:var(--v22-shadow)}
.hd-v220 .v121-office-hero:before{background:linear-gradient(90deg,rgba(7,18,31,.94),rgba(7,18,31,.58) 48%,rgba(7,18,31,.16))}
.hd-v220 .v121-club-panel{backdrop-filter:blur(14px);background:rgba(255,255,255,.88)}
/* Club world imagery */
.hd-v220 .v10-clubworld-image{background-image:url('../img/v22/club-center.png')!important;background-position:center 48%;background-size:cover}
/* Contextual visual surfaces */
.hd-v220 .v13-training-visual{background:linear-gradient(135deg,rgba(7,18,31,.9),rgba(16,33,58,.55)),url('../img/v22/training-fitness.png') center/cover;color:#fff;border:0}
.hd-v220 .tm14-hero,.hd-v220 .tm16-header{background-image:linear-gradient(90deg,rgba(7,18,31,.96),rgba(7,18,31,.72)),url('../img/v22/scout.png');background-size:cover;background-position:center;color:#fff}
.hd-v220 .management-hero{background-image:linear-gradient(90deg,rgba(7,18,31,.9),rgba(7,18,31,.35)),url('../img/v22/sponsor-meeting.png');background-size:cover;background-position:center}
/* Rich feature tiles */
.hd-v220 .facility-card{position:relative;overflow:hidden;min-height:190px;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.98));transition:transform .2s ease,box-shadow .2s ease}
.hd-v220 .facility-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(16,33,58,.13)}
.hd-v220 .facility-card:before{content:"";display:block;height:78px;margin:-20px -20px 16px;background:center/cover}
.hd-v220 .facility-card:nth-child(1):before{background-image:url('../img/v22/arena-pregame.png')}
.hd-v220 .facility-card:nth-child(2):before{background-image:url('../img/v22/training-technique.png')}
.hd-v220 .facility-card:nth-child(3):before{background-image:url('../img/v22/youth-training.png')}
.hd-v220 .facility-card:nth-child(4):before{background-image:url('../img/v22/physio.png')}
.hd-v220 .facility-card:nth-child(5):before{background-image:url('../img/v22/fanshop.png')}
.hd-v220 .facility-card:nth-child(6):before{background-image:url('../img/v22/boardroom.png')}
/* Trophy and competition atmosphere */
.hd-v220 .competition-card:nth-child(1){--v22-comp:url('../img/v22/national-cup.png')}
.hd-v220 .competition-card:nth-child(2){--v22-comp:url('../img/v22/champions-cup.png')}
.hd-v220 .competition-card:nth-child(3){--v22-comp:url('../img/v22/europa-cup.png')}
.hd-v220 .competition-card{background-image:linear-gradient(180deg,transparent 50%,rgba(7,18,31,.9)),var(--v22-comp);background-size:cover;background-position:center}
/* Subtle responsive behavior */
@media(max-width:760px){.v22-scene{min-height:210px;border-radius:16px}.v22-scene:before{background:linear-gradient(0deg,rgba(7,18,31,.94),rgba(7,18,31,.2))}.v22-scene>div{left:20px;right:20px;bottom:20px}.hd-v220 .v121-office-hero{min-height:390px}}
@media(prefers-reduced-motion:reduce){.hd-v220 .facility-card{transition:none}}