MediaWiki:Tournaments.css

/** * Establishes a CSS grid layout for Template:Tournament * @author  Ursuul  * @version 1.1.5 */

/* Tournament vectors */ .t-container { --tournament-modal-flanges: url("data:image/svg+xml; base64, PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSI1IiB2ZXJzaW9uPSIxLjAiIHZpZXdCb3g9IjAgMCA1IDUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPjxtZXRhZGF0YT48cmRmOlJERj48Y2M6V29yayByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIvPjxkYzp0aXRsZS8+PC9jYzpXb3JrPjwvcmRmOlJERj48L21ldGFkYXRhPjxwYXRoIGZpbGw9IiMzRDNFNDIiIGQ9Ik01IDEgUTUuOCA0LjIgOSA1IFE1LjggNS44IDUgOSBRNC4yIDUuOCAxIDUgUTQuMiA0LjIgNSAxeiIvPjwvc3ZnPg=="); --tournament-icon-emblem: url("data:image/svg+xml; base64, PHN2ZyB3aWR0aD0iMjQuOTk2IiBoZWlnaHQ9IjI1IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA2LjYxMzUgNi42MTQ2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMy4xOCAtNjYuMDcyKSI+PHBhdGggZmlsbD0iI0ZGQjcwMCIgZD0ibTMzLjQ3IDcyLjY3M2MtMC4xMjcxOS0wLjA0MTY4LTAuMjM1NDktMC4xNTI1OS0wLjI3MjI0LTAuMjc4ODEtMC4wNjQ5NC0wLjIyMzA2IDAuMDg0ODktMC40Njk2OCAwLjMxMTE0LTAuNTEyMTIgMC4wNDQyOS0wLjAwODMgMC4wOTA3OS0wLjA1NTA2IDAuNDc3NTQtMC40ODAwNSAwLjIzNTY2LTAuMjU4OTYgMC40MzAwNS0wLjQ3Nzc4IDAuNDMxOTctMC40ODYyNiAwLjAwMTktMC4wMDg1LTAuMDk4NDEtMC4xMTcxNS0wLjIyMjk3LTAuMjQxNDgtMC4yODQ3LTAuMjg0Mi0wLjI3OTczLTAuMjYyMTQtMC4wOTk3My0wLjQ0MjE0IDAuMTAzNDQtMC4xMDM0NCAwLjEzMzczLTAuMTI2NjkgMC4xNjQ4LTAuMTI2NSAwLjAyNTc4IDEuNDdlLTQgMC4xMTUyOCAwLjA0ODEyIDAuMjc3MTkgMC4xNDg1NmwwLjIzOTEzIDAuMTQ4MzMgMC4wNDUyNC0wLjA0OTM3YzAuMDI0ODgtMC4wMjcxNSAwLjIzMTM3LTAuMjQ4NzIgMC40NTg4Ni0wLjQ5MjM3IDAuMjI3NDktMC4yNDM2NSAwLjQxMzYyLTAuNDQ3MjQgMC40MTM2Mi0wLjQ1MjQzIDAtMC4wMDUyLTAuNDMzNjktMC40MTQyNC0wLjk2Mzc1LTAuOTA5MDJsLTAuOTYzNzUtMC44OTk1OC0wLjI3NjA0LTAuNzIxNThjLTAuMTUxODItMC4zOTY4Ny0wLjI4Mzg3LTAuNzQwNDYtMC4yOTM0My0wLjc2MzU0bC0wLjAxNzQtMC4wNDE5NSAwLjA4MDk0IDAuMDMwNzJjMC40NTcxMyAwLjE3MzUgMS40MTcxIDAuNTQzMTYgMS40MzQzIDAuNTUyMjggMC4wMTIwOCAwLjAwNjQgMC40MTgyMSAwLjQzNjI1IDAuOTAyNSAwLjk1NTE2IDAuNDg0MyAwLjUxODkxIDAuODg1NTUgMC45NDM0OCAwLjg5MTY4IDAuOTQzNDggMC4wMDYxIDAgMC40MDc5Ni0wLjQyNTM0IDAuODkyOTYtMC45NDUyIDAuNjkzMjEtMC43NDMwMyAwLjg5MzE0LTAuOTUwMDYgMC45MzQ3NC0wLjk2Nzk1IDAuMTU2NTgtMC4wNjczMSAxLjQ1NzMtMC41NTgxIDEuNDYzMi0wLjU1MjEzIDAuMDAzOSAwLjAwMzktMC4xMjI2MyAwLjM0NTUzLTAuMjgxMTMgMC43NTkyM2wtMC4yODgxOCAwLjc1MjE4LTAuOTYzMzggMC44OTkyNGMtMC41Mjk4NiAwLjQ5NDU4LTAuOTYzMzggMC45MDM0OC0wLjk2MzM4IDAuOTA4NjcgMCAwLjAwNzQgMC40Mzk2OSAwLjQ4Mzk4IDAuODY2NDYgMC45MzkxNmwwLjA1MTI3IDAuMDU0NjggMC4yMzkxMy0wLjE0ODE2YzAuMTYxOC0wLjEwMDI1IDAuMjUxNDQtMC4xNDgyNCAwLjI3NzItMC4xNDgzOSAwLjAzMTA3LTEuOTVlLTQgMC4wNjEzNiAwLjAyMzA2IDAuMTY0OCAwLjEyNjUgMC4xOCAwLjE4IDAuMTg0OTggMC4xNTc5NC0wLjA5OTczIDAuNDQyMTQtMC4xMjQ1NSAwLjEyNDM0LTAuMjI0ODkgMC4yMzMtMC4yMjI5NyAwLjI0MTQ4IDAuMDAxOSAwLjAwODUgMC4xOTYzMSAwLjIyNzMgMC40MzE5NyAwLjQ4NjI2IDAuMzg2NzUgMC40MjQ5OSAwLjQzMzI1IDAuNDcxNzQgMC40Nzc1NCAwLjQ4MDA1IDAuMTIwOTkgMC4wMjI3IDAuMjM5MDkgMC4xMTgzMyAwLjI5NDExIDAuMjM4MTcgMC4wNDA3NCAwLjA4ODcyIDAuMDM4OTUgMC4yNDM5NS0wLjAwMzggMC4zMzA4NS0wLjA0MDM1IDAuMDgyLTAuMTE5MzYgMC4xNjEwMS0wLjIwMTM2IDAuMjAxMzYtMC4wODY0NyAwLjA0MjU1LTAuMjQyMTcgMC4wNDQ1NC0wLjMyOTkzIDAuMDA0Mi0wLjExNzU2LTAuMDU0MDEtMC4yMDU1OC0wLjE2MDI0LTAuMjM3MjgtMC4yODYzOC0wLjAxNDY0LTAuMDU4MjQtMC4wMzcxMS0wLjA4MDg5LTAuNDg2NTItMC40OTA0My0wLjI1OTE1LTAuMjM2MTUtMC40NzU3My0wLjQyOTU1LTAuNDgxMy0wLjQyOTc4LTAuMDA1Ni0yLjQ0ZS00IC0wLjExMDI2IDAuMTAxNDEtMC4yMzI2NiAwLjIyNTg3LTAuMjEzODIgMC4yMTc0MS0wLjIyNDU1IDAuMjI2MjgtMC4yNzM1NCAwLjIyNjItMC4wNDcyNS05LjhlLTUgLTAuMDYwMy0wLjAwOTQtMC4xNzc3My0wLjEyNjgyLTAuMTAwNjItMC4xMDA2Mi0wLjEyNjc0LTAuMTM0MjctMC4xMjY3NC0wLjE2MzI5IDAtMC4wMjM5IDAuMDQ5NzgtMC4xMTc2MyAwLjE0Mzc5LTAuMjcwNzMgMC4wNzkwOS0wLjEyODggMC4xNDU3Mi0wLjIzNzU2IDAuMTQ4MDctMC4yNDE3MSAwLjAwNTEtMC4wMDg5LTEuMDAxMS0wLjk0ODk4LTEuMDE1Ny0wLjk0ODk4LTAuMDE0NjEgMC0xLjAyMDggMC45NDAwNi0xLjAxNTcgMC45NDg5OCAwLjAwMjQgMC4wMDQxIDAuMDY4OTkgMC4xMTI5MSAwLjE0ODA3IDAuMjQxNzEgMC4wOTQwMSAwLjE1MzEgMC4xNDM4IDAuMjQ2ODMgMC4xNDM4IDAuMjcwNzMgMCAwLjAyOTAyLTAuMDI2MTIgMC4wNjI2OC0wLjEyNjc0IDAuMTYzMjktMC4xODExNyAwLjE4MTE3LTAuMTYwMjEgMC4xODU4OC0wLjQ0MzU2LTAuMDk5NTgtMC4xMjM1NS0wLjEyNDQ4LTAuMjMxOC0wLjIyNDgxLTAuMjQwNTQtMC4yMjI5Ny0wLjAwODcgMC4wMDE4LTAuMjI3NTUgMC4xOTUzLTAuNDg2MjQgMC40Mjk5LTAuNDMwODggMC4zOTA3NS0wLjQ3MTA2IDAuNDMwNzItMC40Nzg4NiAwLjQ3NjIxLTAuMDE5NzMgMC4xMTUwNC0wLjExMTE5IDAuMjMzMi0wLjIyMjc2IDAuMjg3NzktMC4wODQzIDAuMDQxMjUtMC4yMTU4NCAwLjA1MjktMC4yOTY5OCAwLjAyNjMxem0wLjIyMTQ5LTAuMjIxMTRjMC4wNjM5NS0wLjAzNzQ4IDAuMDk2NTUtMC4wOTcyNSAwLjA5NjQ4LTAuMTc2ODktMS45NWUtNCAtMC4xOTgwOC0wLjI3MjE2LTAuMjY2NjYtMC4zNzEzNi0wLjA5MzY0LTAuMTAzMDYgMC4xNzk3NiAwLjA5NTggMC4zNzU0OCAwLjI3NDg4IDAuMjcwNTR6bTUuODA2Ny0wLjAwMjdjMC4wOTA5Mi0wLjA2Nzg4IDAuMTE3NzEtMC4xNzgyOCAwLjA2NTAxLTAuMjY3ODctMC4xMDE1Ny0wLjE3MjY2LTAuMzcxOTQtMC4xMDQ2Mi0wLjM3MjExIDAuMDkzNjQtOS44ZS01IDAuMTI0NzEgMC4wOTI3MSAwLjIxNDggMC4yMTA5NiAwLjIwNDc1IDAuMDM0MzItMC4wMDI5IDAuMDc3NTYtMC4wMTY2NCAwLjA5NjE0LTAuMDMwNTJ6bS00LjY4OTYtMS4xNTFjMC4wMDMyLTAuMDAyNi0wLjA0NzI5LTAuMDU3ODItMC4xMTIyNy0wLjEyMjhsLTAuMTE4MTUtMC4xMTgxNS0wLjA1NzUzIDAuMDYzNzFjLTAuMDMxNjQgMC4wMzUwNC0wLjIwNzk3IDAuMjI4OTgtMC4zOTE4NSAwLjQzMDk3bC0wLjMzNDMyIDAuMzY3MjUgMC4xNTUxNCAwLjE1NzM4IDAuNDI2NTUtMC4zODY4NWMwLjIzNDYtMC4yMTI3NyAwLjQyOTItMC4zODg5NCAwLjQzMjQzLTAuMzkxNXptNC4yOTIgMC42OTQ0NWMwLjAxMDczLTAuMDEwNzMgMC4wMzQ4OC0wLjAzMTE0IDAuMDUzNjgtMC4wNDUzNWwwLjAzNDE4LTAuMDI1ODUtMC4zMzYyOC0wLjM2ODM4Yy0wLjE4NDk1LTAuMjAyNjEtMC4zNjIxNy0wLjM5NzA2LTAuMzkzODEtMC40MzIxbC0wLjA1NzUzLTAuMDYzNzEtMC4xMTc4MiAwLjExNzgyLTAuMTE3ODIgMC4xMTc4MiAwLjA2MzcxIDAuMDU3NTNjMC4wMzUwNCAwLjAzMTY0IDAuMjI5NDkgMC4yMDg4NiAwLjQzMjEgMC4zOTM4MWwwLjM2ODM4IDAuMzM2MjggMC4wMjU4NS0wLjAzNDE4YzAuMDE0MjItMC4wMTg4IDAuMDM0NjMtMC4wNDI5NiAwLjA0NTM1LTAuMDUzNjh6bS0zLjU4NTItMC40MzIyNmMtMC4wMDk2LTAuMDE0Ny0wLjExMTk0LTAuMTgwODYtMC4yMjc0NC0wLjM2OTI2cy0wLjIyMDYyLTAuMzUzNTgtMC4yMzM2LTAuMzY3MDdjLTAuMDEyOTgtMC4wMTM1LTAuMTkxMjUtMC4xMjc4OC0wLjM5NjE3LTAuMjU0MThsLTAuMzcyNTctMC4yMjk2NC0wLjAzNTk0IDAuMDM0MDEtMC4wMzU5NCAwLjAzNCAxLjI0NzQgMS4yNDc2IDAuMDM1ODYtMC4wMzQzNWMwLjAzMjA0LTAuMDMwNyAwLjAzNC0wLjAzNzIgMC4wMTg0MS0wLjA2MTA4em0zLjIxNC0xLjE4NjRjLTAuMDMwNjktMC4wMzIwNC0wLjAzNzItMC4wMzQtMC4wNjEwOC0wLjAxODQxLTAuMDE0NyAwLjAwOTYtMC4xODA4NiAwLjExMTk0LTAuMzY5MjYgMC4yMjc0NHMtMC4zNTM1OCAwLjIyMDYyLTAuMzY3MDcgMC4yMzM2Yy0wLjAxMzUgMC4wMTI5OC0wLjEyNzg4IDAuMTkxMjUtMC4yNTQxOCAwLjM5NjE3bC0wLjIyOTY0IDAuMzcyNTcgMC4wNjgwMiAwLjA3MTg4IDEuMjQ3Ni0xLjI0NzR6bS0yLjg3ODEgMC4wODA3NGMwLjI2MjE0LTAuMjQ1MDYgMC40NzY2Mi0wLjQ0OTg2IDAuNDc2NjItMC40NTUxMiAwLTAuMDA1My0wLjEwNjk4LTAuMTA5NzUtMC4yMzc3My0wLjIzMjE5LTAuMjI5ODEtMC4yMTUyLTAuMjM4NDItMC4yMjE3Ny0wLjI1ODUyLTAuMTk3MDUtMC4wMTE0MyAwLjAxNDA2LTAuMjA5ODIgMC4yMjgwOC0wLjQ0MDg3IDAuNDc1NTktMC4yMzEwNSAwLjI0NzUxLTAuNDIxODEgMC40NTQ1NS0wLjQyMzkxIDAuNDYwMDctMC4wMDIxIDAuMDA1NSAwLjA1MDQ2IDAuMDQzMTggMC4xMTY4IDAuMDgzNjYgMC4xMTY2MyAwLjA3MTE3IDAuMTIzMTMgMC4wNzc2NyAwLjE5NTkyIDAuMTk1OTMgMC4wNDE0MSAwLjA2NzI4IDAuMDc5NzQgMC4xMjA2IDAuMDg1MTggMC4xMTg0OSAwLjAwNTQtMC4wMDIxIDAuMjI0MzctMC4yMDQzMyAwLjQ4NjUxLTAuNDQ5Mzl6bTEuODQ4NCAwLjMzMDNjMC4wNzIzNy0wLjExNzU3IDAuMDc5MDMtMC4xMjQyMyAwLjE5NTU1LTAuMTk1MzMgMC4wNjYzNS0wLjA0MDQ5IDAuMTE4OTEtMC4wNzgyOCAwLjExNjgtMC4wODM5OS0wLjAwMjEtMC4wMDU3LTAuNzU3MDgtMC44MTcyNC0xLjY3NzctMS44MDM0cy0xLjY4ODQtMS44MDk5LTEuNzA2Mi0xLjgzMDVjLTAuMDI2MjQtMC4wMzAzNy0wLjEzMDU4LTAuMDc0OTgtMC41NTQ5My0wLjIzNzIxLTAuMjg3NDQtMC4xMDk4OS0wLjUyNDE0LTAuMTk4MjgtMC41MjYtMC4xOTY0Mi0wLjAwMTkgMC4wMDE5IDAuMDg3MTggMC4yMzg4IDAuMTk3ODcgMC41MjY1M2wwLjIwMTI2IDAuNTIzMTQgMS44MzA2IDEuNzA4OGMxLjAwNjggMC45Mzk4MiAxLjgzNDUgMS43MDkxIDEuODM5MiAxLjcwOTQgMC4wMDQ3IDMuOWUtNCAwLjA0MjM0LTAuMDU0MSAwLjA4MzU1LTAuMTIxMDV6bTAuMzYyNDMtMi4zOTQxYzAuNTAzNTQtMC40NzAyIDAuOTMwMDctMC44NzA1MyAwLjk0Nzg0LTAuODg5NjMgMC4wMjA5Ni0wLjAyMjUzIDAuMTAxMTctMC4yMTQ4OSAwLjIyODMxLTAuNTQ3NTQgMC4xMDc4LTAuMjgyMDUgMC4xOTQ1Ni0wLjUxNDI4IDAuMTkyNzktMC41MTYwNy0wLjAwODgtMC4wMDg5LTEuMDUwMiAwLjQwMDU4LTEuMDY4NCAwLjQyMDA4LTAuMDExNjMgMC4wMTI0Ni0wLjM4NjM5IDAuNDE1MjctMC44MzI3OSAwLjg5NTE0LTAuNDQ2NCAwLjQ3OTg3LTAuODMxMjIgMC44OTMxOS0wLjg1NTE2IDAuOTE4NDhsLTAuMDQzNTMgMC4wNDYgMC4yNDg3NyAwLjI2NzU0YzAuMTM2ODIgMC4xNDcxNSAwLjI1Mjc4IDAuMjY2MDUgMC4yNTc2OSAwLjI2NDIyIDAuMDA0OS0wLjAwMTggMC40MjA5MS0wLjM4ODAyIDAuOTI0NDUtMC44NTgyMnoiIHN0cm9rZS13aWR0aD0iLjAxMjkyNiIvPjwvZz48L3N2Zz4="); }

/* Color vars for default mode */ .t-container { --tournament-color-association: #A8AAB3; --touranment-color-association--text: #23252D; --tournament-color-background--bottom: #272A33; --tournament-color-background--top: #2A2E36; --tournament-color-border--outer: #4F5563; --tournament-color-border--inner: #2A2E36; --tournament-color-ebackground: #43464A; --tournament-color-filigree: #FFB700; --tournament-color-filigree--text: #000000; --tournament-color-member: #58595E; --tournament-color-member--text: #FFFFFF; --tournament-color-member--shadow: #222222; --tournament-color-popup: #3D3E42; --tournament-color-popup--text: #FFFFFF; --tournament-color-popup--shadow: #2E2E2E; --tournamnet-color-winner: #FF7324; --tournamnet-color-winner--rgb: 255, 115, 36; --tournament-top-opacity: 0.6; }

/* Container */ .t-container { display: flex; flex-wrap: wrap; background-color: var(--tournament-color-background--bottom, #272A33); border-width: 0 5px 5px; border-style: solid; border-color: var(--tournament-color-border--outer, #4F5563); margin: 25px 0 0.75em; }

.t-container .t-top { flex: 1 0 100%; display: flex; height: 15px; background-color: var(--tournament-color-background--top, #2A2E36); border-width: 5px 0 2px; border-style: solid; border-color: var(--tournament-color-border--outer, #4F5563); box-sizing: content-box; }

.t-container .t-top .t-filigree { flex: 0 1 50%; position: relative; }

.t-container .t-top .t-filigree:before, .t-container .t-top .t-filigree:after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(       45deg,        transparent,        transparent 47%,        var(--tournament-color-filigree, #FFB700) 49%,        transparent 51%    ); background-size: 30px 30px; }

.t-container .t-top .t-filigree:after { background-image: linear-gradient(       -45deg,        transparent,        transparent 47%,        var(--tournament-color-filigree, #FFB700) 49%,        transparent 51%    ); }

.t-container .t-top .t-filigree ~ .t-filigree { transform: scaleX(-1); }

.t-container .t-top .t-emblem { flex-basis: 50px; position: relative; height: 15px; }

.t-container .t-top .t-emblem:before { content: ""; display: block; position: absolute; top: -6px; left: 9px; z-index: 30; width: 27px; height: 27px; -webkit-mask: var(--tournament-icon-emblem) center / cover no-repeat; mask: var(--tournament-icon-emblem) center / cover no-repeat; background-color: var(--tournament-color-filigree, #FFB700); }

.t-container .t-top .t-emblem .t-eborder { position: absolute; top: -18px; left: -2px; z-index: 25; width: 50px; height: 50px; background-color: var(--tournament-color-ebackground, #43464A); border: 5px solid var(--tournament-color-border--inner, #2A2E36); transform: rotate(45deg); box-sizing: border-box; }

/* Grid Environment */ .tournament { flex-grow: 1; display: grid; grid-auto-rows: minmax(3px, auto); grid-auto-columns: max-content; grid-template-rows: repeat(1, auto 3px auto); position: relative; overflow-x: scroll; padding: 10px; }

.tournament .invisible { visibility: hidden; }

/* Extender */ .tournament .t-extender { grid-column: 2 / 2; grid-row: 1 / span 3; display: none; width: 0; min-height: 290px; visibility: hidden; background: red; }

.tournament.two { grid-template-rows: repeat(3, auto 3px auto); }

.tournament.two .t-extender { grid-row-end: span 9; }

.tournament.three { grid-template-rows: repeat(7, auto 3px auto); }

.tournament.three .t-extender { grid-row-end: span 21; }

.tournament.four { grid-template-rows: repeat(15, auto 3px auto); }

.tournament.four .t-extender { grid-row-end: span 45; }

/* Just nuke it if there's nothing defined */ .tournament:empty { display: none; }

/* Match/Contestant styles */ .tournament .t-cont .t-sub.body { display: flex; }

.tournament .t-cont .t-sub.body { position: relative; }

.tournament .t-cont .t-sub.body > div { box-sizing: border-box; }

.tournament .t-cont .seed { flex: 0 0 25px; display: flex; justify-content: center; align-items: center; min-width: 25px; background-color: var(--tournament-color-association, #A8AAB3); font-size: 11px; color: var(--touranment-color-association--text, #23252D); text-align: center; padding: 0 2px; }

.tournament .t-cont.top { align-self: end; }

.tournament .t-cont.top .seed { border-radius: 2px 0 0 0; }

.tournament .t-cont.bottom .seed { border-radius: 0 0 0 2px; }

.tournament .t-cont .member { flex: 1 0 100px; min-width: 100px; /* stop grid columnar miscalculations */ background-color: var(--tournament-color-member, #58595E); font-weight: 300; font-size: 14px; color: var(--tournament-color-member--text, #FFFFFF); text-shadow: 1px 1px 1px var(--tournament-color-member--shadow, #222222); padding: 0 5px; }

.tournament .t-cont.top .member { border-radius: 0 2px 0 0; }

.tournament .t-cont.bottom .member { border-radius: 0 0 2px 0; }

.tournament .t-cont.top .member:first-child { border-radius: 2px 2px 0 0; }

.tournament .t-cont.bottom .member:first-child { border-radius: 0 0 2px 2px; }

.tournament .t-cont .member .m-ascend { position: absolute; z-index: 5; }

.tournament .t-cont .member .m-base { visibility: hidden; }

.tournament .t-cont .member span a { color: inherit; text-decoration: underline; }

/* Winner styles */ .tournament .t-cont.winner .seed { background-color: rgb(var(--tournamnet-color-winner--rgb)); }

.tournament .t-cont.winner .member:first-child { background-image: linear-gradient(       165deg,        rgba(var(--tournamnet-color-winner--rgb), 0.85) 05%,        rgba(var(--tournamnet-color-winner--rgb), 0.20) 50%    ); }

.tournament .t-cont.winner + .cont-gap + .t-cont.winner .seed { background: var(--tournament-color-association, #A8AAB3); }

.tournament .t-cont.winner + .cont-gap + .t-cont.winner .member:first-child { background-image: none; }

/* Association lines */ .tournament .t-association { position: relative; width: 12px; height: calc(100% + 3px); border: 3px solid var(--tournament-color-association, #A8AAB3); border-left: 0; box-sizing: border-box; margin: 0 12px 0 2px; }

.tournament .t-association:before { content: ""; display: block; position: absolute; top: calc(50% - 1pt); right: calc(-100% - 3px); width: 10px; height: 3px; background: var(--tournament-color-association, #A8AAB3); }

.tournament .half .t-association { border-bottom: 0; }

.tournament .half .t-association:before { top: calc(100% - 3px); }

/* Toggles */ .tournament .t-cont .t-toggle { position: absolute; display: block; top: 0; right: 0; bottom: 0; left: 0; border-radius: 2px; }

.tournament .t-cont > .t-toggle { z-index: 10; background-color: rgba(0, 0, 0, var(--tournament-top-opacity)); cursor: auto; }

.tournament .t-cont .t-detail.mw-collapsed + .t-toggle, .tournament .t-cont .t-detail { display: none; }

/* Detail */ .tournament .t-cont .t-detail { position: absolute; top: calc(50% - 136px); right: calc(50% - 159px); z-index: 20; height: 250px; background-color: var(--tournament-color-popup, #3D3E42); color: var(--tournament-color-popup--text, #FFFFFF); padding: 10px; border: 2px inset var(--tournament-color-filigree, #FFB700); box-shadow: 0 0 5px 2px var(--tournament-color-popup--shadow, #2E2E2E); }

.tournament .t-cont .t-detail:before, .tournament .t-cont .t-detail:after { content: "" !important;/* necessary to override mw-collapsed pseudos */ display: block; position: absolute; top: 35%; right: 85%; width: 150px; height: 80px; -webkit-mask: var(--tournament-modal-flanges) 100% 100% / 250px 100px no-repeat; mask: var(--tournament-modal-flanges) 100% 100% / 250px 100px no-repeat; background-color: var(--tournament-color-popup, #3D3E42); transform: rotate(270deg); }

.tournament .t-cont .t-detail:after { right: -34%; transform: rotate(90deg); }

.tournament .t-cont .t-detail-body { width: 270px; max-height: 100%; overflow-y: scroll; padding: 0 5px 0 12px; box-sizing: content-box; scrollbar-width: thin; }

.tournament .t-cont .t-detail-body::-webkit-scrollbar { width: 7px; }

.tournament .t-cont .t-detail-body::-webkit-scrollbar-thumb { height: 50px; background-color: rgba(0, 0, 0, 0.35); border: 1px solid rgba(130, 105, 43, 0.5); border-radius: 5px; }

.tournament .t-cont .t-detail-body::-webkit-scrollbar:horizontal { display: none; }

.tournament .t-cont .t-detail-body a { color: inherit; text-decoration: underline; }

/* Detail Infoboxes */ .tournament .portable-infobox { width: 270px; background: transparent; color: inherit; border: none; box-sizing: border-box; margin: 0; }

.tournament .portable-infobox .pi-caption { font-style: italic; color: inherit; text-align: center; padding-top: 5px; padding-bottom: 5px; }

.tournament .portable-infobox .pi-image-thumbnail { max-width: 100%; height: auto; }

.tournament .portable-infobox .pi-tab-link.current { background: var(--tournament-color-filigree, #FFB700); color: var(--tournament-color-filigree--text, #000000); }

.tournament .portable-infobox .pi-header, .tournament .portable-infobox .pi-title { background: transparent; color: var(--tournament-color-popup--text, #FFFFFF); text-align: center; border-bottom: 1px solid var(--tournament-color-filigree, #FFB700); }

.tournament .portable-infobox .pi-group, .tournament .portable-infobox .pi-data { border: none; }

.tournament .portable-infobox .pi-horizontal-group-item:nth-child(2n), .tournament .portable-infobox .pi-smart-data-label:nth-child(2n), .tournament .portable-infobox .pi-smart-data-value:nth-child(2n) { background: transparent; }

/* Placement */ .tournament .match-gap { grid-row-end: span 3; }

.tournament .ofinals { grid-column: -7 / -7; }

.tournament .oq-gap { grid-column: -6 / -6; }

.tournament .qfinals { grid-column: -5 / -5; }

.tournament .qs-gap { grid-column: -4 / -4; }

.tournament .sfinals { grid-column: -3 / -3; }

.tournament .sf-gap { grid-column: -2 / -2; }

.tournament .finals { grid-column: 1 / 1; }

/* Vertically center finals in 2-col */ .tournament .sfinals ~ .finals:nth-last-of-type(2) { grid-row: 6; }

.tournament .sfinals ~ .finals:nth-last-of-type(3) { grid-row: 5; }

.tournament .sfinals ~ .finals:nth-last-of-type(4) { grid-row: 4; }

/* Vertically center finals in 3-col */ .tournament .qfinals ~ .finals:nth-last-of-type(2) { grid-row: 12; }

.tournament .qfinals ~ .finals:nth-last-of-type(3) { grid-row: 11; }

.tournament .qfinals ~ .finals:nth-last-of-type(4) { grid-row: 10; }

/* Vertically center sfinals in 3-col */ .tournament .qfinals ~ .sfinals:nth-last-of-type(6) { grid-row: 18; }

.tournament .qfinals ~ .sfinals:nth-last-of-type(7) { grid-row: 17; }

.tournament .qfinals ~ .sfinals:nth-last-of-type(8) { grid-row: 16; }

.tournament .qfinals ~ .sfinals:nth-last-of-type(9) { grid-row: 10 / span 3; }

.tournament .qfinals ~ .sfinals:nth-last-of-type(10) { grid-row: 6; }

.tournament .qfinals ~ .sfinals:nth-last-of-type(11) { grid-row: 5; }

.tournament .qfinals ~ .sfinals:nth-last-of-type(12) { grid-row: 4; }

/* Vertically center finals in 4-col */ .tournament .ofinals ~ .finals:nth-last-of-type(2) { grid-row: 24; }

.tournament .ofinals ~ .finals:nth-last-of-type(3) { grid-row: 23; }

.tournament .ofinals ~ .finals:nth-last-of-type(4) { grid-row: 22; }

/* Vertically center sfinals in 4-col */ .tournament .ofinals ~ .sfinals:nth-last-of-type(6) { grid-row: 36; }

.tournament .ofinals ~ .sfinals:nth-last-of-type(7) { grid-row: 35; }

.tournament .ofinals ~ .sfinals:nth-last-of-type(8) { grid-row: 34; }

.tournament .ofinals ~ .sfinals:nth-last-of-type(9) { grid-row: 13 / span 15; }

.tournament .ofinals ~ .sfinals:nth-last-of-type(10) { grid-row: 12; }

.tournament .ofinals ~ .sfinals:nth-last-of-type(11) { grid-row: 11; }

.tournament .ofinals ~ .sfinals:nth-last-of-type(12) { grid-row: 10; }

/* Vertically center qfinals in 4-col */ .tournament .ofinals ~ .qfinals:nth-last-of-type(15) { grid-row: 42; }

.tournament .ofinals ~ .qfinals:nth-last-of-type(16) { grid-row: 41; }

.tournament .ofinals ~ .qfinals:nth-last-of-type(17) { grid-row: 40; }

.tournament .ofinals ~ .qfinals:nth-last-of-type(18) { grid-row: 7 / span 9; }

.tournament .ofinals ~ .qfinals:nth-last-of-type(19) { grid-row: 30; }

.tournament .ofinals ~ .qfinals:nth-last-of-type(20) { grid-row: 29; }

.tournament .ofinals ~ .qfinals:nth-last-of-type(21) { grid-row: 28; }

.tournament .ofinals ~ .qfinals:nth-last-of-type(22) { grid-row: 19 / span 9; }

.tournament .ofinals ~ .qfinals:nth-last-of-type(23) { grid-row: 18; }

.tournament .ofinals ~ .qfinals:nth-last-of-type(24) { grid-row: 17; }

.tournament .ofinals ~ .qfinals:nth-last-of-type(25) { grid-row: 16; }

.tournament .ofinals ~ .qfinals:nth-last-of-type(26) { grid-row: 31 / span 9; }

.tournament .ofinals ~ .qfinals:nth-last-of-type(27) { grid-row: 6; }

.tournament .ofinals ~ .qfinals:nth-last-of-type(28) { grid-row: 5; }

.tournament .ofinals ~ .qfinals:nth-last-of-type(29) { grid-row: 4; }

/* Association placements — up-to quarterfinals */ .tournament .sf-gap { grid-row: 2 / span 6; }

.tournament .sf-gap.half { grid-row-end: span 3; }

.tournament .qs-gap ~ .sf-gap { grid-row: 5 / span 12; }

.tournament .qs-gap { grid-row: 2 / span 6; }

.tournament .qs-gap.half { grid-row-end: span 3; }

.tournament .qs-gap + .qs-gap { grid-row: 14 / span 6; }

.tournament .qs-gap + .qs-gap.half { grid-row-end: span 3; }

/* Association placements — octofinals */ .tournament .oq-gap ~ .sf-gap { grid-row: 11 / span 24; }

.tournament .oq-gap ~ .qs-gap { grid-row: 5 / span 12; }

.tournament .oq-gap ~ .qs-gap + .qs-gap { grid-row: 29 / span 12; }

.tournament .oq-gap ~ .qs-gap { grid-row: 5 / span 12; }

.tournament .oq-gap ~ .qs-gap + .qs-gap { grid-row: 29 / span 12; }

.tournament .oq-gap { grid-row: 2 / span 6; }

.tournament .oq-gap.half { grid-row-end: span 3; }

.tournament .oq-gap + .oq-gap { grid-row-start: 14; }

.tournament .oq-gap + .oq-gap + .oq-gap { grid-row-start: 26; }

.tournament .oq-gap + .oq-gap + .oq-gap + .oq-gap { grid-row-start: 38; }

/* Synthesis mode overrides */ .t-synthesis { --tournament-color-background--bottom: var(--theme-page-background-color--secondary); --tournament-color-background--top: var(--theme-page-background-color--secondary); --tournament-color-border--outer: var(--theme-accent-color); --tournament-color-border--inner: var(--theme-accent-color); --tournament-color-ebackground: var(--theme-page-background-color--secondary); --tournament-color-filigree: var(--theme-link-color); --tournament-color-popup: var(--theme-page-background-color--secondary); --tournament-color-popup--text: var(--theme-page-dynamic-color-1); }

.theme-fandomdesktop-light .t-synthesis { --tournament-color-filigree--text: #FFFFFF; --tournament-color-popup--shadow: rgba(209, 209, 209, 0.5); --tournament-top-opacity: 0.22; }

.t-synthesis .t-top { position: relative; }

.t-synthesis .t-top .t-emblem .t-eborder:after, .t-synthesis .t-top:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(       rgba(0, 0, 0, var(--tournament-top-opacity)),        rgba(0, 0, 0, var(--tournament-top-opacity))    ); opacity: var(--tournament-top-opacity); }

.theme-fandomdesktop-light .t-synthesis .tournament .t-cont .t-detail { border-style: outset; }