/* Status page: full-width game banners with artwork, product rows with thumbnails. */
.availability-page .status-groups{gap:24px}
.availability-page .status-game-group{border:1px solid #222227;background:#111113;border-radius:18px;overflow:hidden}
.availability-page .status-game-heading{position:relative;isolation:isolate;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-end;gap:24px;min-height:190px;padding:56px 40px 32px;background:#050506;overflow:hidden}
.availability-page .status-game-art{position:absolute;inset:0 0 0 auto;z-index:-2;width:72%;height:auto;border-radius:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 46%);mask-image:linear-gradient(90deg,transparent 0,#000 46%)}
.availability-page .status-game-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 45%;opacity:.5;filter:saturate(.55) brightness(.72)}
.availability-page [data-status-group=eft] .status-game-art img{object-position:center 62%}
.availability-page [data-status-group=arena] .status-game-art img{object-position:center 70%}
.availability-page [data-status-group=r6s] .status-game-art img{object-position:center 42%}
.availability-page [data-status-group=wardogs] .status-game-art img{object-position:center 28%}
.availability-page [data-status-group=hwid-spoofer] .status-game-art img{object-position:center 50%}
.availability-page .status-game-heading:after{display:block;content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#050506d9 0,transparent 55%),radial-gradient(120% 140% at 0 100%,#050506 0,#05050600 60%)}
.availability-page .status-game-copy{flex:1;min-width:0}
.availability-page .status-game-copy strong{display:block;max-width:100%;font:700 48px/1 var(--display);letter-spacing:-.02em;text-transform:uppercase;color:#fff}
.availability-page .status-game-copy small{display:block;margin-top:12px;font-size:16px;color:#a2a2ac}
.availability-page .status-group-state{display:flex;align-items:center;gap:10px;margin:0 0 2px auto;font-size:17px;font-weight:500;color:#f1f1f4;white-space:nowrap}
.availability-page .status-group-state .status-dot{width:9px;height:9px}
.availability-page .status-game-heading>.icon{position:absolute;top:24px;right:26px;width:20px;height:20px;color:#d4d4dc}
.availability-page .status-game-products{display:grid;gap:12px;padding:24px;background:#121214}
.availability-page .status-product-row{border:1px solid #26262c;border-radius:14px;background:#151518;overflow:hidden}
.availability-page .status-product-row summary{display:flex;align-items:center;gap:18px;min-height:88px;padding:14px 24px 14px 14px;border-left:0}
.availability-page .status-product-row summary:hover,.availability-page .status-product-row[open] summary{background:#19191d}
.availability-page .status-row-thumb{flex:none;width:60px;height:60px;border-radius:10px;overflow:hidden;background:#0b0b0d;border:1px solid #2c2c33}
.availability-page .status-row-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.availability-page .status-row-name{display:block;flex:1;min-width:0;padding:0}
.availability-page .status-row-name strong{display:block;font-size:18px;font-weight:600;color:#fff}
.availability-page .status-row-name small{display:block;margin-top:5px;font-size:14px;color:#9b9ba6}
.availability-page .status-pill{display:inline-flex;align-items:center;gap:9px;margin:0;padding:8px 15px;border:1px solid #34343e;border-radius:999px;background:transparent;font-size:12px;font-weight:700;letter-spacing:.09em;line-height:1;text-transform:uppercase;color:#b5b5c1}
.availability-page .status-pill .status-dot{width:8px;height:8px;background:currentColor}
.availability-page .status-product-row summary>.icon{flex:none;width:18px;height:18px;color:#9a9aa5}
.availability-page .status-history{background:#131316}
/* State colours */
.availability-page .is-ok .status-dot{background:#4ade80;box-shadow:0 0 10px #4ade8059}
.availability-page .status-pill.is-ok{color:#4ade80;border-color:#1e5a33;background:#0f2417}
.availability-page .is-warn .status-dot{background:#fbbf24;box-shadow:0 0 10px #fbbf2459}
.availability-page .status-pill.is-warn{color:#fbbf24;border-color:#5f4a12;background:#241d0a}
.availability-page .is-down .status-dot{background:#f87171;box-shadow:0 0 10px #f8717159}
.availability-page .status-pill.is-down{color:#f87171;border-color:#652626;background:#261010}
.availability-page .is-idle .status-dot{background:#92929d;box-shadow:none}
@media (max-width:980px){
 .availability-page .status-game-copy strong{font-size:40px}
 .availability-page .status-game-art{width:85%}
}
@media (max-width:767px){
 .availability-page .status-groups{gap:18px}
 .availability-page .status-game-group{border-radius:14px}
 .availability-page .status-game-heading{flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:12px;min-height:160px;padding:44px 20px 20px}
 .availability-page .status-game-art{width:100%;-webkit-mask-image:linear-gradient(90deg,#0000004d 0,#000 70%);mask-image:linear-gradient(90deg,#0000004d 0,#000 70%)}
 .availability-page .status-game-copy{flex:none}
 .availability-page .status-game-copy strong{font-size:26px;max-width:100%}
 .availability-page .status-game-copy small{margin-top:8px;font-size:13px}
 .availability-page .status-group-state{display:flex;margin:0;font-size:14px;gap:8px}
 .availability-page .status-game-heading>.icon{top:16px;right:16px;width:18px;height:18px}
 .availability-page .status-game-products{gap:10px;padding:12px}
 .availability-page .status-product-row{border-radius:12px}
 .availability-page .status-product-row summary{display:grid;grid-template-columns:48px minmax(0,1fr) 16px;column-gap:14px;row-gap:9px;align-items:center;min-height:0;padding:13px;flex-wrap:nowrap;position:relative}
 .availability-page .status-row-thumb{grid-column:1;grid-row:1/span 2;width:48px;height:48px;border-radius:9px}
 .availability-page .status-row-name{grid-column:2;grid-row:1;flex-basis:auto;padding:0}
 .availability-page .status-row-name strong{font-size:16px}
 .availability-page .status-row-name small{margin-top:3px;font-size:12px}
 .availability-page .status-pill{grid-column:2;grid-row:2;justify-self:start;padding:6px 11px;font-size:11px;gap:7px}
 .availability-page .status-product-row summary>.icon{position:static;grid-column:3;grid-row:1/span 2;width:16px;height:16px}
}