/* 全局样式 */
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #F5F5DC; /* 米白色 */
    color: #8B0000; /* 不刺眼的红色 */
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    box-sizing: border-box;
    width: 100vw;
    overflow-x: hidden;
}

#game-container {
    width: 100%;
    max-width: 450px;
    padding: 20px 16px;
    text-align: center;
    box-sizing: border-box;
}

h1 {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 1.05rem;
    letter-spacing: 0.08em;
    color: #1c1916;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 24px;
    padding-top: 14px;
    padding-bottom: 14px;
    border: none;
    text-align: center;
}

h1::before, h1::after {
    content: '';
    display: block;
    height: 2px;
    width: 68%;
    background: #8B0000;
    margin: 0 auto;
    border-radius: 1px;
}

h1::before {
    margin-bottom: 12px;
}

h1::after {
    margin-top: 12px;
}

/* 模态弹窗 */
.modal {
    display: flex;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
}

.modal-content {
    background-color: #F5F5DC;
    padding: 18px 14px;
    border: 2px solid #8B0000;
    border-radius: 10px;
    width: min(92%, 360px);
    max-width: 360px;
    margin: 0 16px;
    text-align: center;
}

#ending-modal {
    background-color: rgba(0, 0, 0, 0.88);
}

.modal-content.ending-content {
    background-color: #1c1916;
    border: none;
    border-top: 2px solid #8B0000;
    border-radius: 2px;
    padding: 26px 24px 22px;
    width: min(92%, 375px);
    max-width: 375px;
    margin: 0 16px;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.7);
}

.ending-label {
    font-size: 0.6rem;
    letter-spacing: 0.32em;
    color: #8B0000;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 18px;
    font-family: Georgia, serif;
}

.modal-content.ending-content h2 {
    color: #f0ece4;
    margin: 0;
    text-align: center;
    font-size: 1.55rem;
    letter-spacing: 0.08em;
    font-family: Georgia, 'Times New Roman', serif;
    font-weight: 700;
}

.ending-rule {
    width: 36px;
    height: 1px;
    background-color: #8B0000;
    margin: 16px auto 18px;
}

.modal-content.ending-content p {
    line-height: 1.9;
    margin-bottom: 22px;
    text-align: justify;
    font-size: 0.9rem;
    color: #b8b0a6;
    text-indent: 1.6em;
    font-family: Georgia, 'Times New Roman', serif;
}

.modal-content.ending-content button {
    background: transparent;
    color: #7a7268;
    border: 1px solid #3a3530;
    padding: 9px 28px;
    border-radius: 2px;
    font-size: 0.78rem;
    letter-spacing: 0.16em;
    font-weight: normal;
    cursor: pointer;
    transition: border-color 0.3s, color 0.3s;
    display: block;
    margin: 0 auto;
    font-family: Georgia, serif;
}

.modal-content.ending-content button:hover {
    border-color: #8B0000;
    color: #e0d8ce;
}


.modal-content p {
    margin-bottom: 20px;
    line-height: 1.5;
}

button {
    background-color: #8B0000;
    color: #F5F5DC;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
}

button:hover {
    background-color: #A52A2A; /* 更深的红色 */
}

/* 周报新闻卡片 */
#match-result-modal.weekly .modal-content {
    background-color: #faf5e4;
    border: 3px double #2d1f13;
    border-radius: 4px;
    padding: 0;
    overflow: hidden;
}

#match-result-modal.weekly #match-result-title {
    display: none;
}

#match-result-modal.weekly #match-result-text {
    margin-bottom: 0;
}

.news-header {
    padding: 14px 20px 10px;
    text-align: center;
    border-bottom: 2px solid #2d1f13;
}

.news-rule {
    border: none;
    border-top: 1px solid #2d1f13;
    margin: 5px 0;
}

.news-masthead {
    font-size: 1.45rem;
    font-weight: 900;
    letter-spacing: 0.35em;
    color: #1a1a1a;
    font-family: Georgia, 'Times New Roman', serif;
    margin: 5px 0;
}

.news-edition {
    font-size: 0.7rem;
    color: #777;
    letter-spacing: 0.06em;
    margin-top: 3px;
    font-style: italic;
}

.news-body {
    padding: 12px 20px 14px;
}

.news-match {
    padding: 8px 0;
}

.news-match + .news-match {
    border-top: 1px dashed #bbb;
    margin-top: 6px;
    padding-top: 10px;
}

.news-round-label {
    font-size: 0.66rem;
    color: #999;
    letter-spacing: 0.14em;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.news-match-text {
    font-size: 0.96rem;
    line-height: 1.65;
    color: #1a1a1a;
    font-family: Georgia, 'Times New Roman', serif;
}

.news-match-text.result-win {
    color: #8B0000;
    font-weight: 700;
}

.news-match-text.result-draw {
    color: #5a4530;
}

.news-match-text.result-loss {
    color: #2d1f13;
}

.news-effects {
    padding: 10px 20px 8px;
    font-size: 0.72rem;
    color: #8a7060;
    font-family: Georgia, 'Times New Roman', serif;
    font-style: italic;
    border-top: 1px dashed #c8b89a;
    line-height: 1.6;
}

.news-effects-label {
    font-style: normal;
    font-weight: 700;
    color: #5a4530;
}

.season-end-note {
    padding: 6px 0 10px;
    text-align: center;
}

.season-end-note p {
    margin: 4px 0;
    color: #2d1f13;
    font-size: 0.95rem;
    line-height: 1.6;
}

.season-end-sub {
    font-size: 0.8rem !important;
    color: #7a6753 !important;
}

.news-footer-rule {
    height: 2px;
    background: #2d1f13;
    margin-top: 4px;
}

#match-result-modal.weekly #close-result {
    display: block;
    width: calc(100% - 40px);
    margin: 12px auto 16px;
    background: #2d1f13;
    color: #faf5e4;
    border-radius: 3px;
    padding: 9px;
    font-size: 0.9rem;
    letter-spacing: 0.06em;
}

#match-result-modal.weekly #close-result:hover {
    background: #8B0000;
}

#random-event-title {
    border-bottom: 1px solid #000000;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

#random-event-description {
    font-style: italic;
}

#random-event-modal.warning .modal-content {
    border: 2px solid #003366;
    box-shadow: 0 0 0 3px rgba(0, 51, 102, 0.2);
}

#random-event-modal.warning #random-event-title {
    color: #000000;
}

#random-event-modal.warning #random-event-description {
    font-style: normal;
    color: #000000;
}

#random-event-modal.warning #random-event-description .warning-note {
    display: block;
    margin-top: 10px;
    color: #666666;
}

#random-event-modal.warning .random-event-option {
    background-color: #003366;
    color: #F5F5DC;
    border: 1px solid #001F4D;
    padding: 8px 20px;
    border-radius: 20px;
    width: fit-content;
    margin: 0 auto;
}

#random-event-modal.warning .random-event-option:hover {
    background-color: #002A5C;
}

/* 隐藏类 */
.hidden {
    display: none;
}

#difficulty-selection {
    margin-top: 8px;
}

#difficulty-selection h2 {
    font-size: 1rem;
    letter-spacing: 0.2em;
    color: #1c1916;
    font-weight: 600;
    margin-bottom: 14px;
    padding-bottom: 10px;
    border: none;
    text-align: center;
    position: relative;
}

#difficulty-selection h2::after {
    content: '';
    display: block;
    height: 1px;
    width: 52%;
    background: rgba(139, 0, 0, 0.35);
    margin: 8px auto 0;
    border-radius: 1px;
}

.difficulty-option {
    background-color: #F5F5DC;
    border: 1.5px solid #8B0000;
    border-radius: 10px;
    padding: 14px 16px;
    margin: 10px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    box-shadow: 0 2px 6px rgba(139, 0, 0, 0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    cursor: pointer;
}

.difficulty-option:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(139, 0, 0, 0.15);
}

.difficulty-option h3 {
    color: #8B0000;
    margin: 0;
    font-size: 1rem;
    letter-spacing: 0.02em;
    flex-shrink: 0;
    min-width: 76px;
    text-align: left;
}

.difficulty-option p {
    margin: 0;
    flex: 1;
    color: #1c1916;
    font-size: 0.82rem;
    line-height: 1.5;
    text-align: left;
}

.difficulty-rate {
    display: block;
    font-size: 0.75rem;
    color: #7a6753;
    margin-top: 2px;
}

/* 随机事件选项 */
.random-event-option {
    display: block;
    width: 100%;
    background-color: #8B0000;
    color: white;
    border: none;
    padding: 10px;
    margin: 5px 0;
    border-radius: 5px;
    cursor: pointer;
    text-align: left;
    font-size: 1em;
}

.random-event-option:hover {
    background-color: #DC143C;
}

/* 主界面 */
#main-interface {
    color: black;
}

.stats-box, .variables-box, .events-box {
    border: 2px solid #1c1916;
    border-radius: 14px;
    margin: 10px 0;
    padding: 18px;
    background-color: #F5F5DC;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.stats-box {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 0;
    grid-auto-rows: minmax(120px, auto);
}

.stat-card {
    position: relative;
    width: auto;
    min-height: 120px;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    align-self: stretch;
    background: #FBF5E8;
    border-radius: 18px;
    padding: 8px 10px;
    box-shadow: 0 10px 18px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
    gap: 6px;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.stat-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 24px 40px rgba(0, 0, 0, 0.12);
}

.stat-card:active {
    transform: scale(0.99);
}

.stat-card-head {
    display: flex;
    align-items: center;
    gap: 8px;
}

.stat-icon {
    width: 34px;
    height: 34px;
    border-radius: 12px;
    background: rgba(139, 0, 0, 0.08);
    color: #8B0000;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.stat-icon svg {
    width: 14px;
    height: 14px;
}

.stat-card-title {
    font-size: 0.82rem;
    color: #5a4334;
    font-weight: 700;
}

.stat-card-value {
    font-size: 1.3rem;
    font-weight: 800;
    color: #2d1f13;
    line-height: 1;
}

.stat-card-status {
    font-size: 0.78rem;
    color: #7a6753;
}

.stat-card-progress {
    margin-top: 6px;
}

.progress-track {
    width: 100%;
    height: 8px;
    background: #ECE4D9;
    border-radius: 999px;
    overflow: hidden;
}

.progress-bar {
    height: 100%;
    width: 50%;
    border-radius: 999px;
    transition: width 0.4s ease, background 0.4s ease;
}

.progress-bar.low {
    background: linear-gradient(90deg, #8B0000, #cc2200);
}

.progress-bar.medium {
    background: linear-gradient(90deg, #8a6000, #c49a28);
}

.progress-bar.high {
    background: linear-gradient(90deg, #2f6e2e, #7dc35b);
}

.stat-change {
    position: absolute;
    right: 18px;
    top: 18px;
    font-size: 0.95rem;
    font-weight: 900;
    color: #8B0000;
    opacity: 0;
    transform: translateY(0);
    transition: transform 1.0s ease, opacity 1.0s ease;
}

.stat-change.visible {
    opacity: 1;
    transform: translateY(-28px);
}

.stat span {
    margin-top: 5px;
}

.progress-container {
    width: 100%;
    height: 20px;
    background-color: #e0e0e0;
    border: 1px solid #8B0000;
    border-radius: 0;
    overflow: hidden;
}

.progress-bar {
    height: 100%;
    background-color: black;
    transition: background-color 0.3s, width 0.3s;
}

.stat span {
    margin-top: 5px;
}

.variables-box {
    display: flex;
    gap: 14px;
    align-items: stretch;
    flex-wrap: wrap;
}

.last-score-panel {
    flex: 1 1 40%;
    min-width: 130px;
    background: #F5F5DC;
    border-radius: 18px;
    padding: 16px;
    border: 1px solid #8B0000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
}

.panel-label {
    font-size: 0.95rem;
    color: #7a6753;
    font-weight: 700;
}

.last-score-value {
    display: flex;
    align-items: center;
    color: #2d1f13;
}

#last-score-home {
    flex: 1;
    text-align: right;
    font-size: 0.9rem;
    font-weight: 800;
}

#last-score-num {
    flex-shrink: 0;
    padding: 0 6px;
    font-size: 0.9rem;
    font-weight: 800;
}

#last-score-away {
    flex: 1;
    text-align: left;
    font-size: 0.9rem;
    font-weight: 800;
}

.summary-grid {
    flex: 1 1 55%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    align-items: stretch;
}

.variable {
    background: #F5F5DC;
    border: 1px solid #8B0000;
    border-radius: 18px;
    padding: 14px;
    font-size: 0.96rem;
    color: #2d1f13;
    position: relative;
    overflow: visible;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.variable span {
    font-weight: 700;
}

/* 保证右侧数值不出现较大间距，轮次显示为紧凑的右侧元素 */
.variable { white-space: nowrap; }
.variable .value { display: inline-block; min-width: 56px; text-align: right; }
.variable .slash { color: #2d1f13; margin-left: 4px; }

.events-box {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.events-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, auto);
    gap: 10px;
    margin-bottom: 10px;
    width: 100%;
    max-width: 100%;
}

.event-btn {
    padding: 10px 15px;
    background-color: #8B0000;
    color: #F5F5DC;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    white-space: normal;
    line-height: 1.5;
}

.event-btn:hover {
    background-color: #A52A2A;
}

.event-btn:disabled {
    background-color: #ccc;
    cursor: not-allowed;
}

#event-options {
    margin: 10px 0;
    text-align: center;
}

#event-description {
    margin-bottom: 10px;
    font-weight: bold;
}

#option-buttons {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
}

.option-container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    margin: 0;
}

.option-btn {
    padding: 9px 12px;
    background-color: rgba(139, 0, 0, 0.06);
    color: #8B0000;
    border: 1px solid rgba(139, 0, 0, 0.28);
    border-radius: 5px;
    cursor: pointer;
    width: 100%;
    text-align: center;
    font-size: 0.9rem;
    transition: background-color 0.15s, border-color 0.15s;
}

.option-btn:hover {
    background-color: rgba(139, 0, 0, 0.13);
    border-color: rgba(139, 0, 0, 0.5);
}

.effects-text {
    font-size: 12px;
    color: #666;
    margin-top: 2px;
    text-align: center;
}

.decision-points {
    margin-bottom: 10px;
    font-size: 16px;
}

#start-match {
    padding: 10px 20px;
    background-color: #8B0000;
    color: #F5F5DC;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
}

#start-match:hover {
    background-color: #A52A2A;
}

#start-match:disabled {
    background-color: #ccc;
    cursor: not-allowed;
}

/* 临时测试按钮 */
#next-chapter-btn {
    position: fixed;
    bottom: 48px;
    right: 14px;
    padding: 5px 10px;
    font-size: 0.72rem;
    background: rgba(20, 20, 20, 0.55);
    color: #aaa;
    border: 1px dashed #555;
    border-radius: 2px;
    cursor: pointer;
    z-index: 9999;
    opacity: 0.5;
    letter-spacing: 0.06em;
    transition: opacity 0.2s;
}

#next-chapter-btn:hover {
    opacity: 1;
    background: rgba(20, 20, 20, 0.8);
    color: #ddd;
}

#test-ending-btn {
    position: fixed;
    bottom: 14px;
    right: 14px;
    padding: 5px 10px;
    font-size: 0.72rem;
    background: rgba(20, 20, 20, 0.55);
    color: #999;
    border: 1px solid #444;
    border-radius: 3px;
    z-index: 9999;
    opacity: 0.5;
    letter-spacing: 0.06em;
    transition: opacity 0.2s;
}

#test-ending-btn:hover {
    opacity: 1;
    background: rgba(20, 20, 20, 0.8);
    color: #ddd;
}

/* 主线剧情事件卡片（同赛季简报风格） */
#random-event-modal.mainline {
    background-color: rgba(0, 0, 0, 0.6);
}

#random-event-modal.mainline .modal-content {
    background-color: #faf5e8;
    border: none;
    border-top: 3px solid #8B0000;
    border-radius: 2px;
    padding: 26px 24px 22px;
    text-align: left;
    max-height: 82vh;
    overflow-y: auto;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.22);
}

#random-event-modal.mainline #random-event-title {
    color: #1c1916;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 1.1rem;
    letter-spacing: 0.06em;
    font-weight: 700;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
    line-height: 1.4;
}

#random-event-modal.mainline #random-event-title::before {
    content: "主线剧情";
    display: block;
    font-size: 0.57rem;
    letter-spacing: 0.44em;
    color: #8B0000;
    font-weight: 700;
    font-family: Georgia, serif;
    margin-bottom: 10px;
}

#random-event-modal.mainline #random-event-title::after {
    content: '';
    display: block;
    width: 36px;
    height: 1px;
    background-color: #8B0000;
    margin: 14px 0 16px;
}

#random-event-modal.mainline #random-event-description {
    font-size: 0.87rem;
    color: #2d1f13;
    line-height: 1.9;
    text-align: justify;
    white-space: pre-line;
    font-family: Georgia, 'Times New Roman', serif;
    font-style: normal;
    margin-bottom: 18px;
}

#random-event-modal.mainline .random-event-option {
    background: transparent;
    color: #7a6753;
    border: 1px solid rgba(28, 25, 22, 0.2);
    padding: 9px 14px;
    border-radius: 2px;
    font-size: 0.83rem;
    font-weight: normal;
    text-align: left;
    width: 100%;
    margin: 4px 0;
    transition: border-color 0.2s, color 0.2s, background 0.2s;
    font-family: Georgia, serif;
    letter-spacing: 0.02em;
}

#random-event-modal.mainline .random-event-option:hover {
    background: rgba(139, 0, 0, 0.05);
    border-color: rgba(139, 0, 0, 0.3);
    color: #8B0000;
}

#random-event-modal.mainline .support-event-counter {
    font-size: 0.78rem;
    font-weight: 700;
    color: #8B0000;
    font-family: Georgia, serif;
    margin: 2px 0 10px;
}

#random-event-modal.mainline .support-event-close {
    margin-top: 10px;
    text-align: center;
    color: #7a6753;
}

/* 主线单确认/继续按钮：居中放置 */
#random-event-modal.mainline .random-event-option--single,
#random-event-modal.warning .random-event-option--single,
#random-event-modal .random-event-option--single {
    width: auto;
    min-width: 140px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/* 新闻样式：报道真实新闻，调性与主线相符但以纸媒为主、非红色 */
#random-event-modal.news {
    background-color: rgba(0, 0, 0, 0.6);
}

#random-event-modal.news .modal-content {
    background-color: #f7f4ee;
    border: 1px solid #d8cfbf;
    border-top: 6px double #1c1916;
    border-radius: 2px;
    padding: 24px 24px 20px;
    text-align: left;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.22);
}

#random-event-modal.news #random-event-title {
    color: #1c1916;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 1.32rem;
    font-weight: 800;
    line-height: 1.35;
    letter-spacing: 0.01em;
    border-bottom: 2px solid #1c1916;
    padding-bottom: 12px;
    margin-bottom: 0;
}

#random-event-modal.news #random-event-title::before {
    content: "新闻";
    display: block;
    font-size: 0.56rem;
    letter-spacing: 0.4em;
    color: #6b6256;
    font-weight: 700;
    font-family: Georgia, serif;
    margin-bottom: 9px;
}

#random-event-modal.news #random-event-description {
    font-size: 0.87rem;
    color: #2d2820;
    line-height: 1.85;
    text-align: justify;
    font-family: Georgia, 'Times New Roman', serif;
    font-style: normal;
    margin: 0;
}

#random-event-modal.news .news-source {
    display: block;
    font-size: 0.66rem;
    color: #8a7f6d;
    letter-spacing: 0.08em;
    padding: 10px 0 12px;
    border-bottom: 1px dotted #c7bca7;
    margin-bottom: 12px;
}

#random-event-modal.news .news-para {
    text-indent: 2em;
    margin: 0 0 0.5em;
}

#random-event-modal.news .news-para:last-child {
    margin-bottom: 0;
}

#random-event-modal.news .random-event-option {
    background: transparent;
    color: #4a4337;
    border: 1px solid rgba(28, 25, 22, 0.25);
    padding: 9px 14px;
    border-radius: 2px;
    font-size: 0.83rem;
    text-align: center;
    width: 100%;
    margin: 14px 0 0;
    transition: border-color 0.2s, color 0.2s, background 0.2s;
    font-family: Georgia, serif;
}

#random-event-modal.news .random-event-option:hover {
    background: rgba(28, 25, 22, 0.05);
    border-color: rgba(28, 25, 22, 0.5);
    color: #1c1916;
}

/* 赛季结算弹窗 */
#season-result-modal {
    background-color: rgba(0, 0, 0, 0.88);
    z-index: 10;
}

#season-result-modal .modal-content.season-result-content {
    background-color: #1c1916;
    border: none;
    border-top: 2px solid #C49A28;
    border-radius: 2px;
    padding: 26px 24px 22px;
    width: min(92%, 375px);
    max-width: 375px;
    margin: 0 16px;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.7);
    text-align: center;
}

#season-result-modal.failed .modal-content.season-result-content {
    border-top-color: #6a6460;
}

.season-result-label {
    font-size: 0.6rem;
    letter-spacing: 0.32em;
    color: #C49A28;
    text-align: center;
    margin-bottom: 18px;
    font-family: Georgia, serif;
}

#season-result-modal.failed .season-result-label {
    color: #6a6460;
}

.season-result-content h2 {
    color: #f0ece4;
    margin: 0;
    font-size: 1.55rem;
    letter-spacing: 0.08em;
    font-family: Georgia, 'Times New Roman', serif;
    font-weight: 700;
}

.season-result-rule {
    width: 36px;
    height: 1px;
    background-color: #C49A28;
    margin: 16px auto 18px;
}

#season-result-modal.failed .season-result-rule {
    background-color: #6a6460;
}

.season-result-content p {
    line-height: 1.9;
    margin-bottom: 22px;
    text-align: justify;
    font-size: 0.9rem;
    color: #b8b0a6;
    text-indent: 1.6em;
    font-family: Georgia, 'Times New Roman', serif;
}

#season-result-continue {
    background: transparent;
    color: #7a7268;
    border: 1px solid #3a3530;
    padding: 9px 28px;
    border-radius: 2px;
    font-size: 0.78rem;
    letter-spacing: 0.16em;
    font-weight: normal;
    cursor: pointer;
    transition: border-color 0.3s, color 0.3s;
    display: block;
    margin: 0 auto;
    font-family: Georgia, serif;
}

#season-result-continue:hover {
    background: transparent;
    border-color: #C49A28;
    color: #e0d8ce;
}

#season-result-modal.failed #season-result-continue:hover {
    border-color: #8B0000;
}

/* 底部四按钮行 */
.bottom-btn-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    border: 2px solid #1c1916;
    border-radius: 14px;
    margin: 10px 0;
    padding: 12px;
    background-color: #F5F5DC;
}

.meta-btn-row {
    display: flex;
    flex-direction: column;
    gap: 8px;
    border: 2px solid #1c1916;
    border-radius: 14px;
    margin: 10px 0;
    padding: 12px;
    background-color: #F5F5DC;
}

.bottom-btn-row button,
.meta-btn-row button {
    background: transparent;
    color: #8B0000;
    border: 1px solid #8B0000;
    border-radius: 10px;
    padding: 8px 4px;
    font-size: 0.72rem;
    letter-spacing: 0.06em;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    white-space: nowrap;
}

.bottom-btn-row button:hover,
.meta-btn-row button:hover {
    background: rgba(139, 0, 0, 0.06);
    color: #6b0000;
}

/* 赛季任务查看弹窗 */
#season-tasks-modal {
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 10;
}

#season-tasks-modal .modal-content.season-tasks-content {
    background-color: #faf5e8;
    border: none;
    border-top: 3px solid #8B0000;
    border-radius: 2px;
    padding: 22px 22px 20px;
    width: min(88%, 340px);
    max-width: 340px;
    text-align: left;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.18);
}

#season-tasks-title {
    color: #1c1916;
    margin: 0;
    font-size: 1.1rem;
    letter-spacing: 0.06em;
    font-family: Georgia, 'Times New Roman', serif;
    font-weight: 700;
    line-height: 1.4;
}

.no-tasks-note {
    font-size: 0.84rem;
    color: #7a6753;
    font-family: Georgia, serif;
    font-style: italic;
    margin: 0 0 16px;
    line-height: 1.7;
}

#close-tasks-modal {
    background: transparent;
    color: #7a6753;
    border: 1px solid rgba(28, 25, 22, 0.22);
    padding: 8px 24px;
    border-radius: 2px;
    font-size: 0.76rem;
    letter-spacing: 0.14em;
    font-weight: normal;
    cursor: pointer;
    transition: border-color 0.3s, color 0.3s;
    display: block;
    margin: 0 auto;
    font-family: Georgia, serif;
}

#close-tasks-modal:hover {
    background: transparent;
    border-color: #8B0000;
    color: #8B0000;
}

/* 兹拉坦支持点任务（赛季任务面板内可交互） */
.support-task {
    margin: 12px 0 16px;
    padding: 12px;
    border: 1px solid rgba(139, 0, 0, 0.4);
    border-radius: 8px;
    background: rgba(139, 0, 0, 0.05);
}

.support-task-header {
    font-size: 0.82rem;
    font-weight: 700;
    color: #8B0000;
    margin-bottom: 8px;
    font-family: Georgia, serif;
}

.support-task-dots {
    display: flex;
    gap: 9px;
    margin-bottom: 10px;
}

.support-dot {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #8B0000;
    background: transparent;
    transition: background 0.2s;
}

.support-dot.filled {
    background: #8B0000;
}

.support-task-btn {
    display: block;
    width: 100%;
    text-align: left;
    background: transparent;
    color: #4a3a2a;
    border: 1px solid rgba(28, 25, 22, 0.2);
    border-radius: 6px;
    padding: 8px 10px;
    margin: 6px 0 0;
    font-size: 0.76rem;
    line-height: 1.5;
    cursor: pointer;
    transition: border-color 0.2s, color 0.2s, background 0.2s;
    font-family: Georgia, serif;
}

.support-task-btn:hover {
    background: rgba(139, 0, 0, 0.06);
    border-color: rgba(139, 0, 0, 0.45);
    color: #8B0000;
}

.support-task-done .support-task-header { color: #2f6e2e; }

/* 测试反馈弹窗 */
.modal-content.test-notice-content {
    text-align: left;
    max-height: 80vh;
    overflow-y: auto;
}

.test-notice-content h2 {
    text-align: center;
    font-size: 1rem;
    color: #1c1916;
    margin-bottom: 12px;
}

.test-notice-intro {
    font-size: 0.84rem;
    line-height: 1.75;
    color: #2d1f13;
    margin-bottom: 8px;
}

.test-notice-list {
    font-size: 0.82rem;
    line-height: 1.9;
    color: #5a4334;
    padding-left: 1.4em;
    margin: 4px 0 10px;
}

.test-notice-contact {
    font-size: 0.82rem;
    line-height: 1.75;
    color: #7a6753;
    margin-bottom: 16px;
}

/* 赛季开幕简报弹窗 */
#season-intro-modal {
    background-color: rgba(0, 0, 0, 0.88);
    z-index: 10;
}

#season-intro-modal .modal-content.season-intro-content {
    background-color: #faf5e8;
    border: none;
    border-top: 3px solid #8B0000;
    border-radius: 2px;
    padding: 26px 24px 22px;
    width: min(92%, 380px);
    max-width: 380px;
    text-align: left;
    max-height: 82vh;
    overflow-y: auto;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.22);
}

.season-intro-eyebrow {
    font-size: 0.57rem;
    letter-spacing: 0.44em;
    color: #8B0000;
    font-weight: 700;
    font-family: Georgia, serif;
    margin-bottom: 10px;
}

#season-intro-title {
    color: #1c1916;
    margin: 0;
    font-size: 1.25rem;
    letter-spacing: 0.06em;
    font-family: Georgia, 'Times New Roman', serif;
    font-weight: 700;
    line-height: 1.4;
}

.season-intro-rule {
    width: 36px;
    height: 1px;
    background-color: #8B0000;
    margin: 14px 0 16px;
}

.season-intro-tasks-box {
    background: rgba(139, 0, 0, 0.05);
    border: 1px solid rgba(139, 0, 0, 0.2);
    border-radius: 3px;
    padding: 11px 14px;
    margin-bottom: 18px;
}

.season-tasks-header {
    font-size: 0.58rem;
    letter-spacing: 0.3em;
    color: #8B0000;
    font-weight: 700;
    font-family: Georgia, serif;
    margin-bottom: 8px;
}

.season-task-item {
    font-size: 0.84rem;
    color: #2d1f13;
    line-height: 1.9;
    font-family: Georgia, serif;
}

#season-intro-description p {
    font-size: 0.87rem;
    color: #2d1f13;
    line-height: 1.9;
    text-align: justify;
    font-family: Georgia, 'Times New Roman', serif;
    text-indent: 1.6em;
    margin: 0 0 10px;
}

#season-intro-description p:last-child {
    margin-bottom: 22px;
}

.highlight-red {
    color: #8B0000;
    font-weight: 700;
}

#season-intro-continue {
    background: transparent;
    color: #7a6753;
    border: 1px solid rgba(28, 25, 22, 0.25);
    padding: 9px 28px;
    border-radius: 2px;
    font-size: 0.78rem;
    letter-spacing: 0.16em;
    font-weight: normal;
    cursor: pointer;
    transition: border-color 0.3s, color 0.3s;
    display: block;
    margin: 0 auto;
    font-family: Georgia, serif;
}

#season-intro-continue:hover {
    background: transparent;
    border-color: #8B0000;
    color: #8B0000;
}

/* 手机适配 */
@media (max-width: 600px) {
    #game-container {
        padding: 10px 12px;
    }
    
    .modal-content {
        width: 94%;
        padding: 16px;
    }
    
    .difficulty-option {
        padding: 12px 14px;
    }
    
    .stats-box, .variables-box, .events-box, .bottom-btn-row, .meta-btn-row {
        padding: 12px;
    }
    
    .stats-box {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        max-width: none;
    }
    
    .stat-card {
        min-height: 110px;
        max-width: none;
        width: 100%;
        padding: 8px;
    }
    
    .stat-card-value {
        font-size: 1.2rem;
    }
    
    .variables-box {
        flex-direction: column;
    }
    
    .summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    
    .last-score-panel {
        flex: 1 1 100%;
    }
    
    .variable {
        font-size: 14px;
    }
}

/* ========== 赛程弹窗 ========== */
.schedule-content {
    max-height: 82vh;
    overflow-y: auto;
    text-align: left;
    padding: 18px 14px;
}

.schedule-content h2 { text-align: center; margin: 4px 0 10px; font-size: 1rem; }

#schedule-list { display: flex; flex-direction: column; gap: 3px; margin-bottom: 14px; }

.schedule-row {
    display: grid;
    grid-template-columns: 2.4em 1fr auto;
    align-items: center;
    gap: 6px;
    font-size: 0.78rem;
    padding: 5px 6px;
    border-radius: 6px;
    border: 1px solid transparent;
}

.schedule-row.played  { background: rgba(28,25,22,0.04); }
.schedule-row.current { background: rgba(139,0,0,0.07); border-color: #8B0000; font-weight: 600; }
.schedule-row.upcoming { color: #7a6753; }

.sch-round  { color: #7a6753; font-size: 0.7rem; }
.sch-result { font-size: 0.72rem; font-weight: 600; white-space: nowrap; }
.sch-result.win  { color: #2f6e2e; }
.sch-result.draw { color: #5a4a2f; }
.sch-result.loss { color: #8B0000; }
.sch-result.upcoming { color: #bbb; }

#close-schedule-modal {
    width: 100%; margin-top: 6px;
    padding: 9px; background: transparent; border: 1.5px solid #1c1916;
    border-radius: 8px; cursor: pointer; font-size: 0.8rem; color: #1c1916;
}

/* ========== 历史数值弹窗 ========== */
.history-content {
    max-height: 82vh;
    overflow-y: auto;
    text-align: left;
    padding: 18px 14px;
}

.history-content h2 { text-align: center; margin: 4px 0 10px; font-size: 1rem; }

#history-list { display: flex; flex-direction: column; gap: 4px; margin-bottom: 14px; }

.history-row {
    font-size: 0.75rem;
    padding: 6px 8px;
    border-radius: 6px;
    background: rgba(28,25,22,0.04);
    line-height: 1.6;
}

/* 非八事件的决策（随机/主线/剧情）淡淡高亮，使其更显眼 */
.history-row-special {
    background: rgba(139, 0, 0, 0.06);
    border-left: 3px solid rgba(139, 0, 0, 0.45);
    padding-left: 8px;
}

.history-row-special .history-event { color: #8B0000; }

.history-row-header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 2px;
}

.history-round  { color: #7a6753; font-size: 0.68rem; }
.history-event  { font-weight: 600; color: #1c1916; }
.history-option { color: #3a2a1a; }
.history-effects { font-size: 0.7rem; color: #5a4a2f; }
.history-eff-pos { color: #2f6e2e; }
.history-eff-neg { color: #8B0000; }

.history-empty { color: #7a6753; font-size: 0.8rem; text-align: center; padding: 20px 0; }

#close-history-modal {
    width: 100%; margin-top: 6px;
    padding: 9px; background: transparent; border: 1.5px solid #1c1916;
    border-radius: 8px; cursor: pointer; font-size: 0.8rem; color: #1c1916;
}

/* ========== 存档弹窗 ========== */
.archive-content { text-align: center; padding: 18px 14px; }
.archive-content h2 { margin: 4px 0 10px; font-size: 1rem; }

/* 存档槽位 */
#archive-slots { display: flex; flex-direction: column; gap: 8px; margin-bottom: 12px; }

.archive-slot {
    display: grid;
    grid-template-columns: 1fr auto auto auto;
    align-items: center;
    gap: 6px;
    background: rgba(28,25,22,0.04);
    border-radius: 8px;
    padding: 10px 10px;
    font-size: 0.78rem;
}

.archive-slot-info { text-align: left; color: #3a2a1a; line-height: 1.5; }
.archive-slot-label { font-weight: 600; font-size: 0.7rem; color: #7a6753; }
.archive-slot-detail { font-size: 0.72rem; color: #5a4a2f; }
.archive-slot-empty { color: #b0a090; font-size: 0.75rem; }

.archive-slot button {
    padding: 5px 8px;
    border-radius: 6px;
    border: 1.5px solid #1c1916;
    background: transparent;
    color: #1c1916;
    font-size: 0.72rem;
    cursor: pointer;
    transition: background 0.15s;
    white-space: nowrap;
}
.archive-slot button:hover { background: rgba(28,25,22,0.06); }
.archive-slot button:disabled { opacity: 0.3; cursor: not-allowed; }
.archive-slot .del-btn { border-color: #8B0000; color: #8B0000; }
.archive-slot .del-btn:hover { background: rgba(139,0,0,0.06); }

#close-archive-modal {
    width: 100%;
    padding: 9px; background: transparent; border: 1.5px solid #1c1916;
    border-radius: 8px; cursor: pointer; font-size: 0.8rem; color: #1c1916;
}

/* ========== 排名（积分榜）弹窗 ========== */
.standings-content { text-align: center; padding: 18px 14px; max-height: 82vh; overflow-y: auto; }
.standings-content h2 { margin: 4px 0 10px; font-size: 1rem; }

.standings-legend {
    display: flex;
    justify-content: center;
    gap: 16px;
    font-size: 0.66rem;
    color: #5a4a2f;
    margin-bottom: 10px;
}
.standings-legend span { display: inline-flex; align-items: center; gap: 4px; }
.zone-dot { width: 9px; height: 9px; border-radius: 2px; display: inline-block; }
.zone-dot.zone-ucl { background: #2f6ea1; }
.zone-dot.zone-uel { background: #c8841e; }

#standings-list { display: flex; flex-direction: column; gap: 2px; margin-bottom: 12px; }

.standings-row {
    display: grid;
    grid-template-columns: 28px 1fr auto;
    align-items: center;
    gap: 8px;
    padding: 6px 9px;
    font-size: 0.78rem;
    background: rgba(28,25,22,0.03);
    border-left: 3px solid transparent;
    border-radius: 4px;
    text-align: left;
}

.standings-row.zone-ucl { border-left-color: #2f6ea1; }
.standings-row.zone-uel { border-left-color: #c8841e; }

.standings-row.is-milan {
    background: rgba(139, 0, 0, 0.08);
    font-weight: 700;
}
.standings-row.is-milan .st-name { color: #8B0000; }

.st-rank { color: #7a6753; font-size: 0.72rem; text-align: center; }
.st-name { color: #2d2820; }
.st-points { color: #5a4a2f; font-weight: 600; }

#close-standings-modal {
    width: 100%;
    padding: 9px; background: transparent; border: 1.5px solid #1c1916;
    border-radius: 8px; cursor: pointer; font-size: 0.8rem; color: #1c1916;
}

/* ========== 结局图鉴弹窗 ========== */
.gallery-content { text-align: center; padding: 18px 14px; max-height: 82vh; overflow-y: auto; }
.gallery-content h2 { margin: 4px 0 10px; font-size: 1rem; }

#gallery-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 12px;
}

.gallery-card {
    text-align: left;
    border-radius: 8px;
    padding: 10px 11px;
    min-height: 46px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    border: 1px solid transparent;
}

.gallery-card.achieved {
    background: rgba(139, 0, 0, 0.06);
    border-color: rgba(139, 0, 0, 0.4);
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s;
}
.gallery-card.achieved:hover { background: rgba(139, 0, 0, 0.12); border-color: #8B0000; }

.gallery-card.locked {
    background: rgba(28, 25, 22, 0.05);
    opacity: 0.55;
}

.gallery-card-no { font-size: 0.6rem; color: #8a7f6d; letter-spacing: 0.05em; }
.gallery-card.achieved .gallery-card-title { color: #8B0000; font-weight: 700; font-size: 0.82rem; }
.gallery-card.locked .gallery-card-title { color: #9a9080; font-weight: 600; font-size: 0.82rem; }

#gallery-detail { text-align: left; padding: 4px 2px 8px; }
#gallery-detail h3 { color: #8B0000; font-size: 0.95rem; margin: 6px 0 10px; }
#gallery-detail p { font-size: 0.82rem; color: #2d2820; line-height: 1.85; white-space: pre-line; text-align: justify; margin: 0 0 14px; }
#gallery-detail-back {
    padding: 8px 18px; background: transparent; border: 1.5px solid #8B0000;
    border-radius: 8px; cursor: pointer; font-size: 0.78rem; color: #8B0000;
}

#close-gallery-modal {
    width: 100%; margin-top: 4px;
    padding: 9px; background: transparent; border: 1.5px solid #1c1916;
    border-radius: 8px; cursor: pointer; font-size: 0.8rem; color: #1c1916;
}

/* ========== 转会市场 ========== */
.modal-content.tm-panel {
    background-color: #f9f5eb;
    width: min(96%, 440px);
    max-width: 440px;
    padding: 0;
    overflow: hidden;
    border: 1.5px solid #c8b48a;
    border-radius: 14px;
    text-align: left;
    max-height: 88vh;
    overflow-y: auto;
}

.tm-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 13px 14px 11px;
    border-bottom: 1px solid #ddd0b0;
    background-color: #f5f0e2;
    gap: 8px;
    flex-wrap: wrap;
}

.tm-header-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

.tm-icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #8B0000;
    color: #f9f5eb;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.tm-season-label {
    font-size: 0.57rem;
    color: #A8842B;
    letter-spacing: 0.06em;
    margin-bottom: 2px;
    font-weight: 700;
    text-transform: uppercase;
}

.tm-window-title {
    font-size: 0.88rem;
    font-weight: bold;
    color: #1c1916;
}

.tm-header-right {
    display: flex;
    gap: 7px;
    flex-shrink: 0;
}

.tm-stat-chip {
    background: white;
    border-radius: 7px;
    padding: 5px 9px;
    text-align: center;
    border: 1px solid #e0d4b0;
    min-width: 72px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.tm-chip-label {
    font-size: 0.52rem;
    color: #999;
    margin-bottom: 2px;
    white-space: nowrap;
}

.tm-chip-value {
    font-size: 0.82rem;
    font-weight: bold;
    color: #8B0000;
    white-space: nowrap;
}

.tm-section-title {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 9px 14px 5px;
    font-size: 0.65rem;
    color: #999;
    letter-spacing: 0.04em;
    border-bottom: 1px solid #ece4cc;
}

.tm-players-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7px;
    padding: 9px 11px;
}

.tm-pagination {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 2px 13px 6px;
}

.tm-page-btn {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1.5px solid #e0d4b0;
    border-radius: 7px;
    background: white;
    color: #8B0000;
    font-size: 0.85rem;
    line-height: 1;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s;
}

.tm-page-btn:hover:not(:disabled) {
    background: #f6efd9;
    border-color: #8B0000;
}

.tm-page-btn:disabled {
    color: #c7bfa6;
    cursor: default;
}

.tm-page-indicator {
    font-size: 0.66rem;
    color: #777;
    min-width: 30px;
    text-align: center;
}

.tm-player-card {
    background: white;
    border-radius: 9px;
    border: 1.5px solid #e0d4b0;
    padding: 9px 9px 8px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    transition: border-color 0.2s;
}

.tm-player-card.tm-bought {
    border-color: #2f6e2e;
    background-color: #f4fbf4;
    opacity: 0.75;
}

.tm-card-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 4px;
}

.tm-player-name {
    font-size: 0.76rem;
    font-weight: bold;
    color: #1c1916;
    flex: 1;
    line-height: 1.3;
}

.tm-tag {
    font-size: 0.5rem;
    padding: 2px 5px;
    border-radius: 8px;
    font-weight: 700;
    white-space: nowrap;
    flex-shrink: 0;
    margin-top: 1px;
}

.tm-tag-potential { background-color: #d4edda; color: #155724; }
.tm-tag-ready     { background-color: #cce5ff; color: #004085; }
.tm-tag-risk      { background-color: #fff3cd; color: #856404; }
.tm-tag-return    { background-color: #f8d7da; color: #a11d28; }

.tm-card-desc {
    font-size: 0.61rem;
    color: #777;
    line-height: 1.45;
}

.tm-card-stats {
    font-size: 0.62rem;
    color: #555;
    display: flex;
    flex-direction: column;
    gap: 1px;
    flex: 1;
}

.tm-stat-pos { color: #2f6e2e; font-weight: 700; }
.tm-stat-neg { color: #8B0000; font-weight: 700; }

.tm-sign-btn {
    width: 100%;
    padding: 6px 0;
    background: #8B0000;
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 0.68rem;
    cursor: pointer;
    transition: background 0.2s;
    margin-top: 3px;
}

.tm-sign-btn:hover:not(:disabled) { background: #a52a2a; }

.tm-sign-btn:disabled {
    background: #d8d0c4;
    color: #aaa;
    cursor: default;
}

.tm-sell-players {
    padding: 5px 11px 9px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.tm-sell-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: white;
    border: 1.5px solid #e0d4b0;
    border-radius: 8px;
    padding: 9px 11px;
    gap: 10px;
    transition: border-color 0.2s, opacity 0.2s;
}

.tm-sell-row.tm-sold {
    border-color: #c8b48a;
    opacity: 0.55;
}

.tm-sell-info { flex: 1; }

.tm-sell-name {
    font-size: 0.76rem;
    font-weight: bold;
    color: #1c1916;
}

.tm-sell-effect {
    font-size: 0.6rem;
    color: #999;
    margin-top: 2px;
}

.tm-sell-btn {
    background: transparent;
    color: #8B0000;
    border: 1.5px solid #8B0000;
    border-radius: 6px;
    padding: 5px 11px;
    font-size: 0.68rem;
    cursor: pointer;
    white-space: nowrap;
    flex-shrink: 0;
    transition: background 0.2s, color 0.2s;
}

.tm-sell-btn:hover:not(:disabled) {
    background: #8B0000;
    color: white;
}

.tm-sell-btn:disabled {
    color: #bbb;
    border-color: #ddd;
    cursor: default;
}

.tm-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 13px;
    border-top: 1px solid #ddd0b0;
    background-color: #f5f0e2;
    gap: 10px;
    flex-wrap: wrap;
}

.tm-strength-info {
    font-size: 0.72rem;
    color: #555;
    white-space: nowrap;
}

.tm-arrow { color: #A8842B; font-weight: bold; }

#tm-strength-after {
    color: #2f6e2e;
    font-weight: bold;
}

#tm-close-btn {
    background: #8B0000;
    color: #f9f5eb;
    border: none;
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 0.67rem;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.2s;
    letter-spacing: 0.02em;
}

#tm-close-btn:hover { background: #a52a2a; }