:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #E0611A;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #232133;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #E0611A;
    --bs-danger: #dc3545;
    --bs-light: #a1a1a1;
    --bs-dark: #212529;
    --bs-primary-rgb: 13,110,253;
    --bs-secondary-rgb: 108,117,125;
    --bs-success-rgb: 25,135,84;
    --bs-info-rgb: 13,202,240;
    --bs-warning-rgb: 223,119,52;
    --bs-danger-rgb: 220,53,69;
    --bs-light-rgb: 161,161,161;
    --bs-dark-rgb: 33,37,41;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-body-color-rgb: 33,37,41;
    --bs-body-bg-rgb: 255,255,255;
    --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #FFF;
    --bs-body-bg: #fff;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-link-color: #df7734;
    --bs-link-hover-color: #E0611A;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd;
    --bs-nav-link-font-size: 20px;
    --nft-color-1: #df7734;
    --nft-color-2: #1e1a34;
    --nft-color-3: #4f5467;
    --nft-color-4: #2a2840;
    --nft-color-5: #33374f;
    --nft-color-6: #27273e;
    --nft-color-7: rgba(38, 43, 66, 0);
    --nft-color-8: #0e152d;
    --nft-color-9: #000519;
    --nft-color-10: #E0611A;
    --nft-color-11: #653221;
    --nft-title-font: "Oswald", system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif;
    --nft-title-font-weight: 700;
}
.list-group {
    --bs-list-group-bg: transparent;
    /*--bs-list-group-border-width: none;*/
}
/* oswald-500 - latin */
@font-face {
    font-display: swap;
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/oswald-v49-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* oswald-600 - latin */
@font-face {
    font-display: swap;
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/oswald-v49-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* oswald-700 - latin */
@font-face {
    font-display: swap;
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/oswald-v49-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .font-oswald {font-family: var(--nft-title-font); font-weight: var(--nft-title-font-weight) }
.font-normal {font-family: var(--bs-font-sans-serif);}
.fw-medium {font-weight: 500 !important;}

.nft-bg-1 {background-color: var(--nft-color-1)}
.nft-bg-2 {background-color: var(--nft-color-2)}
.nft-bg-3 {background-color: var(--nft-color-3)}
.nft-bg-4 {background-color: var(--nft-color-4)}
.nft-bg-5 {background-color: var(--nft-color-5)}
.nft-bg-6 {background-color: var(--nft-color-6)}
.nft-bg-7 {background-color: var(--nft-color-7)}
.nft-bg-8 {background-color: var(--nft-color-8)}
.nft-bg-9 {background-color: var(--nft-color-9)}
.nft-bg-10 {background-color: var(--nft-color-10)}
.nft-bg-11 {background-color: var(--nft-color-11)}


.nft-bg-gradient-1 {background: var(--nft-color-2); background: linear-gradient(0deg, var(--nft-color-2) 0%, var(--nft-color-3) 100%);}
.nft-bg-gradient-2 {background: var(--nft-color-3); background: linear-gradient(0deg, var(--nft-color-3) 0%, var(--nft-color-4) 100%);}
.nft-bg-gradient-3 {background: var(--nft-color-4); background: linear-gradient(0deg, var(--nft-color-4) 0%, var(--nft-color-5) 100%);}
.nft-bg-gradient-4 {background: var(--nft-color-5); background: linear-gradient(0deg, var(--nft-color-5) 0%, var(--nft-color-6) 100%);}
.nft-bg-gradient-5 {background: var(--nft-color-6); background: linear-gradient(0deg, var(--nft-color-6) 0%, var(--nft-color-7) 100%);}
.nft-bg-gradient-6 {background: var(--nft-color-7); background: linear-gradient(0deg, var(--nft-color-7) 0%, var(--nft-color-8) 100%);}
.nft-bg-gradient-7 {background: var(--nft-color-8); background: linear-gradient(0deg, var(--nft-color-5) 0%, var(--nft-color-2) 100%);}
.nft-bg-gradient-8 {background: var(--nft-color-8); background: linear-gradient(0deg, var(--nft-color-9) 0%, var(--nft-color-4) 100%);}

.role-p {color: #ef4236}
.role-c {color: #56c3f7}
.role-d {color: #388e3c}
.role-t {color: #35838f}
.role-a {color: #3777bd}
#header {background-image: url("../img/bg-victory-2.webp"); background-size: cover; background-position: top center; background-color: var(--nft-color-8); background-repeat: no-repeat }
#header:before {content: ""; width:100%; height:100%; background: rgba(0,0,0,.5); position: absolute; left:0; top:0}
.bottom-corner-box {
    clip-path: polygon(0 0,100% 0,100% calc(100% - 8.88px),calc(100% - 7px) calc(100% - 7px),calc(100% - 8.88px) 100%,8.88px 100%,7px calc(100% - 7px),0 calc(100% - 8.88px));
    border-bottom: 3px solid var(--nft-color-4);
}
/*.general-info:before, .general-info:after {content:"";position: absolute;width: 0;height: 0;border-style: solid;bottom:0;}*/
/*.general-info:after {right:0;border-width: 0 0 200px 100px;border-color: transparent transparent var(--nft-color-4) transparent;}*/
/*.general-info:before {left:0;border-width: 200px 0 0 100px;border-color: transparent transparent transparent var(--nft-color-4);}*/
.section-league:after {content:"";position: absolute;width: 0;height: 0;border-style: solid;top:0;border-width: 50px 150px 0 150px;
    border-color: var(--nft-color-1) transparent transparent transparent; left:50%; -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}


.ranking-row:nth-child(odd) {background: var(--nft-color-5)}
.ranking-row:nth-child(even) {background: var(--nft-color-7)}
#leagueChart {height: auto}
@media (min-width:768px) {
    #leagueChart {height:192px;}
}
@media (min-width:1200px) {
    #leagueChart {height:240px;}
}
#team-records {z-index:2}
.winner-header {position: relative; background: linear-gradient(0deg, #000000b3, transparent);}
.winner-header:after {content:""; width: 200px; height:5px; border-radius: 50%;z-index:0; box-shadow: -3px 0 3px 10px var(--nft-color-10); position: absolute; bottom: -12px; left:50%; margin-left:-100px; }

.nft-widget-title {padding-left: 15px; position:relative;}
.nft-widget-title:before {content:"";height: 100%; width: 3px; background: var(--nft-color-10);
    background: linear-gradient(0deg, var(--nft-color-10) 0%, #262B4200 100%); position: absolute; left:0; top:0}

.nav-tabs .nav-link {border: none}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color: #FFF; background: transparent; border-bottom:2px solid #FFF;}
.player-table-col {width: 40px}
.player-row:nth-child(even) {background: var(--nft-color-6)}

.game-strategy {border-radius: 10px 0 0 10px}
.game-strategy:before {content:""; width: 0;height: 0;border-style: solid;border-width: 17px 0 17px 10px;
    border-color: transparent transparent transparent var(--nft-color-10); position: absolute; right: -10px;top:50%; margin-top: -17px;}

.overflow-y-scroll {max-height: 500px;overflow-y: auto;scrollbar-width: thin;scrollbar-color: #999999 var(--nft-color-9);}
.overflow-y-scroll::-webkit-scrollbar {width: 8px;}
.overflow-y-scroll::-webkit-scrollbar-track {background-color: var(--nft-color-9);}
.overflow-y-scroll::-webkit-scrollbar-thumb {background-color: #999999;border-radius: 10px;}
.overflow-y-scroll::-webkit-scrollbar-thumb:hover {background-color: #888888;}