/* 比赛管理：帝青试版。深青底、竖纹、金线。仅 body.ppq-mm-imperial */

body.ppq-mm-imperial {
    color: #f3e6c8;
    background-color: #042824;
    background-image:
        repeating-linear-gradient(
            90deg,
            rgba(243, 230, 200, 0.045) 0 1px,
            transparent 1px 8px
        ),
        linear-gradient(
            to bottom right,
            transparent 0%,
            transparent 36%,
            rgba(210, 236, 228, 0.08) 44%,
            rgba(232, 248, 242, 0.38) 50%,
            rgba(210, 236, 228, 0.08) 56%,
            transparent 66%,
            transparent 100%
        ),
        radial-gradient(130% 52% at 118% 112%, transparent 46%, rgba(212, 184, 122, 0.55) 46.6%, transparent 47.4%),
        linear-gradient(180deg, #0b524c 0%, #08423e 42%, #042e2c 100%);
    background-attachment: fixed;
}

body.ppq-mm-imperial h1,
body.ppq-mm-imperial .mm-header-row h1 {
    color: #f3e6c8;
}

body.ppq-mm-imperial .container {
    background: rgba(4, 36, 34, 0.28);
    box-shadow: none;
    color: #f3e6c8;
}

body.ppq-mm-imperial .match-type-btn,
body.ppq-mm-imperial .mm-header-actions .match-type-btn {
    background: linear-gradient(180deg, rgba(14, 92, 86, 0.92) 0%, rgba(6, 48, 46, 0.96) 100%);
    color: #f3e6c8;
    border: 1px solid rgba(212, 184, 122, 0.45);
    box-shadow: inset 0 1px 0 rgba(243, 230, 200, 0.16), 0 8px 18px rgba(0, 0, 0, 0.28);
}

body.ppq-mm-imperial .match-type-btn:hover,
body.ppq-mm-imperial .mm-header-actions .match-type-btn:hover {
    background: linear-gradient(180deg, rgba(18, 110, 102, 0.95) 0%, rgba(8, 58, 54, 0.98) 100%);
    border-color: rgba(243, 230, 200, 0.65);
}

body.ppq-mm-imperial .match-type-btn--solo {
    background: linear-gradient(180deg, #f3e6c8 0%, #c4a574 100%);
    color: #12302c;
    border-color: rgba(255, 236, 210, 0.7);
}

body.ppq-mm-imperial .match-type-btn--solo:hover {
    background: linear-gradient(180deg, #fff6e4 0%, #d4b88a 100%);
    color: #12302c;
}

body.ppq-mm-imperial .bottom-nav {
    background: linear-gradient(180deg, rgba(6, 42, 40, 0.92) 0%, rgba(2, 16, 16, 0.96) 100%);
    border-top: 1px solid rgba(212, 184, 122, 0.32);
}

body.ppq-mm-imperial .nav-item {
    color: rgba(243, 230, 200, 0.82);
}

body.ppq-mm-imperial .nav-item:hover,
body.ppq-mm-imperial .nav-item.active {
    background: rgba(243, 230, 200, 0.12);
    color: #f3e6c8;
}

body.ppq-mm-imperial .mm-help-overlay {
    background: rgba(2, 18, 18, 0.72);
}

body.ppq-mm-imperial .mm-help-panel {
    background: linear-gradient(180deg, #0c4a44 0%, #06302c 100%);
    border-color: rgba(212, 184, 122, 0.35);
}

body.ppq-mm-imperial .mm-help-head {
    border-bottom-color: rgba(212, 184, 122, 0.22);
}

body.ppq-mm-imperial .mm-help-head h2,
body.ppq-mm-imperial .mm-help-body,
body.ppq-mm-imperial .mm-help-body h3,
body.ppq-mm-imperial .mm-help-body h4,
body.ppq-mm-imperial .mm-help-body .faq-q,
body.ppq-mm-imperial .mm-help-body .faq-a {
    color: #f3e6c8;
}

body.ppq-mm-imperial .mm-help-close {
    color: #f3e6c8;
}