body{background:#07090D;background-image:radial-gradient(circle at 15% 0%,rgba(232,185,49,.10),transparent 40%),radial-gradient(circle at 90% 20%,rgba(230,57,70,.10),transparent 40%);background-attachment:fixed}
.glass{background:rgba(255,255,255,.04);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08)}
.glass:hover{border-color:rgba(232,185,49,.25)}
.grad-text{background:linear-gradient(90deg,#E8B931,#E63946);-webkit-background-clip:text;color:transparent}
.tab-active{color:#E8B931;border-color:#E8B931}
::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#222;border-radius:8px}
section{scroll-margin-top:80px}

[data-team]{cursor:pointer}

/* ===== Móvil: sin scroll lateral ===== */
html,body{max-width:100%;overflow-x:clip;overscroll-behavior-x:none}
@supports not (overflow-x:clip){body{overflow-x:hidden}}
img,svg,video,iframe,select,input,textarea{max-width:100%}
.grid>*,main>*,section>*{min-width:0}
.flex-1{min-width:0}
p,h1,h2,h3,li,td,span{overflow-wrap:break-word}
.whitespace-nowrap,.truncate,button,th{overflow-wrap:normal}
@media (max-width:640px){
 main{padding-left:12px!important;padding-right:12px!important}
 h1.font-display{font-size:2.6rem!important;line-height:1}
 h2.font-display{font-size:1.9rem!important}
 table{font-size:11px!important}
 th,td{padding-left:3px!important;padding-right:3px!important}
 td img,td [data-team].w-7{width:18px!important;height:18px!important}
 #table td:nth-child(2) span,#compBox td:nth-child(2) span{max-width:96px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
 #table td:nth-child(2)>div,#compBox td:nth-child(2)>div{gap:4px}
 #europa .flex.items-center.gap-2{flex-wrap:wrap}
 #cView button{padding:6px 8px;font-size:12px}
 #matchModal article,[data-tclose]+article{max-height:94vh}
 #mmBody,#tmBody{padding:12px!important}
}