/* Homepage only. Shared header, footer and real game cards retain production styles. */
/* Homepage feature explanations. Production header/footer are intentionally untouched. */
.mw-purpose-section .section-head p { max-width:420px; }
.mw-purpose-section .organizer-grid { grid-template-columns:1fr 1fr; gap:16px; }
.mw-purpose-section .organizer-card { display:flex; flex-direction:column; justify-content:flex-start; min-height:0; padding:0; background:#101111; border-color:#3b3029; }
.mw-purpose-section .organizer-card::before,.mw-purpose-section .organizer-card::after { display:none; }
.organizer-visual { position:relative; height:228px; overflow:hidden; flex:0 0 auto; }
.cw-visual { background:linear-gradient(0deg,#101111,transparent 75%),linear-gradient(90deg,#09101788,#09101722),url('/assets/brand/v2/hero-cs2-v2.webp') center 53%/cover; }
.mw-purpose-section .organizer-visual .tag { top:18px; left:22px; font:700 10px Arial,sans-serif; letter-spacing:.05em; }
.cw-matchup { position:absolute; inset:78px 22px 24px; display:grid; grid-template-columns:1fr 42px 1fr; align-items:center; text-align:center; }
.cw-team { display:flex; flex-direction:column; align-items:center; gap:9px; font:600 12px Arial,sans-serif; color:#f3e7d6; text-shadow:0 2px 6px #000; }
.cw-team-mark { display:grid; place-items:center; width:57px; height:66px; clip-path:polygon(0 0,100% 0,100% 68%,50% 100%,0 68%); background:linear-gradient(135deg,#e56840,#8b241d); box-shadow:inset 0 0 0 4px #ffb58a22; font:400 27px var(--display); }
.cw-team:last-child .cw-team-mark { background:linear-gradient(135deg,#77afb8,#294c5b); }
.cw-versus { color:#eee4d7; font:italic 700 17px Georgia,serif; opacity:.75; }
.organizer-body { display:flex; flex-direction:column; align-items:start; flex:1; padding:4px 26px 26px; }
.mw-purpose-section .organizer-body h3 { max-width:450px; margin:0; font:400 32px/1.08 var(--display); letter-spacing:.01em; }
.mw-purpose-section .organizer-body p { margin:14px 0 0; min-height:0; max-width:none; color:#c0b8ad; font:14px/1.65 "Segoe UI",Arial,sans-serif; }
.organizer-benefits { list-style:none; display:grid; gap:11px; margin:19px 0 24px; padding:0; font:13px/1.5 "Segoe UI",Arial,sans-serif; color:#b4aca1; }
.organizer-benefits li { position:relative; padding-left:18px; }
.organizer-benefits li::before { content:"✓"; position:absolute; left:0; color:#e89970; font-weight:700; }
.organizer-benefits strong { color:#e6dfd4; font-weight:600; }
.organizer-bottom { display:flex; flex-wrap:wrap; align-items:center; gap:12px; width:100%; margin-top:auto; padding-top:22px; }
.mw-purpose-section .organizer-bottom .button { font:700 12px/1.4 Arial,sans-serif; letter-spacing:0; text-transform:none; min-height:44px; min-width:190px; }
.organizer-bottom small { max-width:170px; color:#9d968d; font:11px/1.5 Arial,sans-serif; }
.cw-note { display:flex; align-items:center; gap:13px; width:100%; margin:24px 0 8px; padding:15px 0; border-top:1px solid #ffffff12; border-bottom:1px solid #ffffff12; }
.cw-note b { color:#eea277; font:400 29px var(--display); white-space:nowrap; }
.cw-note span { color:#b4aca1; font:12px/1.5 Arial,sans-serif; }
.tournament-visual { padding:19px 20px 12px; background:radial-gradient(ellipse at 70% 50%,#74331c33,transparent 65%),linear-gradient(0deg,#101111,#0d1113); }
.demo-topline { display:flex; align-items:center; justify-content:space-between; gap:8px; color:#b19f8e; font:10px/1.4 Arial,sans-serif; letter-spacing:.04em; }
.demo-replay { border:0; padding:6px 0 6px 10px; background:none; color:#e5b292; font:11px Arial,sans-serif; cursor:pointer; }
.demo-replay:disabled { opacity:.5; cursor:default; }
.tourney-bracket { display:grid; grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr) 25px 64px; align-items:center; height:167px; }
.tourney-bracket .bracket-round { width:auto; max-width:100%; min-width:0; flex:none; padding:0; }
.tourney-bracket .bracket-match { display:block; min-width:0; padding:0; gap:0; }
.bracket-round { display:grid; gap:14px; }
.bracket-match { overflow:hidden; border:1px solid #3b3d3c; border-radius:3px; background:#171b1d; box-shadow:0 5px 15px #0004; }
.bracket-match > span { display:flex; justify-content:space-between; align-items:center; gap:6px; min-height:27px; padding:4px 9px; color:#9b9b96; font:11px/1.3 Arial,sans-serif; }
.bracket-match > span + span { border-top:1px solid #ffffff09; }
.bracket-match b { font-size:11px; }
.bracket-match .round-winner { background:#e96b3414; color:#f5d9b9; }
.bracket-match .round-winner b { color:#f4aa72; }
.bracket-final { position:relative; }
.bracket-final::before { content:"Финал"; position:absolute; top:-22px; left:0; color:#aa9b8f; font:10px Arial,sans-serif; }
.bracket-route { position:relative; height:106px; }
.bracket-route::before { content:""; position:absolute; top:16px; bottom:16px; left:0; right:15px; border:1px solid #504638; border-left:0; border-radius:0 4px 4px 0; }
.bracket-route::after { content:""; position:absolute; top:50%; left:17px; right:0; border-top:1px solid #b67950; }
.bracket-route-final { height:1px; background:#b67950; }
.bracket-champion { display:flex; flex-direction:column; align-items:center; gap:5px; text-align:center; color:#eabb7c; }
.bracket-champion svg { width:33px; height:36px; fill:none; stroke:currentColor; stroke-width:1.5; filter:drop-shadow(0 0 7px #eaa14d44); }
.bracket-champion strong { color:#f2dfc6; font:700 11px Arial,sans-serif; }
.bracket-champion small { color:#a3907c; font:9px Arial,sans-serif; }
.tournament-demo.is-playing .round-a .round-winner { animation:round-advance 4.8s both; }
.tournament-demo.is-playing .round-b .round-winner { animation:round-advance 4.8s .65s both; }
.tournament-demo.is-playing .bracket-route { animation:route-advance 4.8s both; }
.tournament-demo.is-playing .bracket-final { animation:final-advance 4.8s both; }
.tournament-demo.is-playing .bracket-route-final { animation:final-route 4.8s both; }
.tournament-demo.is-playing .bracket-champion { animation:champion-advance 4.8s both; }
@keyframes round-advance { 0%,9% { color:#aaa; background:#171b1d; } 22%,100% { color:#f5d9b9; background:#e96b3429; } }
@keyframes route-advance { 0%,24% { opacity:.15; } 40%,100% { opacity:1; } }
@keyframes final-advance { 0%,33% { opacity:.15; transform:translateX(-5px); } 51%,100% { opacity:1; transform:none; } }
@keyframes final-route { 0%,55% { opacity:.15; } 65%,100% { opacity:1; } }
@keyframes champion-advance { 0%,61% { opacity:.1; transform:scale(.85); } 78%,100% { opacity:1; transform:none; } }

/* The configurator deserves an entry point, not a hidden game sub-menu. */
.config-discovery { display:grid; grid-template-columns:280px minmax(0,1fr); gap:0; margin-bottom:18px; border:1px solid #3c3b33; background:#111513; overflow:hidden; }
.config-preview { position:relative; min-height:235px; background:linear-gradient(0deg,#0f1413b3,transparent 80%),url('/assets/brand/v2/hero-cs2-v2.webp') center/cover; }
.config-preview::after { content:""; position:absolute; inset:0; box-shadow:inset 0 0 70px #09100fa6; pointer-events:none; }
.config-crosshair { position:absolute; top:50%; left:50%; width:46px; height:46px; transform:translate(-50%,-50%); filter:drop-shadow(0 1px 2px #000); }
.config-crosshair i { position:absolute; display:block; background:#a4ef6c; box-shadow:0 0 0 1px #0009; }
.config-crosshair i:nth-child(1),.config-crosshair i:nth-child(2) { width:3px; height:16px; left:21px; }
.config-crosshair i:nth-child(2) { bottom:0; }
.config-crosshair i:nth-child(3),.config-crosshair i:nth-child(4) { height:3px; width:16px; top:21px; }
.config-crosshair i:nth-child(4) { right:0; }
.config-preview-caption { position:absolute; bottom:18px; left:18px; z-index:1; color:#e1ebd5; font:11px Arial,sans-serif; }
.config-content { padding:24px 28px; }
.config-content .eyebrow { color:#d5b585; font:700 10px Arial,sans-serif; letter-spacing:.1em; }
.config-content h3 { margin:9px 0; font:400 29px/1.1 var(--display); text-transform:uppercase; }
.config-content p { max-width:660px; margin:0; color:#bbb7ae; font:13px/1.65 "Segoe UI",Arial,sans-serif; }
.config-games { display:flex; align-items:center; flex-wrap:wrap; gap:7px; margin-top:17px; }
.config-games > span { color:#989e93; font:11px Arial,sans-serif; margin-right:5px; }
.config-games a { display:inline-flex; align-items:center; justify-content:center; min-height:36px; min-width:42px; padding:0 10px; border:1px solid #515346; border-radius:3px; color:#e3e7d6; background:#ffffff05; font:700 11px Arial,sans-serif; }
.config-games a:hover { background:#b5d9781a; border-color:#b5d978; }
.account-actions .steam-signin { gap:10px; background:linear-gradient(135deg,#244857,#162a39); border-color:#558198; color:#edf7fc; font:600 13px Arial,sans-serif; text-transform:none; letter-spacing:0; }
.steam-signin img { width:25px; height:25px; object-fit:contain; }
.account-actions .account-alternative { color:#bdb8ad; font:12px/1.6 Arial,sans-serif; text-align:center; }
.account-actions .account-alternative:hover { color:#fff; }
.account-actions .account-email { min-height:38px; border-color:#5a4c40; font:600 12px Arial,sans-serif; text-transform:none; letter-spacing:0; }
.account-actions small { max-width:230px; color:#a89d90; font:10px/1.5 Arial,sans-serif; text-align:center; }
@media(max-width:1000px) { .tourney-bracket { grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 16px 48px; } .bracket-route::before { right:11px; } .bracket-route::after { left:13px; } .organizer-body { padding:4px 21px 22px; } .tournament-visual { padding-inline:15px; } }
@media(max-width:850px) { .mw-purpose-section .organizer-grid { grid-template-columns:1fr; } .tourney-bracket { grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr) 25px 64px; } .bracket-route::before { right:15px; } .bracket-route::after { left:17px; } .config-discovery { grid-template-columns:210px minmax(0,1fr); } .config-content { padding:22px; } }
@media(max-width:620px) {
  .organizer-visual { height:209px; }
  .mw-purpose-section .organizer-body h3 { font-size:29px; }
  .mw-purpose-section .organizer-body p { font-size:13px; }
  .organizer-bottom { padding-top:16px; }
  .organizer-bottom small { max-width:none; }
  .tourney-bracket { grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr) 16px 44px; height:153px; }
  .bracket-route::before { right:9px; } .bracket-route::after { left:11px; }
  .bracket-match > span { padding:4px 6px; }
  .bracket-champion small { display:none; }
  .config-discovery { grid-template-columns:1fr; }
  .config-preview { min-height:155px; background-position:center 48%; }
  .config-content { padding:22px 20px; }
  .config-games > span { width:100%; }
  .config-games a { min-height:44px; }
  .account-actions small { max-width:none; }
}
@media(prefers-reduced-motion:reduce) { .tournament-demo.is-playing * { animation:none!important; } .demo-replay { display:none; } }
.mw-home-redesign { gap:56px!important; padding-bottom:64px; }
.mw-home-redesign > .home-section { margin:0; }
.mw-discovery { --display:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif; --accent:#f15334; --muted:#b4ada2; color:#e8e3d9; }
.mw-discovery *, .mw-home-shortcuts * { box-sizing:border-box; }
.mw-discovery .section-head { display:flex; justify-content:space-between; align-items:end; gap:28px; margin-bottom:24px; }
.mw-discovery .eyebrow { color:#eb7754; font:700 10px/1.5 "Segoe UI",sans-serif; letter-spacing:.14em; text-transform:uppercase; }
.mw-discovery .section-head h2 { margin:8px 0 0; font:400 clamp(28px,3vw,42px)/1.08 var(--display); text-transform:uppercase; }
.mw-discovery .section-head p { max-width:455px; margin:0; color:var(--muted); font:14px/1.6 "Segoe UI",sans-serif; }
.mw-discovery .text-link { color:#e3d5c4; font:700 12px/1.5 "Segoe UI",sans-serif; text-decoration:none; }
.mw-discovery .text-link::after { content:" →"; color:#f1815b; }
.mw-discovery .button { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:12px 18px; border:1px solid #645348; border-radius:2px; color:#eee2d4; text-decoration:none; background:#ffffff04; font:700 13px/1.4 "Segoe UI",sans-serif; }
.mw-discovery .button.primary { background:#ee5737; border-color:#ee5737; color:#180d07; }
.mw-discovery a:hover { filter:brightness(1.12); }
.mw-home-redesign a:focus-visible,.mw-home-redesign button:focus-visible { outline:2px solid #ffa575; outline-offset:4px; }
.mw-home-shortcuts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:-4px 0 4px; }
.mw-home-shortcuts > a { min-width:0; min-height:108px; display:flex; align-items:center; gap:14px; padding:20px 17px; border:1px solid #453c32; background:#0e100ff0; color:#eee4d6; text-decoration:none; }
.mw-home-shortcuts > a.is-primary { background:linear-gradient(130deg,#f55b38,#bd3825); border-color:#fa6c44; color:#160d08; }
.mw-home-shortcuts a > span { flex-shrink:0; display:grid; place-items:center; width:42px; height:42px; border:1px solid currentColor; border-radius:50%; font:700 15px/1 "Segoe UI",sans-serif; }
.mw-home-shortcuts strong { display:block; font:700 15px/1.2 "Segoe UI",sans-serif; text-transform:uppercase; }
.mw-home-shortcuts small { display:block; margin-top:7px; color:#aaa195; font:11px/1.4 "Segoe UI",sans-serif; }
.mw-home-shortcuts .is-primary small { color:#32190d; }
.mw-home-shortcuts a > b { margin-left:auto; }
/* Keep quick entry points inside the hero, on a single compact baseline. */
body[data-home="1"] .mw-home-hero { min-height:100svh; height:auto; aspect-ratio:auto; }
body[data-home="1"] .mw-home-hero .mw-home-shortcuts { position:absolute; z-index:3; bottom:28px; left:50%; transform:translateX(-50%); width:min(1400px,var(--site-shell-width)); margin:0; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
body[data-home="1"] .mw-home-shortcuts > a { min-height:84px; padding:14px 13px; gap:10px; }
body[data-home="1"] .mw-home-shortcuts a > div { min-width:0; }
body[data-home="1"] .mw-home-shortcuts a > span { width:34px; height:34px; font-size:12px; }
body[data-home="1"] .mw-home-shortcuts strong { font-size:14px; line-height:1.3; text-transform:none; }
body[data-home="1"] .mw-home-shortcuts small { margin-top:4px; font-size:11px; }
body[data-home="1"] main.mw-home-redesign { padding-top:52px; }
body[data-home="1"] .mw-home-shortcuts a:focus-visible { outline:2px solid #ffa575; outline-offset:4px; }
@media(max-width:1100px) {
  body[data-home="1"] .mw-home-hero .mw-home-shortcuts { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body[data-home="1"] .mw-home-shortcuts > a { min-height:74px; }
}
@media(max-width:620px) {
  body[data-home="1"] .mw-home-hero .mw-home-shortcuts { bottom:20px; width:calc(100% - 24px); gap:8px; }
  body[data-home="1"] .mw-home-shortcuts > a { min-height:76px; padding:11px 12px; }
  body[data-home="1"] .mw-home-shortcuts a > span,body[data-home="1"] .mw-home-shortcuts a > b { display:none; }
  body[data-home="1"] .mw-home-shortcuts strong { font-size:13px; }
  body[data-home="1"] .mw-home-shortcuts small { font-size:10px; }
  body[data-home="1"] main.mw-home-redesign { padding-top:32px; }
}
.mw-discovery .organizer-grid { display:grid; }
.mw-home-redesign .home-section-head > div > span,.mw-home-redesign .mw-discovery .eyebrow,.mw-home-redesign .home-story-kicker { color:#f15632; font:700 10px/1.5 var(--mono)!important; letter-spacing:.2em; text-transform:uppercase; }
.mw-discovery .home-section-head h2 { font-family:"Cinzel",Georgia,"Times New Roman",serif; }
.mw-purpose-section .organizer-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
.mw-purpose-section .organizer-visual { min-height:320px; height:100%; }
.mw-purpose-section .cw-matchup { inset:70px 22px 28px; height:auto; min-height:0; padding-bottom:0; }
.mw-purpose-section .tournament-visual { display:flex; flex-direction:column; justify-content:center; }
.mw-purpose-section .demo-topline { position:absolute; top:20px; left:20px; right:20px; }
.mw-purpose-section .organizer-body { padding:28px; }
@media(max-width:1000px) { .mw-purpose-section .organizer-card { grid-template-columns:1fr; } .mw-purpose-section .organizer-visual { min-height:250px; height:250px; }  .mw-discovery .home-section-head { flex-direction:column; align-items:start; gap:14px; } }
.mw-discovery .organizer-card { border:1px solid #493b31; overflow:hidden; border-radius:0; transition:border-color .18s ease,box-shadow .18s ease; }
.mw-discovery .tag { position:absolute; padding:8px 10px; background:#f15a39; color:#1c0a05; border-radius:2px; text-transform:uppercase; }
.mw-discovery .platform-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.mw-discovery .feature-card { display:flex; min-width:0; overflow:hidden; flex-direction:column; border:1px solid #363831; background:#111413; }
.mw-discovery .feature-picture { height:140px; display:flex; align-items:center; justify-content:center; gap:8px; background-position:center; background-size:cover; }
.mw-discovery .feature-picture img { width:68px; height:68px; object-fit:contain; }
.mw-discovery .feature-people .feature-picture { background:radial-gradient(ellipse,#314348,#121916 72%); }
.mw-discovery .feature-people img { border-radius:50%; border:2px solid #77624c; }
.mw-discovery .feature-clan .feature-picture { background:radial-gradient(ellipse,#554025,#191713 72%); }
.mw-discovery .feature-clan img { width:94px; height:104px; }
.mw-discovery .feature-account .feature-picture { background:radial-gradient(ellipse,#27495c,#101a21 72%); }
.mw-discovery .feature-fame .feature-picture span { color:#eec282; font-size:65px; text-shadow:0 4px 16px #000; }
.mw-discovery .feature-body { display:flex; min-height:210px; flex:1; flex-direction:column; padding:21px 23px 24px; }
.mw-discovery .feature-body h3 { margin:0 0 12px; font:400 26px/1.1 var(--display); text-transform:uppercase; }
.mw-discovery .feature-body p { min-height:44px; margin:0 0 18px; color:#b5ada1; font:13px/1.65 "Segoe UI",sans-serif; }
.mw-discovery .feature-body .text-link { margin-top:auto; align-self:flex-start; }
.mw-discovery.account-strip { display:grid; grid-template-columns:1fr auto; align-items:center; gap:30px; padding:38px 42px; border:1px solid #704230; background:linear-gradient(90deg,#180f0ef5,#241812b8),url('/assets/brand/v2/hero-q3.jpg') center/cover; }
.mw-discovery.account-strip h2 { margin:9px 0 14px; font:400 40px/1.1 var(--display); text-transform:uppercase; }
.mw-discovery.account-strip p { max-width:620px; color:#b5aca0; font:14px/1.6 "Segoe UI",sans-serif; }
.mw-discovery .account-actions { display:flex; flex-direction:column; gap:9px; }
.mw-recent-battles .mw-battle-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.mw-battle-card { position:relative; display:flex; min-width:0; min-height:290px; flex-direction:column; justify-content:space-between; padding:20px; overflow:hidden; isolation:isolate; border:1px solid #51412e; border-radius:0; color:#f1e9db; text-decoration:none; background:#101312; transition:border-color .18s ease,box-shadow .18s ease; }
.mw-battle-card > img { position:absolute; z-index:-2; inset:0; width:100%; height:100%; object-fit:cover; opacity:.63; }
.mw-battle-card::before { content:""; z-index:-1; position:absolute; inset:0; background:linear-gradient(180deg,#05080799,#07100c7a 30%,#080c0beb 87%); }
.mw-battle-meta,.mw-battle-footer { display:flex; justify-content:space-between; gap:12px; align-items:center; font:11px/1.5 "Segoe UI",sans-serif; color:#d0c5b1; }
.mw-battle-meta > span { font-weight:700; color:#fff0da; }
.mw-battle-result { margin:28px 0; }
.mw-battle-result p { margin:0 0 10px; font:700 16px/1.5 "Segoe UI",sans-serif; overflow-wrap:anywhere; }
.mw-battle-result p span { color:#baae94; font-weight:400; }
.mw-battle-result > strong { display:block; color:#ffba82; font:400 48px/1 Impact,Haettenschweiler,sans-serif; text-shadow:0 3px 12px #000; }
.mw-battle-result > strong i { font-style:normal; color:#d3c8b1; }
.mw-battle-result > strong small { font:13px "Segoe UI",sans-serif; color:#d5c9b7; }
.mw-battle-result > .mw-battle-finished { font-size:26px; }
.mw-battle-duel { display:grid; place-items:center; text-align:center; }
.mw-battle-duel p { display:flex; width:100%; align-items:center; justify-content:center; gap:8px; margin:0 0 12px; font:800 clamp(15px,1.08vw,22px)/1.2 "Segoe UI",sans-serif; }
.mw-battle-duel p b { white-space:nowrap; }
.mw-battle-duel p span { flex:0 0 auto; color:#b9aa93; font:400 12px/1 var(--display); text-transform:uppercase; }
.mw-battle-duel > strong { color:#ffba82; font:400 54px/1 Impact,Haettenschweiler,sans-serif; text-shadow:0 3px 12px #000; }
.mw-battle-duel > strong i { color:#d3c8b1; font-style:normal; }
.mw-battle-teams { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:start; gap:12px; text-align:center; }
.mw-battle-teams > i { align-self:start; margin-top:34px; color:#d3c8b1; font:400 43px/1 Impact,Haettenschweiler,sans-serif; font-style:normal; }
.mw-battle-team { display:grid; min-width:0; justify-items:center; }
.mw-battle-team > span { padding:4px 9px; border:1px solid currentColor; color:#aebfe8; font:800 11px/1 var(--mono); letter-spacing:.14em; }
.mw-battle-team.is-red > span { color:#f08b78; }
.mw-battle-team > strong { margin:6px 0 5px; color:#ffba82; font:400 43px/1 Impact,Haettenschweiler,sans-serif; text-shadow:0 3px 12px #000; }
.mw-battle-team ul { display:grid; gap:2px; width:100%; margin:0; padding:0; list-style:none; }
.mw-battle-team li { min-width:0; overflow:hidden; color:#f2e8da; font:700 11px/1.25 "Segoe UI",sans-serif; text-overflow:ellipsis; white-space:nowrap; }
.mw-battle-footer { border-top:1px solid #b59e7d30; padding-top:12px; }
.mw-battle-footer > b { font-size:22px; color:#ffad70; }
@media(max-width:1100px) { .mw-home-shortcuts { grid-template-columns:repeat(2,minmax(0,1fr)); } .mw-recent-battles .mw-battle-grid { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:12px; } .mw-battle-card { min-width:78%; scroll-snap-align:start; } }
@media(max-width:800px) { .mw-discovery .platform-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .mw-discovery.account-strip { grid-template-columns:1fr; padding:28px; } .mw-discovery .section-head { align-items:start; flex-direction:column; gap:14px; } }
@media(max-width:520px) { .mw-home-redesign { gap:36px!important; } .mw-home-shortcuts { gap:8px; } .mw-home-shortcuts > a { min-height:110px; padding:13px 11px; gap:8px; } .mw-home-shortcuts a > span,.mw-home-shortcuts a > b { display:none; } .mw-home-shortcuts strong { font-size:13px; } .mw-discovery .platform-grid { grid-template-columns:1fr; } .mw-discovery .feature-body { min-height:190px; } .mw-discovery .feature-body p { min-height:0; } .mw-discovery.account-strip { padding:24px 20px; } .mw-discovery.account-strip h2 { font-size:32px; } .mw-battle-duel p { font-size:18px; } .mw-battle-duel > strong { font-size:48px; } }

/* One vertical rhythm for homepage sections: do not stack legacy section
   padding and component margins on top of the flex gap. Hero and card interiors
   deliberately remain unchanged. */
main.site-home-content.mw-home-redesign {
  gap:48px!important;
  padding-top:40px!important;
  padding-bottom:40px!important;
}
main.site-home-content.mw-home-redesign > .home-section {
  padding-top:0!important;
  margin-block:0;
}

/* Homepage frame language: square geometry and a restrained brand-orange hover. */
body[data-home="1"] .mw-home-shortcuts>a,
body[data-home="1"] .mw-discovery .organizer-card,
body[data-home="1"] .mw-discovery .feature-card,
body[data-home="1"] .mw-discovery.account-strip,
body[data-home="1"] .mw-discovery .config-discovery,
body[data-home="1"] .mw-discovery .mw-battle-card {
  border-radius:0;
  transition:border-color .18s ease,box-shadow .18s ease,filter .18s ease;
}
body[data-home="1"] .mw-home-shortcuts>a:hover,
body[data-home="1"] .mw-discovery .organizer-card:hover,
body[data-home="1"] .mw-discovery .feature-card:hover,
body[data-home="1"] .mw-discovery.account-strip:hover,
body[data-home="1"] .mw-discovery .config-discovery:hover,
body[data-home="1"] .mw-discovery .mw-battle-card:hover {
  border-color:#f06a3f;
  box-shadow:inset 0 0 0 1px rgba(240,106,63,.08);
}
main.site-home-content.mw-home-redesign > .hsm,
main.site-home-content.mw-home-redesign > .home-story { margin-block:0; }
@media(max-width:700px) {
  main.site-home-content.mw-home-redesign {
    gap:32px!important;
    padding-top:28px!important;
    padding-bottom:32px!important;
  }
}