/* 現代街區的操作與資訊頁視覺；選擇器限定本遊戲，不影響人狼或共用留言板。 */
body.new-body.diamwolf-bang-site {
    --diamwolf-feedback-surface: #142438;
    --diamwolf-feedback-text: #eef6fc;
    --diamwolf-feedback-border: #496882;
    --diamwolf-feedback-brand: #80f1e5;
    --diamwolf-feedback-danger: #c66559;
    --diamwolf-feedback-success: #80f1e5;
    --diamwolf-feedback-shadow: 0 18px 48px #0008;
}
body.diamwolf-bang-site .diamwolf-feedback-overlay { background: #0b1423b3; }
body.diamwolf-bang-site .diamwolf-feedback-dialog { background: linear-gradient(135deg, #223b53, #111f32); }
body.diamwolf-bang-site .diamwolf-feedback-dialog-title { color: var(--diamwolf-feedback-brand); font-family: system-ui, sans-serif; letter-spacing: 1px; }
body.diamwolf-bang-site .diamwolf-feedback-dialog-confirm { color: #142238; }
body.diamwolf-bang-site .diamwolf-feedback-dialog-confirm.danger { color: #fff; }
body.diamwolf-bang-site .diamwolf-feedback-dialog-button:hover:not(:disabled) { background: #326171; color: var(--diamwolf-feedback-text); }
body.diamwolf-bang-site .diamwolf-feedback-dialog-confirm.danger:hover:not(:disabled) { background: #a84c43; }
body.diamwolf-bang-site .diamwolf-feedback-dialog-input:focus { box-shadow: 0 0 0 3px #74ede226; }
body.diamwolf-bang-site #diamwolf-bang-document {
    --refresh-red: #80f1e5;
    --refresh-red-strong: #b5fff4;
    --refresh-line: #3b576f;
    --refresh-paper: #142438;
    --refresh-paper-strong: #192f45;
    --surface-muted: #223b53;
    --index-red: #80f1e5;
    --index-red-strong: #b5fff4;
    --index-paper: #142438;
    --index-paper-muted: #223b53;
    --brand: #80f1e5;
    --brand-strong: #b5fff4;
    color: #eef6fc;
    background: #142438;
    border-color: #3b576f;
}
#diamwolf-bang-document #indexhi { width: 100%; min-width: 0; color-scheme: dark; color: #eef6fc; }
#diamwolf-bang-document #indexhi > .diamwolf-page-head { border-color: #496882; background: linear-gradient(110deg, #101e32, #263c5b); }
#diamwolf-bang-document #indexhi .guide-page-hero::before { background: url('diamwolf_street.svg') center bottom / cover no-repeat; opacity: .16; }
#diamwolf-bang-document #indexhi .guide-page-hero .diamwolf-page-kicker { color: #80f1e5; }
#diamwolf-bang-document #indexhi :is(.diamwolf-page-title, .diamwolf-page-summary, h2, h3, legend, summary) { color: #eef6fc; }
#diamwolf-bang-document #indexhi .guide-chapter-nav .docs-quick-nav-title { background: #192f45; color: #80f1e5; }
#diamwolf-bang-document #indexhi :is(.docs-content-surface, .diamwolf-section, .stats-summary-card, .version-card, .version-summary-card, .diamwolf-state-box) { background: #142438; border-color: #3b576f; color: #eef6fc; }
#diamwolf-bang-document #indexhi :is(.stats-summary-label, .version-summary-label, .diamwolf-filter-status, .version-filter-status, .guide-page-hero .diamwolf-page-summary) { color: #aec2d7; }
#diamwolf-bang-document #indexhi :is(.stats-summary-value, .version-summary-value, .version-text) { color: #eef6fc; }
#diamwolf-bang-document #indexhi .version-meta { color: #aec2d7; }
#diamwolf-bang-document #indexhi .trip-profile-wrap { background: #192f45; color: #eef6fc; }
#diamwolf-bang-document #indexhi .guide-chapter-nav a.docs-quick-nav-item[aria-current="true"],
#diamwolf-bang-document #indexhi .guide-chapter-nav a.docs-quick-nav-item[aria-current="true"]:is(:visited, :hover, :focus, :active) { background: #80f1e5 !important; border-color: #80f1e5 !important; color: #142238 !important; }
#diamwolf-bang-document #indexhi .guide-chapter-nav a.docs-quick-nav-item:not([aria-current="true"]):is(:hover, :focus-visible) { background: #326171 !important; border-color: #80f1e5 !important; color: #eef6fc !important; }
#diamwolf-bang-document #indexhi :is(.docs-content-surface, .diamwolf-section) a:not(.diamwolf-button):not(.pager-current):not(.is-active) { color: #80f1e5 !important; }
#diamwolf-bang-document #indexhi :is(.diamwolf-button, .diamwolf-segmented > a, .pager-link) { color: #80f1e5; border-color: #496882; }
/* 共用連結重設含 !important；保留各狀態的按鈕表面與可點範圍。 */
#diamwolf-bang-document #indexhi :is(a.diamwolf-button, .diamwolf-segmented > a),
#diamwolf-bang-document #indexhi :is(a.diamwolf-button, .diamwolf-segmented > a):is(:visited, :hover, :focus, :active) {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 40px !important;
    padding: 7px 13px !important;
    border: 1px solid #496882 !important;
    border-radius: 6px !important;
    background: #223b53 !important;
    color: #80f1e5 !important;
    font-weight: 750 !important;
    line-height: 1.2;
    text-decoration: none !important;
}
#diamwolf-bang-document #indexhi :is(a.diamwolf-button, .diamwolf-segmented > a):is(:hover, :focus-visible) { background: #326171 !important; border-color: #80f1e5 !important; }
#diamwolf-bang-document #indexhi .diamwolf-segmented > a.is-active,
#diamwolf-bang-document #indexhi .diamwolf-segmented > a.is-active:is(:visited, :hover, :focus, :active) { background: #80f1e5 !important; color: #142238 !important; border-color: #80f1e5 !important; }
#diamwolf-bang-document #indexhi .diamwolf-search { flex-wrap: nowrap; }
#diamwolf-bang-document #indexhi .diamwolf-search input { flex: 1 1 0; width: 0; background: #101e32; color: #eef6fc; border-color: #496882; }
#diamwolf-bang-document #indexhi .diamwolf-search button { flex: 0 0 auto; white-space: nowrap; }
#diamwolf-bang-document #indexhi section[id] { scroll-margin-top: 110px; }
#diamwolf-bang-document #indexhi .guide-content-panel > section:first-of-type > .guide-section-heading { margin-top: 2px; }
#diamwolf-bang-document #indexhi .guide-content-panel details { padding: 0 14px; border: 1px solid #3b576f; border-radius: 6px; background: #192f45; margin: 8px 0; }
#diamwolf-bang-document #indexhi .guide-content-panel summary { color: #80f1e5; padding: 12px 0; }
#diamwolf-bang-document #indexhi .guide-hero-orbit { border-color: #80f1e566; background: radial-gradient(circle, #b6a4ff33, transparent 65%); }
#diamwolf-bang-document #indexhi .diamwolf-bang-data-table { min-width: 0; width: 100%; }
#diamwolf-bang-document #indexhi .diamwolf-bang-data-table .legacy-row { min-width: 0; background: #142438; color: #eef6fc; border-color: #3b576f; }
#diamwolf-bang-document #indexhi .diamwolf-bang-data-table .legacy-row.head { background: #223b53; color: #80f1e5; }
#diamwolf-bang-document #indexhi .diamwolf-bang-data-table .legacy-row > div { min-width: 0; overflow-wrap: anywhere; }
#diamwolf-bang-document #indexhi .diamwolf-bang-history-table .log-room-row { background: #142438; color: #eef6fc; border-color: #3b576f; }
#diamwolf-bang-document #indexhi .diamwolf-bang-history-table .log-room-row > div { color: inherit; }
#diamwolf-bang-document #indexhi .diamwolf-bang-history-table .log-room-row small { color: #aec2d7; }
#diamwolf-bang-document #indexhi .diamwolf-bang-history-table .legacy-row { grid-template-columns: 70px minmax(0, 1.5fr) 70px 110px minmax(0, 1fr) 220px; }
#diamwolf-bang-document #indexhi .diamwolf-bang-role-table .legacy-row { grid-template-columns: repeat(4, minmax(0, 1fr)); }
#diamwolf-bang-document #indexhi .diamwolf-bang-participation-table .legacy-row { grid-template-columns: 70px minmax(0, 1.5fr) 65px minmax(0, 1fr) 80px 85px 110px; }
#diamwolf-bang-document #indexhi .diamwolf-bang-trip-summary { padding: 0; }
#diamwolf-bang-document #indexhi .trip-profile-wrap p { margin: 0; }
#diamwolf-bang-document .version-page-body { width: 100%; color-scheme: dark; color: #eef6fc; }
#diamwolf-bang-document .version-page-body .version-card-head { padding: 10px 14px; background: #192f45; }
#diamwolf-bang-document .version-page-body .version-card + .version-card { border-top-color: #3b576f; }
#diamwolf-bang-document .version-page-body :is(.version-tag, .version-anchor) { color: #80f1e5; }
#diamwolf-bang-document .version-page-body .version-tag { background: #223b53; border-color: #496882; }
#diamwolf-bang-document .version-page-body .version-kind { background: #223b53; border-color: #496882; color: #aec2d7; }
#diamwolf-bang-document .version-page-body .version-kind.kind-feat { background: #1c454d; color: #80f1e5; }
#diamwolf-bang-document .version-page-body .version-kind.kind-fix { background: #4b303c; color: #ff9b8d; }
#diamwolf-bang-document .version-page-body .version-kind.kind-ui { background: #3b355b; color: #c4b7ff; }
#diamwolf-bang-document .version-page-body .version-kind.kind-perf { background: #223b53; color: #94bfff; }
#diamwolf-bang-document .version-page-body .version-toolbar input { background: #101e32; color: #eef6fc; border-color: #496882; }
#diamwolf-bang-document .version-page-body :is(.diamwolf-chip, .diamwolf-button) { color: #80f1e5; border-color: #496882; }
#diamwolf-bang-document .version-page-body .diamwolf-chip.is-active { color: #142238; background: #80f1e5; }
@media (min-width: 761px) {
    #diamwolf-bang-document #indexhi .diamwolf-bang-history-table .log-room-row > div:last-child { display: flex; align-items: center; gap: 8px; }
    #diamwolf-bang-document #indexhi .diamwolf-bang-history-table .log-room-row > div:last-child > a { flex: 0 0 auto; white-space: nowrap; }
}
@media (max-width: 760px) {
    #diamwolf-bang-document #indexhi .diamwolf-bang-data-table .legacy-row.head { display: none; }
    #diamwolf-bang-document #indexhi .diamwolf-bang-data-table .legacy-row:not(.head) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 14px; }
    #diamwolf-bang-document #indexhi .diamwolf-bang-data-table .legacy-row:not(.head) > div { grid-column: auto; grid-row: auto; display: block; width: auto; min-width: 0; padding: 0; text-align: left; }
    #diamwolf-bang-document #indexhi .diamwolf-bang-data-table .legacy-row:not(.head) > div::before { content: attr(data-label); display: block; margin-bottom: 3px; color: #aec2d7; font-size: 12px; font-weight: 700; }
}
.diamwolf-bang-hand-choice.is-playable { outline: 3px solid #80f1e5; outline-offset: 1px; border-radius: 6px; background: #1c454d; }
.diamwolf-bang-hand-choice.is-unavailable > .diamwolf-bang-card { opacity: .55; }
.diamwolf-bang-card-status { padding: 3px 2px; border-radius: 3px; background: #223b53; color: #eef6fc; font-size: 11px; font-weight: 700; line-height: 1.4; text-align: center; }
.diamwolf-bang-hand-choice.is-playable .diamwolf-bang-card-status { background: #80f1e5; color: #142238; }
.diamwolf-bang-hand-choice.is-playable > button { min-height: 32px; border-color: #80f1e5; font-weight: 700; }
#diamwolf-bang-turn-guide { flex: 0 0 auto; margin: 2px 0 10px; padding: 8px 10px; border: 1px solid #3b756f; border-left: 4px solid #80f1e5; border-radius: 6px; background: #162f3b; color: #eef6fc; font-size: 12px; line-height: 1.65; overflow-wrap: anywhere; }
#diamwolf-bang-turn-guide strong { color: #80f1e5; font-size: 14px; }
#diamwolf-bang-turn-guide p { margin: 3px 0; }
.diamwolf-bang-hand-tools { display: flex; flex-wrap: wrap; align-items: start; gap: 8px 16px; flex: 0 0 auto; margin: 2px 0 6px; font-size: 12px; }
.diamwolf-bang-hand-tools > label { flex-direction: row; align-items: center; }
.diamwolf-bang-hand-tools select { padding: 3px 6px; }
#diamwolf-bang-self-reference { flex: 1; min-width: 150px; }
#diamwolf-bang-self-reference summary { cursor: pointer; padding: 4px 0; }
#diamwolf-bang-self-reference p { margin: 4px 0; overflow-wrap: anywhere; }
#diamwolf-bang-latest-action { font-size: 12px; padding: 6px; background: #253d52; border-left: 3px solid #80f1e5; overflow-wrap: anywhere; }
#diamwolf-bang-mobile-bar { display: none; }
#diamwolf-bang-card-preview > #diamwolf-bang-card-description { max-width: 420px; text-align: left; color: var(--ink); font-size: 13px; line-height: 1.6; }
#diamwolf-bang-card-selection { margin-top: 10px; }
#diamwolf-bang-card-selection button { width: 100%; min-height: 44px; }
#diamwolf-bang-card-selection p { max-width: 420px; font-size: 12px; }
.diamwolf-bang-result { flex-wrap: wrap; }
body.new-body.diamwolf-bang-site .diamwolf-bang-player h3 { padding-right: 35px; }
.diamwolf-bang-player > .diamwolf-bang-ability-button { position: absolute; top: 3px; right: 3px; width: 32px; min-height: 32px; padding: 0; border-radius: 50%; font-size: 19px; line-height: 30px; }
#diamwolf-bang-log-note { margin: 4px 0; font-size: 11px; color: var(--ink); }
.diamwolf-bang-rule-card-gallery > div { display: flex; flex-direction: column; align-items: center; min-width: 0; }
.diamwolf-bang-rule-card-gallery > div > p { font-size: 12px; line-height: 1.7; overflow-wrap: anywhere; }
@media (max-width: 650px) {
    #diamwolf-bang-root.diamwolf-bang-game-layout[data-status="playing"]:not([data-self="0"]) { padding-bottom: calc(130px + env(safe-area-inset-bottom)); }
    #diamwolf-bang-mobile-bar { display: grid; grid-template-columns: minmax(0, 1fr); gap: 3px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; padding: 6px 10px calc(8px + env(safe-area-inset-bottom)); border-top: 1px solid var(--gold); background: #111f32; box-shadow: 0 -4px 16px #0006; }
    #diamwolf-bang-mobile-countdown, #diamwolf-bang-mobile-summary { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
    #diamwolf-bang-mobile-countdown { color: var(--gold); font-weight: 700; }
    #diamwolf-bang-mobile-actions { display: flex; gap: 6px; overflow-x: auto; padding: 2px; }
    #diamwolf-bang-mobile-actions button { flex: 0 0 auto; min-height: 44px; max-width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}