/* Approved artwork, displayed without re-drawing its hero or feature panels. */
body{background:radial-gradient(ellipse at top,#260807,#080202 85%)!important}.af-red-sidebar{--side:240px;width:var(--side);padding:0;display:block;overflow-x:hidden;overflow-y:auto;background-color:#170402;background-image:url('../../images/afgan-red/approved-art.png');background-size:436.9458% auto;background-position:left top;background-repeat:no-repeat;border:0}.af-red-side-link{position:absolute!important;left:0!important;width:100%!important;min-height:0!important;height:calc(var(--side)*.72)!important;top:calc(var(--side)*.20);margin:0!important;background:none!important;border:0!important;clip-path:none!important;box-shadow:none!important}.af-red-side-link:nth-child(2){top:calc(var(--side)*1.13)}.af-red-side-link:nth-child(3){top:calc(var(--side)*1.96)}.af-red-side-link img{display:none!important}.af-red-side-link .af-red-sr{position:absolute!important;width:1px!important;height:1px!important;clip:rect(0,0,0,0)!important}.af-red-side-link:hover{background:#ffda6110!important;transform:none!important;filter:none!important}.af-red-discord{position:absolute!important;left:calc(var(--side)*.06);top:calc(var(--side)*2.84);width:calc(var(--side)*.87)!important;height:calc(var(--side)*.30);min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}.af-red-discord>*{visibility:hidden}.af-red-discord[aria-disabled=true]{opacity:1}.af-red-discord[aria-disabled=true]:after{content:'Bağlantı panelden eklenecek';position:absolute;top:100%;left:0;right:0;text-align:center;font:10px Arial;color:#d7b26b;padding:7px;background:#200604dd}.af-red-main{container-type:inline-size;background:#efdfbf}.af-red-hero{aspect-ratio:684/525!important;min-height:0!important;padding:0!important;background-image:url('../../images/afgan-red/approved-art.png')!important;background-size:129.6784% auto!important;background-position:right top!important;display:block!important}.af-red-hero:after{display:none!important}.af-red-logo{display:none!important}.af-red-slogan{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);margin:0!important}.af-red-features{position:relative;aspect-ratio:684/420;padding:0!important;background-image:url('../../images/afgan-red/approved-art.png');background-size:129.6784% auto;background-position:right calc(-76.7544cqw);overflow:hidden}.af-red-features .af-scroll-title,.af-red-features ul{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;padding:0!important;margin:0!important;border:0!important}.center{background:radial-gradient(ellipse at top,#fff4dd80,transparent 65%)!important}.center .card-header,.af-starter-top{border-radius:8px!important;background:linear-gradient(90deg,#6d120b 0 2%,#af772e 2% 3%,#edd09a 3% 8%,#fff1d0 14% 86%,#edd09a 92% 97%,#af772e 97% 98%,#6d120b 98%)!important;border:2px solid #b58332!important;box-shadow:0 6px 0 -3px #80551d,0 10px 20px #74521f30!important;text-shadow:0 1px #fff6df}.center .card-header:before,.af-starter-top:before{content:'❧'!important;display:block!important;position:absolute;left:9px;top:50%;transform:translateY(-50%) rotate(-90deg);font:35px Georgia!important;color:#f1c474!important;width:auto!important;height:auto!important;background:none!important}.center .card-header:after,.af-starter-top:after{content:'❧'!important;display:block!important;position:absolute;right:9px;top:50%;transform:translateY(-50%) rotate(90deg);font:35px Georgia!important;color:#f1c474!important;width:auto!important;height:auto!important;background:none!important}.af-starter-shell{padding:0!important}.af-starter-top{margin-top:5px!important}.af-red-footer{background:linear-gradient(#4b1008,#140302)!important}.center .af-starter-caption{font-weight:bold}.af-chest-scene{box-shadow:0 5px 20px #3e1a0d44}.af-red-main .af-starter{margin-top:8px!important}
@media(max-width:900px){.af-red-sidebar{--side:170px}.af-red-main{margin-left:170px}.af-red-hero{min-height:0!important}}
@media(max-width:600px){.af-red-sidebar{--side:100vw;position:relative!important;background-image:none!important;height:70px!important;width:100%!important;display:flex!important;gap:4px!important;padding:5px!important;overflow:visible!important}.af-red-side-link{position:relative!important;top:auto!important;left:auto!important;flex:1;width:auto!important;height:60px!important;background:linear-gradient(#64150e,#240604)!important;border:1px solid #b78b42!important;display:flex!important;justify-content:center;align-items:center}.af-red-side-link .af-red-sr{position:static!important;clip:auto!important;width:auto!important;height:auto!important;color:#f9dca2;font:12px Georgia!important}.af-red-discord{position:relative!important;top:auto!important;left:auto!important;flex:1;width:auto!important;height:60px!important;background:#3b0a06!important;border:1px solid #b78b42!important;display:flex!important;align-items:center;justify-content:center}.af-red-discord>*{visibility:visible}.af-red-discord[aria-disabled=true] small{display:none}.af-red-discord[aria-disabled=true]:after{display:none}.af-red-main{margin:0!important}.af-red-hero{min-height:0!important}.center .card-header:before,.af-starter-top:before,.center .card-header:after,.af-starter-top:after{font-size:25px!important}}

/* AfganMT2 general features: live grid version */
.af-red-features {
    position: relative !important;
    aspect-ratio: auto !important;
    padding: 24px 26px 28px !important;
    background: #100609 !important;
    background-image: radial-gradient(ellipse at 50% 0%, #3a1015 0%, #15080b 55%, #090506 100%) !important;
    background-size: auto !important;
    background-position: center !important;
    border-top: 1px solid #a77b38;
    border-bottom: 1px solid #70431e;
    box-shadow: inset 0 10px 22px #0005, inset 0 -10px 22px #0005;
    overflow: visible !important;
}
.af-red-features .af-scroll-title {
    position: relative !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    clip: auto !important;
    margin: 0 0 16px !important;
    padding: 15px 38px !important;
    border: 1px solid #b78b42 !important;
    border-radius: 12px 3px 12px 3px !important;
    background: linear-gradient(90deg, #68120e 0%, #a7271d 4%, #eed29a 12%, #fff0cb 50%, #eed29a 88%, #a7271d 96%, #68120e 100%) !important;
    color: #38230f !important;
    text-shadow: 0 1px #fff8e6;
    box-shadow: 0 4px 12px #0007;
}
.af-red-features ul {
    position: relative !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 11px;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    clip: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    list-style: none;
}
.af-red-features li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 48px;
    padding: 8px 18px;
    border: 1px solid #c49a50;
    border-radius: 7px 2px 7px 2px;
    background: linear-gradient(110deg, #25090c 0%, #541014 36%, #2a090d 70%, #481013 100%);
    box-shadow: inset 0 0 0 2px #180609, 0 3px 8px #0009;
    color: #f5dfb1;
    font: 700 clamp(11px, 1.15vw, 13px)/1.25 "Arial Narrow", Arial, sans-serif;
    letter-spacing: .3px;
    text-align: center;
    clip-path: polygon(4% 0, 96% 0, 100% 50%, 96% 100%, 4% 100%, 0 50%);
}
.af-red-features li::before,
.af-red-features li::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 6px;
    height: 6px;
    border: 1px solid #f1d17f;
    background: #791a18;
    transform: translateY(-50%) rotate(45deg);
}
.af-red-features li::before { left: 9px; }
.af-red-features li::after { right: 9px; }
@media (max-width: 760px) {
    .af-red-features { padding: 20px 16px 22px !important; }
    .af-red-features ul { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
    .af-red-features li { min-height: 46px; font-size: 12px; }
}
@media (max-width: 520px) {
    .af-red-features { padding: 18px 12px 20px !important; }
    .af-red-features .af-scroll-title { padding: 13px 24px !important; }
    .af-red-features ul { grid-template-columns: 1fr; gap: 8px; }
    .af-red-features li { min-height: 44px; font-size: 13px; }
}