/* ManiaGrania: screenshot-aligned top section only. Everything from .layout onward uses original CSS. */
.mg-v3-nav{background:#080f1b;border-bottom:1px solid #30445b;box-shadow:0 2px 16px #0008}
.mg-v3-nav .shell{width:min(1510px,calc(100% - 44px))}
.mg-v3-nav .navinner{min-height:80px;gap:22px;flex-wrap:nowrap}
.mg-v3-nav .brand-name{font-size:34px}
.mg-v3-nav .brand-mark{height:55px;width:55px;border-radius:14px;box-shadow:0 0 22px #ff8b2770}
.mg-v3-nav .brand-mark img{height:44px;width:44px;transition:transform .35s}
.mg-v3-nav .brand:hover .brand-mark img{transform:rotate(-12deg) scale(1.08)}
.mg-v3-nav .navlinks{gap:25px;margin-left:30px}
.mg-v3-nav .navlinks a{font-size:13px}
.mg-v3-search{margin-left:auto;width:240px;min-width:145px;display:flex;align-items:center;border:1px solid #293a52;background:#0e1a2b;border-radius:12px;height:44px;overflow:hidden}
.mg-v3-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:white;padding:0 13px;font:inherit}
.mg-v3-search button{border:0;background:transparent;color:white;font-size:29px;padding:0 13px}
.mg-v3-actions{display:flex;gap:14px;align-items:center;flex-shrink:0}
.mg-v3-add{display:flex;align-items:center;justify-content:center;border:1px solid #ff8b1e;color:#ff9529;border-radius:11px;padding:12px 15px;font-weight:800;font-size:13px;box-shadow:0 0 12px #ff851933;white-space:nowrap}
.mg-v3-add:hover{background:#ff8c22;color:#07101d}
.mg-v3-account{height:43px;width:51px;border-radius:11px;background:#111c2d;border:1px solid #26394f;display:grid;place-items:center;font-size:23px}
/* Preserve original main.shell width and all lower tables. */
.mg-v3-hero{position:relative;isolation:isolate;overflow:hidden;min-height:290px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0;padding:24px;background:radial-gradient(ellipse at 55% 40%,#153c5d 0,transparent 65%),linear-gradient(100deg,#050b14,#101c2b 60%,#160d0a);border-bottom:2px solid #a14d20}
.mg-v3-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#040b14 0%,#040b14c9 30%,#050c1400 51%,#050b14a1 76%,#040b14 100%),url('/images/maniagrania/hero-v3.webp') center 43% / auto 100% no-repeat}
.mg-v3-hero-copy{width:42%;min-width:340px}
.mg-v3-hero-copy h1{font:900 clamp(48px,5vw,79px)/.91 'Barlow Condensed',sans-serif;margin:0 0 8px;text-shadow:0 3px 20px #000b}
.mg-v3-hero-copy h1 span{color:#ff8e24}
.mg-v3-hero-copy p{font-size:16px;color:#f0f2f8;margin:12px 0 18px}
.mg-v3-solid{display:inline-flex;align-items:center;background:linear-gradient(120deg,#ffad36,#ff7921);color:white;border-radius:10px;padding:14px 22px;font-size:15px;font-weight:800;box-shadow:0 0 23px #ff821b52}
.mg-v3-hero-side{width:345px;display:grid;gap:11px;flex-shrink:0}
.mg-v3-hero-side a{position:relative;display:flex;flex-direction:column;justify-content:center;gap:5px;min-height:69px;border:1px solid #ad5518;background:linear-gradient(100deg,#190f0ed9,#2a170ddc);border-radius:12px;padding:10px 42px 10px 18px;box-shadow:0 0 20px #ff74181b}
.mg-v3-hero-side a:hover{border-color:#ffa037;background:#302015}
.mg-v3-hero-side b{font:800 19px 'Barlow Condensed',sans-serif}
.mg-v3-hero-side small{color:#b9c8da;font-size:11px}
.mg-v3-hero-side i{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-style:normal;background:#ee8124;border-radius:7px;padding:7px 10px}
.mg-v3-games{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:9px;margin:13px 0 20px}
.mg-v3-game{min-width:0;height:113px;position:relative;overflow:hidden;border:1px solid #304760;border-radius:9px;background:#0d1929;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;transition:transform .2s,border-color .2s}
.mg-v3-game:after{content:"";position:absolute;inset:32% 0 0;background:linear-gradient(transparent,#050b17f5);pointer-events:none}
.mg-v3-game img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mg-v3-game strong{z-index:1;position:relative;font:800 17px 'Barlow Condensed',sans-serif;padding:0 3px 11px;text-align:center;text-shadow:0 2px 4px #000}
.mg-v3-game:hover{transform:translateY(-3px);border-color:#ff942a}
.mg-v3-game[aria-current="page"]{border:3px solid #ff9227;box-shadow:0 0 17px #ff8b2a5e}
.mg-v3-promo{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:0 0 16px}
.mg-v3-promo-card{min-width:0;display:grid;grid-template-columns:80px 1fr;gap:10px;min-height:151px;padding:16px 14px;border:1px solid #44678c;border-radius:11px;background:linear-gradient(135deg,#10233a,#0b1423)}
.mg-v3-promo-card:hover{filter:brightness(1.16)}
.mg-v3-gold{border-color:#ff9e23;background:linear-gradient(115deg,#271302,#100f12)}
.mg-v3-silver{border-color:#7d9fbc;background:linear-gradient(115deg,#152d47,#0c1324)}
.mg-v3-copper{border-color:#b25b31;background:linear-gradient(115deg,#2c140c,#110e13)}
.mg-v3-crown{font-size:56px;color:#ffa528;filter:drop-shadow(0 0 10px #ff9b3c)}
.mg-v3-silver .mg-v3-crown{color:#b9d8ff;filter:drop-shadow(0 0 10px #a9d2ff)}
.mg-v3-copper .mg-v3-crown{color:#ff8e50}
.mg-v3-ranking .mg-v3-crown{color:#e8f3ff}
.mg-v3-promo-card>div{display:flex;flex-direction:column;min-width:0}
.mg-v3-promo h3{font:800 23px 'Barlow Condensed',sans-serif;margin:1px 0 6px}
.mg-v3-promo h3 i{display:inline-grid;place-items:center;width:25px;height:25px;font:800 15px Inter,sans-serif;font-style:normal;border-radius:50%;background:#f68d27;color:#fff;margin-right:6px}
.mg-v3-promo p{color:#c5ccda;font-size:11px;line-height:1.45;margin:0 0 12px;flex:1}
.mg-v3-cta{display:block;text-align:center;border:1px solid #f18b25;border-radius:7px;padding:9px 5px;color:#ff9c36;font-size:12px;font-weight:800}
.mg-v3-feature-row{display:grid;grid-template-columns:1.65fr 1fr;gap:18px;margin-bottom:12px}
.mg-v3-verified,.mg-v3-partners{min-width:0;border:1px solid #27374e;background:linear-gradient(#0c1624,#0b1421);border-radius:12px;padding:12px}
.mg-v3-title{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #23364b;padding:0 0 10px;margin-bottom:10px}
.mg-v3-title h2{font:800 25px 'Barlow Condensed',sans-serif;margin:0}
.mg-v3-title>a,.mg-v3-meta{color:#ffa03c;font-size:11px;font-weight:700}
.mg-v3-check{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#67bf49;font:800 16px Inter}
.mg-v3-server-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.mg-v3-server{position:relative;min-width:0;min-height:145px;padding:10px 6px 9px;border:1px solid #273a4d;border-radius:10px;background:#07111f;display:flex;align-items:center;flex-direction:column;gap:5px}
.mg-v3-server:hover{border-color:#ff982f}
.mg-v3-number{position:absolute;top:7px;left:7px;border-radius:7px;background:#bd7629;color:#fff;padding:4px 7px;font-weight:800;z-index:1}
.mg-v3-server-icon{display:grid;place-items:center;width:53px;height:52px;border-radius:8px;background:linear-gradient(145deg,#244565,#151f35);color:#ffad49;font:800 20px 'Barlow Condensed',sans-serif}
.mg-v3-server strong{font-size:12px;text-align:center;max-width:100%;overflow-wrap:anywhere}
.mg-v3-server small{color:#b0bfd2;font-size:10px}
.mg-v3-server-foot{width:100%;margin-top:auto;display:flex;align-items:end;justify-content:space-between;gap:4px;font-size:9px;color:#b6c5d8}
.mg-v3-server-foot>span:last-child{text-align:right}
.mg-v3-server-foot b{display:block;color:#ffa132;font-size:12px}
.mg-v3-empty{grid-column:1/-1;min-height:115px;display:grid;place-items:center;text-align:center;color:#c5d1e2;padding:20px}
.mg-v3-empty a{color:#ffa23e}
.mg-v3-partner-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.mg-v3-partner-grid a{min-width:0;min-height:73px;border:1px solid #235fa6;border-radius:9px;background:#071323;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:7px;padding:9px}
.mg-v3-partner-grid a:nth-child(3n){border-color:#a3424a}
.mg-v3-partner-grid a:hover{border-color:#ff962e}
.mg-v3-partner-grid b{font:800 15px 'Barlow Condensed',sans-serif;letter-spacing:.3px}
.mg-v3-partner-grid small{font-size:9px;color:#a7b6c8}
.mg-v3-bottom-cta{display:flex;align-items:center;gap:18px;padding:16px 25px;margin:0 0 26px;border:1px solid #ce7627;border-radius:11px;background:linear-gradient(110deg,#251208,#0a111e 60%,#191009)}
.mg-v3-bottom-cta>span{font-size:32px}
.mg-v3-bottom-cta>div{display:flex;flex-direction:column;gap:5px}
.mg-v3-bottom-cta strong{font:800 23px 'Barlow Condensed',sans-serif}
.mg-v3-bottom-cta small{color:#a7b9d1;font-size:12px}
.mg-v3-bottom-cta>b{margin-left:auto;padding:14px 20px;border-radius:9px;background:linear-gradient(100deg,#ffad35,#ff7c22);font-size:13px;white-space:nowrap}
@media(max-width:1250px){.mg-v3-nav .navlinks{gap:13px;margin-left:5px}.mg-v3-search{width:160px}.mg-v3-games{grid-template-columns:repeat(6,minmax(0,1fr))}.mg-v3-promo-card{grid-template-columns:55px 1fr}.mg-v3-crown{font-size:45px}}
@media(max-width:1000px){.mg-v3-feature-row{grid-template-columns:1fr}.mg-v3-hero-side{width:280px}.mg-v3-nav .navinner{flex-wrap:wrap}.mg-v3-nav .navlinks{order:3;width:100%;justify-content:center}.mg-v3-search{margin-left:auto}}
@media(max-width:760px){.mg-v3-hero{margin:0 -12px;padding:26px 16px;flex-direction:column;align-items:stretch}.mg-v3-hero:before{background:linear-gradient(#050b14bd,#050b14d9),url('/images/maniagrania/hero-v3.webp') center/cover no-repeat}.mg-v3-hero-copy{width:100%;min-width:0}.mg-v3-hero-side{width:100%}.mg-v3-games{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.mg-v3-game{height:95px}.mg-v3-promo{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mg-v3-promo-card{grid-template-columns:1fr;padding:12px}.mg-v3-crown{font-size:32px}.mg-v3-server-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mg-v3-partner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mg-v3-bottom-cta{flex-wrap:wrap}.mg-v3-bottom-cta>b{margin-left:0;width:100%;text-align:center}.mg-v3-search{width:100%;order:4}.mg-v3-nav .navlinks{justify-content:flex-start;overflow:auto}}
@media(max-width:430px){.mg-v3-games{grid-template-columns:repeat(3,minmax(0,1fr))}.mg-v3-promo{grid-template-columns:1fr}.mg-v3-promo-card{grid-template-columns:55px 1fr}.mg-v3-hero-copy h1{font-size:48px}}
@media(prefers-reduced-motion:reduce){.mg-v3-game,.mg-v3-nav .brand-mark img{transition:none}}

.mg-v3-game[hidden],.mg-v3-server[hidden]{display:none!important}