/* The crest wall only. Original logos are preserved under circular masks. */
.teams-board-section{padding-block:42px 76px}
.tactics-board{position:relative;isolation:isolate;overflow:hidden;border:12px solid #4a4145;border-radius:13px;background:radial-gradient(ellipse at 28% 16%,#36524c 0,transparent 55%),radial-gradient(ellipse at 80% 75%,#273e38 0,transparent 60%),#223b35;box-shadow:0 20px 44px #20151d26,0 2px 2px #fff8,inset 0 0 0 2px #b7b4aa58,inset 0 0 45px #081e1880}
.tactics-board:before{content:"";position:absolute;inset:0;z-index:0;opacity:.17;background:repeating-linear-gradient(4deg,transparent 0 3px,#c5cebc18 3px 4px),radial-gradient(ellipse at 35% 62%,#dfdfd02a,transparent 28%);pointer-events:none}
.tactics-board:after{content:"";position:absolute;inset:9px;border:1px solid #d0c6b526;border-radius:3px;pointer-events:none}
.tactics-pitch{position:absolute;inset:29px 26px;border:2px solid #f2f1da60;pointer-events:none}
.pitch-half{position:absolute;top:0;bottom:0;left:50%;border-left:2px solid #f2f1da60}
.pitch-circle{position:absolute;left:50%;top:50%;width:18%;aspect-ratio:1;border:2px solid #f2f1da60;border-radius:50%;transform:translate(-50%,-50%)}
.pitch-circle:after{content:"";position:absolute;left:50%;top:50%;width:5px;height:5px;background:#f2f1da80;border-radius:50%;transform:translate(-50%,-50%)}
.pitch-box{position:absolute;top:24%;height:52%;width:16%;border:2px solid #f2f1da60}
.pitch-box:after{content:"";position:absolute;top:25%;height:50%;width:37%;border:2px solid #f2f1da60}
.pitch-box-left{left:-2px}.pitch-box-right{right:-2px}
.pitch-box-left:after{left:-2px}.pitch-box-right:after{right:-2px}
.tactics-moves{position:absolute;inset:0;width:100%;height:100%;color:#efead04d;pointer-events:none}
.crest-magnets{position:relative;z-index:1;display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:29px 12px;align-items:center;justify-items:center;margin:0;padding:51px 40px;list-style:none;direction:ltr}
.crest-magnet{position:relative;width:min(100%,68px);aspect-ratio:1;border:1px solid #a7a5a1;border-radius:50%;padding:4px;background:linear-gradient(145deg,#fff,#dfdfd8);box-shadow:1px 3px 0 #c1c2bb,2px 6px 4px #031b1c99,5px 10px 11px #06161155;transform:translate(calc(var(--dx) * var(--scatter-x,1)),calc(var(--dy) * var(--scatter-y,1))) rotate(var(--tilt));transition:transform .2s,box-shadow .2s}
.magnet-face{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #ecece7}
.magnet-face img{width:100%;height:100%;object-fit:contain;padding:2px;border-radius:50%}
.crest-magnet:after{content:"";position:absolute;inset:1px;border-radius:50%;pointer-events:none;box-shadow:inset 0 2px 2px #ffffffce,inset 0 -2px 3px #00000020;background:linear-gradient(145deg,#ffffff26 0,transparent 48%,#00000008 100%)}
@media(hover:hover) and (pointer:fine){.crest-magnet:hover{z-index:2;transform:translate(calc(var(--dx) * var(--scatter-x,1)),calc(var(--dy) * var(--scatter-y,1) - 4px)) rotate(0deg);box-shadow:1px 3px 0 #c1c2bb,3px 9px 7px #031b1c99,7px 14px 18px #06161155}}
@media(max-width:1100px){.crest-magnets{grid-template-columns:repeat(9,minmax(0,1fr));padding:43px 30px;gap:29px 12px}.crest-magnet{width:min(100%,64px)}}
@media(max-width:800px){.tactics-board{border-width:10px}.crest-magnets{grid-template-columns:repeat(7,minmax(0,1fr));padding:40px 26px;gap:27px 10px}.crest-magnet{width:min(100%,60px)}.tactics-pitch{inset:23px 20px}.tactics-moves{opacity:.65}}
@media(max-width:600px){.teams-board-section{padding-block:24px 45px}.tactics-board{border-width:8px;border-radius:10px}.crest-magnets{grid-template-columns:repeat(5,minmax(0,1fr));padding:33px 22px;gap:26px 11px}.crest-magnet{width:min(100%,57px);padding:3px}.magnet-face img{padding:1px}.tactics-pitch{inset:18px 15px}.pitch-half{left:0;right:0;top:50%;bottom:auto;border-left:0;border-top:2px solid #f2f1da60}.pitch-circle{width:55%}.pitch-box{left:20%;right:auto;width:60%;height:12%;top:auto}.pitch-box-left{top:-2px}.pitch-box-right{bottom:-2px}.pitch-box:after{left:25%;right:auto;width:50%;height:36%;top:auto}.pitch-box-left:after{top:-2px;left:25%}.pitch-box-right:after{bottom:-2px;left:25%}.tactics-moves{display:none}}
@media(max-width:420px){.crest-magnets{grid-template-columns:repeat(4,minmax(0,1fr));padding:32px 21px;gap:25px 11px}.crest-magnet{width:min(100%,56px)}}
@media(prefers-reduced-motion:reduce){.crest-magnet{transition:none}}

@media(min-width:1101px){.crest-magnets{gap:32px 12px}.crest-magnet{--scatter-x:2;--scatter-y:1.3}}