/* Clubhouse — illustrated home, using the Stadium token palette. */
.card.main-menu{
 max-width:1160px;padding:24px;border:1px solid #39556c;border-radius:24px;
 background:linear-gradient(135deg,#142c3d,#0b1929 65%);box-shadow:0 24px 80px #0006;
}
.main-menu .page-content{
 display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);
 grid-template-rows:80px 152px minmax(0,1fr) 48px;
 grid-template-areas:"header header" "play squad" "play tools" "footer footer";
 gap:18px;padding:3px;overflow:hidden;
}
.main-menu .menu-header{grid-area:header;min-height:0;gap:16px;padding-bottom:10px;border-bottom:1px solid #39556c}
.club-brand{display:flex;align-items:center;gap:14px;min-width:0}
/* Logo del juego (el que eligió el usuario) en la cabecera del menú, en lugar del emblema con el nombre escrito */
.menu-logo{display:block;height:clamp(56px,15vw,96px);width:auto;max-width:100%;min-width:0;object-fit:contain;filter:drop-shadow(0 4px 10px #0007)}
@media (max-height:520px){.menu-logo{height:clamp(40px,12vh,66px)}}
.club-emblem{width:64px;height:70px;flex:none;filter:drop-shadow(0 4px 10px #7ee7ec15)}
.main-menu .brand .eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:5px;color:var(--ui-muted)}
.main-menu .brand-name{font-size:31px;font-weight:950;line-height:.92;letter-spacing:-1px;padding:0;transform:skewX(-7deg)}
.main-menu .brand-name span{font-size:34px;letter-spacing:3px;margin-top:3px;color:var(--ui-accent)}
.club-wallet{display:flex;align-items:center;gap:10px;flex:none}
.club-wallet>span{display:grid;grid-template-columns:26px auto;grid-template-rows:18px 13px;gap:0 8px;background:#081522;border:1px solid #39556c;padding:10px 12px;border-radius:10px}
.club-wallet .menu-icon{grid-row:1/3;align-self:center;width:32px;height:32px;color:var(--ui-accent)}
.club-wallet b{font-size:15px;font-variant-numeric:tabular-nums;line-height:18px}
.club-wallet small{font-size:9px;color:var(--ui-muted)}
.menu-icon{display:block;width:26px;height:26px;flex:none}
.main-menu .menu-squad{grid-area:squad;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:12px;padding:15px;border-radius:14px;background:linear-gradient(130deg,#1b344b,#102536);border:1px solid #63839c}
.squad-caption{display:flex;flex-direction:column;gap:3px}
.squad-caption .eyebrow{font-size:8px;letter-spacing:1.5px}
.main-menu .squad-caption b{font-size:17px}
.main-menu .squad-caption small{font-size:10px;color:var(--ui-muted)}
.squad-format{font-size:10px;color:var(--ui-muted);font-weight:500}
.main-menu .squad-faces{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.home-player{display:flex;flex-direction:column;align-items:center;min-width:0;gap:3px}
.main-menu .squad-faces .pix{width:46px!important;height:46px!important;background:#0a1a2b;border:1px solid #63839c;border-radius:8px;box-sizing:border-box}
.home-player>small{display:block;width:100%;text-align:center;font-size:9px;color:var(--ui-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.main-menu .menu-play,.main-menu.has-active-run .menu-play{grid-area:play;min-height:0;display:flex;flex-direction:column;gap:12px}
.main-menu .modes{flex:1;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(100px,2.8fr) minmax(54px,.8fr) minmax(54px,.8fr);gap:12px}
.main-menu .modes>button{min-height:0;min-width:0;padding:14px;gap:12px;border:1px solid #63839c;border-radius:12px;background:#132a3e;text-align:left}
.main-menu .modes .mt{min-width:0}
.main-menu .mode b{font-size:16px;line-height:1.15;font-weight:800;overflow-wrap:normal}
.main-menu .mode small{font-size:10px;line-height:1.4;color:var(--ui-muted);margin-top:5px}
.main-menu .mode-symbol{display:grid;place-items:center;width:40px;height:40px;background:#1b3e51;border:1px solid #396376;border-radius:10px;color:var(--ui-cyan)}
.main-menu .mode-symbol .menu-icon{width:32px;height:32px}
.main-menu #mSpecial .mode-symbol{color:#d5b5ff;background:#302943;border-color:#72618d}
.main-menu #mChain .mode-symbol{color:var(--ui-accent);background:#3d3428;border-color:#827253}
.main-menu #mInf .mode-symbol{color:var(--ui-cyan)}
.main-menu .modes>button.mode-hero{
 position:relative;display:flex;align-items:flex-end;isolation:isolate;overflow:hidden;
 padding:18px 16px 24px;border-radius:14px;border:1px solid #a38c61;background-color:#102536;
 background-image:url("art/story-stadium-v1.webp");background-size:cover;background-position:65% 45%;
 box-shadow:inset 0 0 0 1px #ffffff0c;
}
.main-menu .modes>button.rogue-hero{background-image:url("art/rogue-stadium-v1.webp");border-color:#528fa6;background-position:65% 45%}
.main-menu .mode-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#04101a30 0%,#04101a00 28%,#08121f66 43%,#08121ff5 77%)}
.main-menu .mode-hero::after{display:none}
.main-menu .mode-hero b{font-size:clamp(22px,2.5vw,32px);font-weight:900;letter-spacing:-.7px;text-shadow:0 2px 10px #0008}
.main-menu .mode-hero small{color:#e2eaf3;font-size:11px}
.hero-kicker{position:absolute;left:12px;top:12px;display:flex;align-items:center;gap:6px;color:var(--ui-text);background:#08121fe8;border:1px solid #63839c;padding:5px 7px;border-radius:5px;font-size:8px;font-weight:800;letter-spacing:.7px}
.hero-kicker .menu-icon{width:16px;height:16px;color:var(--ui-accent)}
.rogue-hero .hero-kicker .menu-icon{color:var(--ui-cyan)}
.hero-enter{position:absolute;right:12px;bottom:20px;font-size:23px;color:var(--ui-accent)}
.rogue-hero .hero-enter{color:var(--ui-cyan)}
.main-menu .mode-hero .mt{padding-right:15px}
.arc-progress{position:absolute;display:flex;gap:4px;bottom:10px;left:16px;width:calc(100% - 32px)}
.arc-progress i{height:3px;flex:1;background:#63839c70;border-radius:2px}
.arc-progress i.done{background:var(--ui-accent)}
.main-menu .menu-tools{grid-area:tools;display:flex;flex-direction:column;justify-content:stretch;min-height:0;gap:8px}
.main-menu .menu-shortcuts{flex:1;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:8px}
.main-menu .menu-shortcuts .ghost.big{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:12px;text-align:center;border:1px solid #63839c;border-radius:10px;background:#132a3e;font-size:14px;font-weight:750;line-height:1.15;overflow:hidden}
.main-menu .menu-shortcuts .ghost.big>span{min-width:0}
.main-menu .menu-shortcuts small{display:block;font-size:9px;color:var(--ui-muted);margin-top:5px;line-height:1.3}
.main-menu .mode.locked{opacity:1;background:#102132;border-color:#39556c}
.main-menu .mode.locked .mt b{color:var(--ui-muted)}
.main-menu .mode.locked .mode-symbol{opacity:.65}
.main-menu .menu-shortcuts .menu-icon{color:var(--ui-cyan);width:32px;height:32px}
.main-menu .menu-shortcuts #mGacha{background:linear-gradient(125deg,#453728,#242c36);border-color:#a38c61}
.main-menu #mGacha .menu-icon{color:var(--ui-accent);width:31px;height:31px}
.gacha-spark{position:absolute;right:8px;top:4px;font-size:13px;color:var(--ui-accent);font-style:normal}
.main-menu .scout-icon{display:block;width:40px;height:40px;object-fit:contain;flex:none;filter:drop-shadow(0 0 8px #ffd07820)}
.main-menu #mGallery .menu-icon{color:#d5b5ff}
.main-menu #mQuick .menu-icon{color:#a8f3d0}
.main-menu #mSound .menu-icon,.main-menu #mSaves .menu-icon{color:var(--ui-muted)}
.main-menu .menu-utility{gap:8px;min-height:30px}
.main-menu #mGift,.main-menu #mDiscord{display:flex;align-items:center;gap:7px;font-size:10px;min-height:30px;padding:4px 6px;border:0}
.main-menu #mGift .menu-icon,.main-menu #mDiscord .menu-icon{width:16px;height:16px}
.main-menu #mDiscord{text-decoration:none;color:inherit;white-space:nowrap}
.main-menu .local-label{font-size:7px;display:block;letter-spacing:.5px}
.main-menu #mAbandon{font-size:9px;padding:4px 6px;min-height:30px}
.main-menu .menu-footer{grid-area:footer;display:flex;gap:12px;padding-top:8px;border-top:1px solid #39556c;align-items:center;min-height:0}
.main-menu #mSync{flex:1;display:flex;flex-direction:row;align-items:center;gap:10px;min-height:36px;padding:0;background:transparent;border:0}
.main-menu #mSync>.menu-icon{width:24px;height:24px;color:var(--ui-cyan)}
.main-menu #mSync>span{min-width:0;font-size:11px}
.main-menu #mSync small{font-size:9px;line-height:1.3;margin-top:3px;color:var(--ui-muted)}
.main-menu #ver{font-size:10px;min-height:36px;padding:4px}
.main-menu #mContinue{flex:none;min-height:48px;text-align:left;padding:10px 14px;font-size:15px;border-radius:10px}
.main-menu #mContinue small{font-size:11px}
@media(hover:hover){
 .main-menu .modes>button:not(:disabled):hover,.main-menu .menu-shortcuts>button:not(:disabled):hover{border-color:var(--ui-cyan);filter:brightness(1.08);transform:translateY(-2px)}
}
.main-menu button{transition:transform .16s ease,border-color .16s ease,filter .16s ease}
/* Section screens share the same card language. */
.card .top h2{display:flex;align-items:center;gap:10px}
.card .top h2>.menu-icon{width:24px;height:24px;color:var(--ui-cyan)}
.scout-splash{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 20px;border:1px solid #a38c61;border-radius:14px;background:radial-gradient(ellipse at 85% 45%,#78562555,transparent 55%),linear-gradient(130deg,#1b344b,#162332);overflow:hidden}
.scout-splash>div{min-width:0;flex:1}
.scout-splash .eyebrow{font-size:8px;color:var(--ui-accent)}
.scout-splash h3{font:900 24px/1.15 var(--font-ui);margin:6px 0!important}
.scout-splash p{font:11px var(--font-ui);color:var(--ui-muted);margin:5px 0 10px}
.scout-splash img{width:125px;height:110px;object-fit:contain;filter:drop-shadow(0 0 15px #ffd07825)}
.scout-splash label{font-size:10px;color:var(--ui-accent);display:flex;flex-direction:column;gap:5px;max-width:220px}
.scout-splash progress{appearance:none;border:0;width:100%;height:5px;background:#39556c;border-radius:4px;overflow:hidden}
.scout-splash progress::-webkit-progress-bar{background:#39556c}
.scout-splash progress::-webkit-progress-value{background:var(--ui-accent)}
.scout-splash progress::-moz-progress-bar{background:var(--ui-accent)}
.card .banner-card{background:linear-gradient(125deg,#1b344b,#102536);border:1px solid var(--ui-border);border-radius:14px;padding:15px;box-shadow:none}
.card .banner-card.sel{border-color:var(--ui-accent);outline:1px solid var(--ui-accent);background:linear-gradient(125deg,#423829,#172b3e)}
.card .banner-card b{font:800 18px var(--font-ui);color:var(--ui-text)}
.card .banner-card small{font:12px/1.5 var(--font-ui);color:var(--ui-muted)}
.card .banner-card .pk-faces{display:flex;gap:5px;margin-top:8px}
.card .banner-card .pk-faces .pix{background:#08121f;border:1px solid #63839c}
.card .ptile{background:linear-gradient(155deg,#1b344b,#102536);border-radius:12px}
.card .ptile .pix{background:radial-gradient(ellipse,#39556c,transparent 70%)}
@media(max-width:799px){
 .card.main-menu{max-width:600px;padding:14px;border-radius:18px}
 .main-menu .page-content{grid-template-columns:minmax(0,1fr);grid-template-rows:64px 76px minmax(180px,1fr) 166px 43px;grid-template-areas:"header" "squad" "play" "tools" "footer";gap:10px}
 .club-emblem{width:45px;height:52px}
 .club-brand{gap:8px}
 .main-menu .brand-name{font-size:24px}
 .main-menu .brand-name span{font-size:25px;letter-spacing:2px}
 .main-menu .brand .eyebrow{font-size:6px;letter-spacing:.8px}
 .club-wallet{gap:5px}
 .club-wallet>span{padding:6px;grid-template-columns:15px auto;grid-template-rows:auto;gap:4px;border-radius:7px}
 .club-wallet .menu-icon{width:16px;height:16px;grid-row:1}
 .club-wallet b{font-size:11px}
 .club-wallet small{display:none}
 .main-menu .menu-squad{flex-direction:row;align-items:center;padding:8px 10px;gap:7px}
 .squad-caption{flex:1;min-width:0}
 .main-menu .squad-caption b{font-size:12px}
 .main-menu .squad-caption small{font-size:8px;max-width:120px}
 .squad-caption .eyebrow{font-size:6px;letter-spacing:.6px}
 .squad-format{display:none}
 .main-menu .squad-faces{gap:3px;flex:0 0 53%}
 .main-menu .squad-faces .pix{width:31px!important;height:31px!important}
 .home-player>small{font-size:7px}
 .main-menu .menu-play,.main-menu.has-active-run .menu-play{gap:8px}
 .main-menu .modes{gap:8px;grid-template-rows:minmax(84px,2.4fr) minmax(44px,.8fr) minmax(44px,.8fr)}
 .main-menu .modes>button{padding:8px;gap:7px;border-radius:10px}
 .main-menu .mode b{font-size:12px}
 .main-menu .mode small{font-size:8px;margin-top:3px}
 .main-menu .mode-symbol{display:grid;width:28px;height:30px;border-radius:7px}
 .main-menu .mode-symbol .menu-icon{width:24px;height:24px}
 .main-menu .modes>button.mode-hero{padding:12px 10px 20px}
 .main-menu .mode-hero b{font-size:21px}
 .main-menu .mode-hero small{font-size:9px}
 .hero-kicker{top:7px;left:7px;font-size:6px;padding:3px 4px;gap:4px;letter-spacing:.3px}
 .hero-kicker .menu-icon{width:11px;height:11px}
 .hero-enter{font-size:18px;right:8px;bottom:20px}
 .arc-progress{left:10px;width:calc(100% - 20px);bottom:9px}
 .main-menu .menu-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:7px}
 .main-menu .menu-shortcuts .ghost.big{flex-direction:column;justify-content:center;gap:5px;padding:7px 4px;min-height:44px;text-align:center;font-size:12px}
 .main-menu .menu-shortcuts .menu-icon,.main-menu #mGacha .menu-icon{width:23px;height:23px}
 .main-menu .scout-icon{width:28px;height:28px;margin:-3px 0 -2px}
 .main-menu .menu-shortcuts small{display:block;font-size:8px;margin-top:3px}
 .main-menu .menu-tools{gap:5px}
 .main-menu .menu-footer{padding-top:5px}
 .main-menu #mSync>span{font-size:10px}
 .main-menu #mSync small{font-size:8px}
 .main-menu #mSync>.menu-icon{width:20px;height:20px}
 .main-menu #ver{font-size:9px}
 .main-menu #mContinue{min-height:40px;font-size:12px;padding:7px 10px}
 .main-menu #mContinue small{font-size:9px}
 .scout-splash{padding:12px;gap:10px}
 .scout-splash h3{font-size:21px}
 .scout-splash img{width:86px;height:86px}
}
@media(max-width:420px){
 .card.main-menu{padding:10px}
 .club-emblem{width:35px;height:42px}
 .main-menu .brand-name{font-size:21px}
 .main-menu .brand-name span{font-size:22px}
 .club-wallet{gap:3px}.club-wallet>span{padding:5px 4px;gap:3px}
 .main-menu .menu-header{gap:5px}
 .main-menu .mode-hero b{font-size:19px}
 .main-menu .mode-symbol{width:28px;height:30px}
 .main-menu .mode-symbol .menu-icon{width:24px;height:24px}
 .main-menu .mode b{font-size:11px}
 .main-menu .mode-hero b{font-size:19px}
}
@media(max-height:740px) and (max-width:799px){
 .main-menu .page-content{grid-template-rows:54px minmax(178px,1fr) 146px 38px;grid-template-areas:"header" "play" "tools" "footer";gap:8px}
 .main-menu .menu-squad{display:none}
 .main-menu .menu-shortcuts small{display:none}
 .main-menu .menu-shortcuts .menu-icon,.main-menu #mGacha .menu-icon{width:21px;height:21px}
 .main-menu .scout-icon{width:27px;height:27px}
 .main-menu .mode-hero .hero-kicker{display:none}
 .main-menu.has-active-run .mode-hero b{font-size:17px}
 .main-menu .brand .eyebrow{display:none}
}
@media(min-width:800px) and (max-height:740px) and (min-height:501px){
 .card.main-menu{padding:16px}
 .main-menu .page-content{grid-template-rows:68px 122px minmax(0,1fr) 42px;gap:12px}
 .main-menu .menu-squad{padding:10px;gap:8px}
 .main-menu .menu-shortcuts .ghost.big{padding:8px;font-size:12px}
 .main-menu .menu-shortcuts small{font-size:8px}
}
@media(max-height:500px) and (min-width:600px){
 .card.main-menu{max-width:1100px;padding:8px 12px;border-radius:14px}
 .main-menu .page-content{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-template-rows:42px minmax(0,1fr) 34px;grid-template-areas:"header header" "play tools" "footer footer";gap:8px 14px}
 .main-menu .menu-squad{display:none}
 .main-menu .menu-header{padding-bottom:5px;min-height:0}
 .club-emblem{width:30px;height:35px}
 .club-brand{gap:8px}
 .main-menu .brand-name{display:flex;align-items:baseline;gap:6px;font-size:23px}
 .main-menu .brand-name span{font-size:23px;margin:0;letter-spacing:1px}
 .main-menu .brand .eyebrow{display:none}
 .club-wallet>span{grid-template-columns:16px auto;grid-template-rows:auto;padding:5px 8px}
 .club-wallet .menu-icon{width:16px;height:16px;grid-row:1}
 .club-wallet small{display:none}.club-wallet b{font-size:11px}
 .main-menu .modes{grid-template-rows:minmax(60px,1.8fr) minmax(36px,.7fr) minmax(36px,.7fr);gap:6px}
 .main-menu .modes>button{padding:6px;gap:7px;min-height:0}
 .main-menu .modes>button.mode-hero{padding:8px 10px 13px;background-position:60% 45%}
 .main-menu .mode b{font-size:12px}.main-menu .mode-hero b{font-size:18px}
 .main-menu .mode small,.hero-kicker,.hero-enter{display:none}
 .main-menu .mode-symbol{display:grid;width:24px;height:24px;border-radius:5px}
 .main-menu .mode-symbol .menu-icon{width:16px;height:16px}
 .arc-progress{bottom:5px;height:2px}
 .main-menu .menu-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:6px}
 .main-menu .menu-shortcuts .ghost.big{flex-direction:column;justify-content:center;text-align:center;padding:6px;gap:5px;font-size:11px;min-height:44px}
 .main-menu .menu-shortcuts .menu-icon,.main-menu #mGacha .menu-icon{width:22px;height:22px}
 .main-menu .scout-icon{width:29px;height:29px}
 .scout-splash{padding:10px}
 .scout-splash img{width:66px;height:66px}
 .scout-splash h3{font-size:20px}
 .scout-splash p{display:none}
 .main-menu .menu-shortcuts small,.main-menu .local-label{display:none}
 .main-menu .menu-utility{min-height:26px}
 .main-menu #mGift,.main-menu #mDiscord,.main-menu #mAbandon{min-height:26px;font-size:9px}
 .main-menu .menu-footer{padding-top:3px}
 .main-menu #mSync,.main-menu #ver{min-height:28px}
 .main-menu #mSync small{display:none}
 .main-menu #mContinue{min-height:32px;padding:5px 10px;font-size:11px}
 .main-menu #mContinue small{display:none}
}
@media(prefers-reduced-motion:reduce){.main-menu button{transition:none}.main-menu button:hover{transform:none!important}}

/* Pixel menu: original local font and low-resolution artwork, same layout. */
.card.main-menu{
 --font-ui:"InaPixel","Trebuchet MS",sans-serif;
 font-family:var(--font-ui);-webkit-font-smoothing:none;
 background:#182041;border:2px solid #dedede;border-radius:0;
 box-shadow:inset 0 0 0 3px #080e21,0 0 0 2px #080e21,6px 6px 0 #080e21;
}
.overlay:has(.main-menu){background:#182041 url("ui/bg_stripes.png") repeat!important;image-rendering:pixelated}
.main-menu :is(button,b,strong){font-weight:400}
.main-menu :is(.brand-name,.brand-name span){font-family:var(--font-ui);font-weight:400;transform:none;letter-spacing:0;text-shadow:2px 2px 0 #080e21}
.main-menu .brand-name{font-size:32px}
.main-menu .brand-name span{font-size:34px;color:#ffd078}
.main-menu .club-emblem{object-fit:contain;image-rendering:pixelated;filter:none}
.main-menu :is(.menu-squad,.club-wallet>span,.mode-symbol,.menu-shortcuts .ghost.big,.modes>button,.modes>button.mode-hero){
 border-radius:0;border-color:#9fc3e5;
 box-shadow:inset 2px 2px 0 #ffffff20,inset -2px -2px 0 #080e21,2px 2px 0 #080e21;
}
.main-menu :is(.menu-squad,.menu-shortcuts .ghost.big,.modes>button){background-color:#243e6b}
.main-menu .menu-squad{background:#1b3054}
.main-menu .mode.locked{background:#182b4b}
.main-menu .modes>button.mode-hero{background:#294a83 url("ui/bg_team.png") center/cover;image-rendering:pixelated}
.main-menu .modes>button.rogue-hero{background-image:url("ui/bg_title.png")}
.main-menu .mode-hero::before{background:linear-gradient(transparent 30%,#101a38 82%)}
.main-menu .mode-hero b{font-weight:400;letter-spacing:0;text-shadow:2px 2px 0 #080e21}
.main-menu .hero-kicker{border-radius:0;letter-spacing:0;font-weight:400}
.main-menu .menu-icon{shape-rendering:crispEdges;stroke-linecap:square;stroke-linejoin:miter}
.main-menu .squad-faces .pix{border-radius:0!important;box-shadow:2px 2px 0 #080e21}
.main-menu .menu-shortcuts #mGacha{background:#574326;border-color:#ffd078}
.main-menu #mContinue{border-radius:0;background:#ffd078;color:#142437;box-shadow:inset -3px -3px 0 #bd8535,2px 2px 0 #080e21}
.main-menu :is(.arc-progress i,.hero-kicker){border-radius:0}
.main-menu .mode b{font-size:20px}
.main-menu .mode-hero b{font-size:clamp(24px,2.5vw,34px)}
.main-menu .menu-shortcuts .ghost.big{font-size:19px;font-weight:400}
.main-menu .mode small,.main-menu .menu-shortcuts small{font-size:13px;line-height:1.15}
.main-menu .squad-caption b{font-size:21px}
.main-menu .squad-caption small,.main-menu .home-player>small{font-size:12px}
.main-menu button{transition:none}
@media(hover:hover){
 .main-menu .modes>button:not(:disabled):hover,.main-menu .menu-shortcuts>button:not(:disabled):hover{transform:none;filter:brightness(1.12)}
}
@media(max-width:799px){
 .main-menu .brand-name{font-size:25px}.main-menu .brand-name span{font-size:27px}
 .main-menu .mode b{font-size:15px}.main-menu .mode-hero b{font-size:24px}
 .main-menu .mode small,.main-menu .menu-shortcuts small{font-size:11px}
 .main-menu .menu-shortcuts .ghost.big{font-size:14px;gap:3px;padding:4px}
 .main-menu .menu-shortcuts .menu-icon{width:24px;height:24px}
 .main-menu .menu-shortcuts small{font-size:10px;line-height:1;margin-top:2px}
 .main-menu .scout-icon{width:24px;height:24px}
 .main-menu .squad-caption b{font-size:16px}
 .main-menu .squad-caption small{font-size:10px}
 .main-menu .home-player>small{font-size:10px}
}
@media(max-width:420px){
 .main-menu .brand-name{font-size:22px}.main-menu .brand-name span{font-size:24px}
 .main-menu .mode b{font-size:14px}.main-menu .mode-hero b{font-size:22px}
}
@media(max-height:500px) and (min-width:600px){
 .main-menu .brand-name,.main-menu .brand-name span{font-size:25px}
 .main-menu .mode b{font-size:14px}.main-menu .mode-hero b{font-size:21px}
 .main-menu .menu-shortcuts .ghost.big{font-size:15px}
}

/* Tienda (tarea 10): siete accesos; «Partido rápido» ocupa dos celdas. Escritorio: 2 columnas × 4 filas, icono a la izquierda;
   vertical y horizontal bajo: 4 columnas × 2 filas (Gacha, Tienda, Mi equipo, Galería / Partido rápido, Ajustes, Guardar) */
.main-menu .menu-shortcuts{grid-template-rows:repeat(4,minmax(0,1fr))}
.main-menu .menu-shortcuts #mQuick{grid-column:span 2}
.main-menu #mShop .menu-icon{color:var(--ui-accent)}
@media(min-width:800px) and (min-height:501px){
 .main-menu .menu-shortcuts .ghost.big{flex-direction:row;justify-content:flex-start;text-align:left;gap:12px;padding:6px 14px}
 .main-menu .menu-shortcuts #mQuick{justify-content:center}
 .main-menu .menu-shortcuts small{margin-top:3px}
}
@media(max-width:799px),(max-height:500px) and (min-width:600px){
 .main-menu .menu-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
 .main-menu .menu-shortcuts .ghost.big{padding:4px 2px}
}

/* Novedades (0.35.1): botón del pie del menú, con un punto si hay novedades sin ver */
.main-menu .news-btn{position:relative;display:flex;align-items:center;gap:6px;white-space:nowrap}
.main-menu .news-dot{position:absolute;top:2px;right:2px;width:10px;height:10px;background:#ff4f6d;border:2px solid #101010;box-shadow:0 0 0 2px #ffd06b}