/* This entire experience is scoped to the existing phone breakpoint. */
.m-bottom-nav,.m-game-switch{display:none}
@media(max-width:760px){
 :root{--m-nav-height:64px;--m-safe-bottom:env(safe-area-inset-bottom,0px)}
 html{scroll-padding-bottom:calc(var(--m-nav-height) + var(--m-safe-bottom) + 20px)}
 body{padding-bottom:calc(var(--m-nav-height) + var(--m-safe-bottom))}
 .header .main-nav,.header .header-end{display:none!important}
 .header .header-inner{min-height:72px;padding-block:10px;gap:10px;justify-content:space-between}
 .header .brand-logo{width:176px;height:auto;max-width:none}
 .m-game-switch{display:flex;align-items:center;justify-content:center;gap:4px;min-height:46px;width:112px;flex:none;padding:5px 7px;border:1px solid #3D5774;border-radius:10px;background:#F5F8FC;color:#13325C;cursor:pointer}
 .m-game-switch img{width:86px;height:34px;object-fit:contain}
 .gamebar{border:0;background:transparent}
 .gamebar-inner>.game-tab,.gamebar .sample-label{display:none}
 .gamebar-inner{padding-block:0!important;min-height:0!important}
 .gamebar-community{margin:12px 0 0;padding:0;gap:0}
 .gamebar:not(:has(.home-quick-search)){display:none}
 .home-quick-search input{font-size:16px}
 .main:has(.home-highlights){padding-top:18px}
 .home-highlights .news-stage{height:230px}
 .home-highlights .news-stage.editorial:not(.spoiler-highlight) .news-art{position:absolute;inset:0;height:100%;width:100%;aspect-ratio:auto;z-index:-2}
 .home-highlights .news-stage.editorial:not(.spoiler-highlight):after{display:block;background:linear-gradient(0deg,#071321fa,#071321b0 35%,#0713210a 100%)}
 .home-highlights .news-arrows button{min-width:44px;min-height:44px}
 .home-highlights .news-dots button{height:44px}
 .home-related{margin:12px 0 22px}
 .home-related-titles a{padding-block:9px;min-height:44px}
 .home-related-titles strong{font-size:13px;line-height:1.4}
 .m-all-news{display:inline-flex;align-items:center;min-height:44px;color:#74C7EF;font-size:13px;font-weight:650}
 .m-tools h2{font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px;color:#ADBFD2}
 .m-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .m-tool-grid a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:86px;border:1px solid #3D5774;border-radius:12px;background:#132337;color:#F5F8FC;font-size:15px;font-weight:700}
 .m-tool-grid svg{color:#74C7EF}
 .m-section-title{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:12px}
 .m-section-title h2{font-size:19px;line-height:1.25;margin:0}
 .m-section-title>a{font-size:12px;white-space:nowrap;min-height:44px;display:flex;align-items:center;color:#74C7EF}
 .m-tournament-rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:3px 3px 8px;overscroll-behavior-x:contain}
 .m-tournament-rail::-webkit-scrollbar{display:none}
 .m-tournament-rail .home-tournament-card{flex:0 0 88%;scroll-snap-align:start;min-height:244px}
 .m-tournament-rail .home-tournament-card>div{padding:38px 16px 16px}
 .m-tournament-rail .home-tournament-card h3{font-size:17px;margin:7px 0;line-height:1.3}
 .m-tournament-rail .home-tournament-card>div>span{margin-top:12px}
 .m-carousel-controls{display:flex;gap:12px;align-items:center;justify-content:flex-end;font-size:12px;color:#ADBFD2;margin-top:4px}
 .m-carousel-controls button{width:44px;height:44px;border:1px solid #3D5774;border-radius:10px;background:#132337;color:#F5F8FC;cursor:pointer}
 .m-carousel-controls button:disabled{opacity:.4;cursor:default}
 .m-reveal-list{border:1px solid #3D5774;border-radius:12px;overflow:hidden;background:#132337}
 .m-reveal-list>button{display:flex;align-items:center;gap:12px;width:100%;min-height:68px;text-align:left;border:0;border-bottom:1px solid #3D5774;padding:12px;background:transparent;color:#F5F8FC;cursor:pointer;font:inherit}
 .m-reveal-list>button:last-child{border-bottom:0}
 .m-reveal-list>button>span:nth-child(2){flex:1;min-width:0}
 .m-reveal-list strong,.m-reveal-list small{display:block;overflow-wrap:anywhere}
 .m-reveal-list strong{font-size:14px;font-weight:600;line-height:1.4}
 .m-reveal-list small{font-size:11px;color:#ADBFD2}
 .m-card-dots{display:flex;gap:3px;min-width:28px;max-width:30px;flex-wrap:wrap}
 .m-card-dots i{width:12px;height:12px;border-radius:50%;background:var(--card-color);border:1px solid #ADBFD2}
 .m-periods{display:flex;gap:6px;margin-bottom:10px}
 .m-periods button{flex:1;min-height:44px;background:#132337;color:#F5F8FC;border:1px solid #3D5774;border-radius:9px;font:inherit;font-size:13px;cursor:pointer}
 .m-periods button[aria-pressed=true]{background:#F9C82C;color:#13325C;font-weight:800;text-decoration:underline;text-underline-offset:4px}
 .m-popular-list{list-style:none;margin:0;padding:0;border-block:1px solid #3D5774}
 .m-popular-list li+li{border-top:1px solid #23394f}
 .m-popular-list a{display:flex;align-items:center;gap:12px;min-height:66px;padding:10px 2px;color:#F5F8FC}
 .m-popular-list .m-rank{width:24px;color:#74C7EF;font-size:19px;font-weight:800;text-align:center;flex:none}
 .m-popular-list a>span:nth-child(2){flex:1;min-width:0}
 .m-popular-list strong{font-size:14px;overflow-wrap:anywhere;display:block}
 .m-popular-list small{display:block;color:#ADBFD2;font-size:11px;margin-top:3px}
 .m-popular-list b{font-size:14px;color:#ADBFD2;font-variant-numeric:tabular-nums}
 .m-metric-help{font-size:12px;color:#ADBFD2;margin-top:8px}
 .m-metric-help summary{min-height:44px;padding-block:12px;cursor:pointer}
 .m-metric-help p{line-height:1.6;margin-top:0}
 .m-popular-list .m-card-name{display:flex;align-items:center;gap:7px}
 .m-popular-list .m-card-name .m-card-dots{min-width:12px;max-width:28px;flex:none}
 .m-popular-card small{padding-top:2px}
 .m-meta{border:1px solid #3D5774;border-radius:14px;background:#132337;padding:18px}
 .m-meta>h2{font-size:21px;margin:0 0 8px}
 .m-meta-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
 .m-meta-heading h2{font-size:20px;line-height:1.2;margin:0;min-width:0}
 .m-meta-heading select{width:94px;min-height:44px;flex:none;padding:8px;border:1px solid #3D5774;border-radius:9px;background:#0B1524;color:#F9C82C;font:inherit;font-size:13px;font-weight:650;cursor:pointer}
 .m-meta-heading select:focus-visible{outline:3px solid #F9C82C;outline-offset:2px}
 @media(max-width:350px){.m-meta-heading h2{font-size:18px}.m-meta-heading select{width:84px}}
 .m-meta-context{font-size:12px;color:#ADBFD2;line-height:1.65;margin:0 0 16px}
 .m-meta h3{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#ADBFD2;margin:0 0 12px}
 .m-meta-top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
 .m-meta-top a{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;min-width:0;color:#F5F8FC}
 .m-meta-top img{width:100%;max-width:90px;height:auto;aspect-ratio:5/7;object-fit:contain;border-radius:5px}
 .m-meta-top a>span{font-size:12px;line-height:1.35;overflow-wrap:anywhere}
 .m-meta-top strong{font-size:22px;color:#F9C82C;margin-top:auto;line-height:1.3}
 .m-meta-no-art{min-height:100px;display:flex;align-items:center;background:#0B1524;border-radius:5px}
 .m-dominant{border-top:1px solid #3D5774;margin-top:18px;padding-top:14px}
 .m-dominant h3{margin-bottom:8px}
 .m-dominant p{display:flex;align-items:center;gap:8px;margin:0 0 5px;font-size:15px}
 .m-dominant .m-card-dots{min-width:12px}
 .m-dominant strong{margin-left:auto;color:#F9C82C;font-size:20px}
 .m-dominant small{font-size:11px;color:#ADBFD2;line-height:1.5;display:block}
 .m-meta-cta{display:flex;align-items:center;justify-content:center;min-height:44px;color:#F9C82C;font-size:14px;font-weight:750;border-top:1px solid #3D5774;margin-top:14px;padding-top:8px}
 .m-featured-decks>.footnote{margin-bottom:5px}
 .m-deck-list{list-style:none;margin:0;padding:0;border-block:1px solid #3D5774}
 .m-deck-list li+li{border-top:1px solid #23394f}
 .m-deck-list a{display:flex;align-items:center;gap:10px;min-height:78px;padding:10px 0;color:#F5F8FC}
 .m-deck-list img{width:40px;height:56px;object-fit:contain;flex:none;border-radius:4px}
 .m-deck-list a>span:nth-last-child(3){flex:1;min-width:0}
 .m-deck-list strong,.m-deck-list small{display:block;overflow-wrap:anywhere}
 .m-deck-list strong{font-size:14px;line-height:1.4}
 .m-deck-list small{font-size:11px;color:#ADBFD2;margin-top:3px}
 :is(.m-meta,.m-featured-decks) a:focus-visible{outline:3px solid #F9C82C;outline-offset:3px}
 .support-card .support-copy p{font-size:14px;margin:8px 0}
 .support-card .support-copy small{display:none}
 .support-card{padding:20px!important;gap:12px!important}
 .support-card h2{font-size:22px}
 .home-discord{padding-top:4px}
 .m-bottom-nav{position:fixed;bottom:0;inset-inline:0;z-index:100;display:grid;grid-template-columns:1fr 1fr;background:#0B1524;border-top:1px solid #3D5774;padding-bottom:var(--m-safe-bottom);box-shadow:0 -4px 18px #0003}
 .m-bottom-nav>a,.m-bottom-nav>button{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:var(--m-nav-height);border:0;background:transparent;color:#ADBFD2;font:inherit;font-size:12px;font-weight:650;cursor:pointer}
 .m-bottom-nav [aria-current=page],.m-bottom-nav .m-current,.m-bottom-nav [aria-expanded=true]{color:#F9C82C}
 .m-bottom-nav [aria-current=page]::before,.m-bottom-nav .m-current::before,.m-bottom-nav [aria-expanded=true]::before{content:'';position:absolute;top:0;width:32px;height:3px;background:#F9C82C;border-radius:0 0 3px 3px}
 .m-keyboard .m-bottom-nav{display:none}
 #toast,.privacy-feedback{bottom:calc(var(--m-nav-height) + var(--m-safe-bottom) + 14px)!important;max-width:calc(100vw - 32px)}
 .cookie-banner{bottom:calc(var(--m-nav-height) + var(--m-safe-bottom) + 10px)}
 .m-sheet{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:min(88dvh,760px);padding:0 0 var(--m-safe-bottom);border:1px solid #3D5774;border-radius:22px 22px 0 0;background:#132337;color:#F5F8FC;overflow:hidden;box-sizing:border-box}
 .m-sheet[open]{display:flex;flex-direction:column}
 .m-sheet::backdrop{background:#020811ad}
 .m-sheet-handle{height:24px;display:flex;align-items:center;justify-content:center;touch-action:none;flex:none}
 .m-sheet-handle i{width:38px;height:4px;background:#698399;border-radius:4px}
 .m-sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px 12px;flex:none}
 .m-sheet-heading h2{font-size:23px;margin:0}
 .m-sheet-heading p{font-size:13px;color:#ADBFD2;margin:4px 0 0}
 .m-sheet-close{width:44px;height:44px;flex:none;border:1px solid #3D5774;border-radius:50%;background:transparent;color:#F5F8FC;font-size:26px;cursor:pointer}
 .m-sheet-scroll{overflow-y:auto;overscroll-behavior:contain;padding:0 20px 18px;min-height:0}
 .m-sheet-tools a{display:flex;align-items:center;gap:14px;padding:10px 0;min-height:62px;color:#F5F8FC;border-bottom:1px solid #2d445c}
 .m-sheet-tools a>svg{color:#74C7EF;flex:none}
 .m-sheet-tools a>span:nth-child(2){flex:1;min-width:0}
 .m-sheet-tools strong,.m-sheet-tools small{display:block}
 .m-sheet-tools strong{font-size:16px}
 .m-sheet-tools small{font-size:12px;color:#ADBFD2;margin-top:4px}
 .m-secondary{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;margin-top:12px}
 .m-secondary a,.m-secondary button{display:flex;align-items:center;gap:8px;min-height:48px;color:#F5F8FC;font-size:13px;background:none;border:0;padding:0;text-align:left;font-family:inherit}
 .m-secondary>a:nth-child(n+3){color:#ADBFD2;font-size:12px}
 .m-secondary .m-register-tournament{justify-content:center;padding:10px 8px;background:#F9C82C;color:#13325C;border:1px solid #F9C82C;border-radius:7px;font-size:11px;font-weight:800;line-height:1.35;text-align:center}
 .m-secondary .m-register-tournament:hover{background:#ffda62}
 .m-game-list{display:grid;gap:12px}
 .m-game-list>button,.m-game-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:90px;padding:16px;border:1px solid #3D5774;border-radius:12px;background:#0B1524;color:#F5F8FC;font:inherit;font-size:13px}
 .m-game-list>button{border-color:#F9C82C;cursor:pointer}
 .m-game-list>button span{color:#F9C82C}
 .m-game-list img{width:128px;height:56px;object-fit:contain;background:#F5F8FC;border-radius:6px;padding:5px}
 .m-game-list>[aria-disabled=true]{opacity:.55}
 .m-game-name{font-size:18px;line-height:1.25}.m-game-list>div>span{white-space:nowrap}
 :is(.m-sheet,.m-tools,.m-bottom-nav,.m-reveals,.m-popular,.m-carousel-controls) :is(a,button):focus-visible,.m-game-switch:focus-visible{outline:3px solid #F9C82C;outline-offset:2px}
 @media(max-width:350px){.header .header-inner{gap:7px;flex-wrap:nowrap}.header .brand-logo{width:158px}.m-game-switch{width:90px;padding:4px}.m-game-switch img{width:69px}.m-sheet-heading,.m-sheet-scroll{padding-inline:16px}}
 @media(prefers-reduced-motion:reduce){.m-tournament-rail{scroll-behavior:auto}}
}