/* ========== General styles ========== */
@media screen and (max-width: 575px) {
    .heading { font-size: 1.2rem; }
    .container-heading { font-size: 1rem; }
}
@media screen and (min-width: 575.02px) and (max-width: 982px) {
    .heading { font-size: 1.5rem; }
    .container-heading { font-size: 1.2rem; }
}
/* ========== General styles ========== */

/* ========== Tournaments section ========== */
.arch-item {
    width: 20%;
    transition: transform 0.2s ease-in-out;
    will-change: transform;
}
.arch-item:hover { transform: scale(1.03); }
@media screen and (max-width: 320px) {
    .arch-item { width: 100%; }
}
@media screen and (min-width: 320.02px) and (max-width: 575px) {
    .arch-item { width: 50%; }
}
@media screen and (min-width: 575.02px) and (max-width: 991px) {
    .arch-item { width: 33.33333333%; }
}
.arch-item > a {
    clip-path: polygon(calc(0% + 1rem) 0%, 100% 0, 100% calc(100% - 1rem), calc(100% - 1rem) 100%, 0 100%, 0% calc(0% + 1rem));
    filter: url('#rounded-polygon-mask');
}
.arch-name {
    font-size: 0.9rem;
    font-weight: 700;
    color: white;
    text-align: center;
    text-shadow: 0.05em 0 black, 0 0.05em black, -0.05em 0 black, 0 -0.05em black, -0.05em -0.05em black, -0.05em 0.05em black, 0.05em -0.05em black, 0.05em 0.05em black;
}
@media screen and (max-width: 575px) {
    .arch-name { font-size: 0.65rem; }
}
@media screen and (min-width: 575.02px) and (max-width: 1199px) {
    .arch-name { font-size: 0.7rem; }
}
.arch-bg {
    clip-path: inherit;
    background-color: black;
    width: 100%;
    height: 50px;
    background-size: cover;
    background-position-y: 20%;
    background-image: var(--arch_bg);
}
@media screen and (max-width: 575px) {
    .arch-bg { height: 35px; }
}
@media screen and (min-width: 575.02px) and (max-width: 1199px) {
    .arch-bg { height: 40px; }
}
.arch-overlay {
    background-color: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.arch-sup {
    color: #27292d;
    background-color: #0bb7e7;
    top: 0;
    right: 0;
    font-weight: 700;
    font-size: 0.7rem;
    padding: 0 5px 0 10px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 25% 100%);
}
.arch-sub {
    color: #27292d;
    bottom: 0;
    right: 0;
    background-color: #ef952b;
    font-size: 0.7rem;
    font-weight: 500;
    padding: 0 14px 0 5px;
    border-top-left-radius: 0.7rem;
}
@media screen and (max-width: 575px) {
    .arch-sup, .arch-sub { font-size: 0.55rem; }
}
@media screen and (min-width: 575.02px) and (max-width: 1199px) {
    .arch-sup, .arch-sub { font-size: 0.6rem; }
}
@media screen and (max-width: 1199px) {
    .tourn-arch-filters select { width: 100%; }
}
.fp-container-card {
    min-width: 0;
    border-radius: 16px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
}
.fp-event-news-type { font-size: 12px; font-weight: 500; }
.fp-news-list { gap: 8px; min-width: 0; }
@media screen and (max-width: 982px) {
    .tournament-news-list-item { font-size: 12px; }
}
/* ========== TCG Tournaments section ========== */

/* ========== Master Duel section ========== */
.fp-md-select-season {
    width: var(--w);
    background-color: #F8F9FA;
}
.fp-md-select-season:focus {
    background-color: #F8F9FA;
}
[data-bs-theme="dark"] .fp-md-select-season {
    background-color: #212528;
}
.md-season-date { font-size: 12px; font-weight: 500; }
.md-ad-card {
    clip-path: polygon(
        calc(0% + 1rem) 0,
        calc(100% - 1rem) 0,
        100% calc(0% + 1rem),
        100% calc(100% - 1rem),
        calc(100% - 1rem) 100%,
        calc(0% + 1rem) 100%,
        0 calc(100% - 1rem),
        0 calc(0% + 1rem)
    );
    background-image: var(--md_ad_bg);
    background-size: cover;
    background-position-y: var(--pos_y);
}
.md-ad-overlay {
    background-color: rgba(0, 0, 0, 0.5);
    gap: 8px;
}
.md-ad-txt {
    color: #fff;
    text-shadow: 0.05em 0 black, 0 0.05em black, -0.05em 0 black, 0 -0.05em black, -0.05em -0.05em black, -0.05em 0.05em black, 0.05em -0.05em black, 0.05em 0.05em black;
}
@media screen and (max-width: 982px) {
    .md-ad-txt { font-size: 0.8rem; }
}
.md-gold-badge, .md-silver-badge, .md-bronze-badge {
    color: black;
    width: 28px;
    z-index: 1;
    border-radius: 50%;
    font-weight: 700;
    font-style: italic;
    text-align: center;
    top: 0;
    left: 0;
}
.laurel-icon {
    position: absolute;
    z-index: 1;
    color: goldenrod;
    font-size: 1.4rem;
    top: 0.15rem;
    left: 0;
}
@media screen and (max-width: 575px) {
    .md-gold-badge, .md-silver-badge, .md-bronze-badge {
        font-size: 0.7rem;
        width: 22px;
        top: 0.2rem;
        left: 0.2rem;
    }
    .laurel-icon {
        font-size: 1.1rem;
        top: 0.28rem;
        left: 0.18rem;
    }
}
@media screen and (min-width: 575.02px) and (max-width: 1199px) {
    .md-gold-badge, .md-silver-badge, .md-bronze-badge { font-size: 0.8rem; width: 24px; }
    .laurel-icon { font-size: 1.2rem; }
}
.md-gold-badge {
    color: gold;
    border: 2px solid brown;
    background-color: brown;
}
.md-silver-badge {
    border: 2px solid #808080;
    background-color: #d3d3d3;
}
.md-bronze-badge {
    border: 2px solid #CD7F32;
    background-color: #efc092;
}
/* ========== Master Duel section ========== */

/* ========== Forum section ========== */
.recent-forum-list { gap: 16px; }
@media screen and (max-width: 982px) {
    .recent-forum-list { gap: 8px; }
    .forum-list-item-link { font-size: 13px; }
}
/* ========== Forum section ========== */