MediaWiki:Common.css
MediaWikiインターフェイスページ
その他の操作
注意: 保存後、変更を確認するにはブラウザーのキャッシュを消去する必要がある場合があります。
- Firefox / Safari: Shift を押しながら 再読み込み をクリックするか、Ctrl-F5 または Ctrl-R を押してください (Mac では ⌘-R)
- Google Chrome: Ctrl-Shift-R を押してください (Mac では ⌘-Shift-R)
- Microsoft Edge: Ctrl を押しながら 最新の情報に更新 をクリックするか、Ctrl-F5 を押してください。
/* Deadlock データ攻略Wiki 共通スタイル（Citizen スキン前提。色はスキンの変数に寄せてライト/ダーク両対応） */
:root {
--dl-gold: #c9973f;
--dl-weapon: #d9822b;
--dl-vitality: #5aa846;
--dl-spirit: #9a62d6;
--dl-go: #c9973f;
--dl-wait: #5c6b8a;
}
:root.skin-theme-clientpref-night, :root.skin-citizen-dark {
--dl-gold: #e0b45e;
--dl-weapon: #f0a050;
--dl-vitality: #7fcc69;
--dl-spirit: #b98af0;
--dl-wait: #7a88a6;
}
.dl-slot-weapon { color: var(--dl-weapon); font-weight: 600; }
.dl-slot-vitality { color: var(--dl-vitality); font-weight: 600; }
.dl-slot-spirit { color: var(--dl-spirit); font-weight: 600; }
.dl-bg-weapon { background: var(--dl-weapon); }
.dl-bg-vitality { background: var(--dl-vitality); }
.dl-bg-spirit { background: var(--dl-spirit); }
/* 情報欄 */
.dl-infobox {
float: right; clear: right; width: 270px; margin: 0 0 1em 1.5em; padding: 14px 16px;
background: var(--color-surface-1, #f6f6f6); border: 1px solid var(--border-color-base, #ccc);
border-top: 4px solid var(--dl-gold); border-radius: 10px; font-size: 0.92em;
}
.dl-ib-weapon { border-top-color: var(--dl-weapon); }
.dl-ib-vitality { border-top-color: var(--dl-vitality); }
.dl-ib-spirit { border-top-color: var(--dl-spirit); }
.dl-ib-title { font-size: 1.35em; font-weight: 700; text-align: center; }
.dl-ib-en { text-align: center; color: var(--color-subtle, #666); font-size: 0.9em; margin-bottom: 8px; letter-spacing: 0.04em; }
.dl-infobox img { border-radius: 8px; margin: 4px auto 8px; }
.dl-ib-row { display: flex; justify-content: space-between; gap: 8px; padding: 5px 0; border-bottom: 1px solid var(--border-color-base, #ddd); }
.dl-ib-row > span:first-child { color: var(--color-subtle, #666); }
.dl-ib-sec { margin-top: 12px; font-weight: 700; font-size: 0.85em; letter-spacing: 0.08em; color: var(--dl-gold); }
.dl-spend { display: flex; height: 10px; border-radius: 5px; overflow: hidden; margin: 6px 0 4px; }
.dl-spend-l { display: flex; flex-wrap: wrap; gap: 4px 10px; font-size: 0.85em; }
@media (max-width: 720px) { .dl-infobox { float: none; width: auto; margin: 0 0 1em; } }
/* スキル */
.dl-skill { display: flex; gap: 14px; padding: 12px 14px; margin: 10px 0; background: var(--color-surface-1, #f6f6f6); border: 1px solid var(--border-color-base, #ddd); border-radius: 10px; }
.dl-skill-icon img { border-radius: 8px; background: #1b2232; padding: 4px; }
.dl-skill-body { flex: 1; min-width: 0; }
.dl-skill-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
.dl-skill-slot { font-size: 0.75em; font-weight: 700; letter-spacing: 0.06em; color: var(--dl-gold); border: 1px solid var(--dl-gold); border-radius: 4px; padding: 0 6px; }
.dl-skill-name { font-size: 1.15em; font-weight: 700; }
.dl-skill-en { color: var(--color-subtle, #666); font-size: 0.85em; }
.dl-skill-cd { margin-left: auto; font-size: 0.85em; color: var(--color-subtle, #666); font-variant-numeric: tabular-nums; }
.dl-skill-sum { margin: 4px 0; font-weight: 600; }
.dl-skill-desc { color: var(--color-subtle, #555); font-size: 0.93em; }
.dl-skill-up { margin-top: 8px; display: grid; gap: 3px; font-size: 0.88em; }
.dl-skill-up b { color: var(--dl-gold); margin-right: 6px; }
/* 強み弱み・合図 */
.dl-two { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 10px 0; }
@media (max-width: 720px) { .dl-two { grid-template-columns: 1fr; } }
.dl-box { padding: 10px 14px; border-radius: 10px; border: 1px solid var(--border-color-base, #ddd); background: var(--color-surface-1, #f6f6f6); }
.dl-box ul { margin-top: 0; }
.dl-box-h { font-weight: 700; margin-bottom: 4px; }
.dl-good { border-left: 4px solid var(--dl-vitality); }
.dl-bad { border-left: 4px solid #d0573f; }
.dl-lead { font-size: 1.1em; font-weight: 700; margin: 6px 0; color: var(--dl-gold); }
.dl-star { margin: 8px 0; padding: 8px 12px; border-radius: 8px; border: 1px solid var(--dl-gold); }
/* 時間帯 */
.dl-bands { display: grid; grid-template-columns: repeat(8, 1fr); gap: 4px; margin: 10px 0; }
@media (max-width: 720px) { .dl-bands { grid-template-columns: repeat(4, 1fr); } }
.dl-band { border-radius: 6px; padding: 6px 4px; text-align: center; font-size: 0.85em; border: 1px solid var(--border-color-base, #ddd); }
.dl-band-t { font-variant-numeric: tabular-nums; opacity: 0.85; }
.dl-band-v { font-weight: 700; }
.dl-band-go { background: var(--dl-go); color: #111; border-color: var(--dl-go); }
.dl-band-wait { background: transparent; color: var(--dl-wait); border-style: dashed; }
/* 表・リンク */
.dl-table td { vertical-align: middle; font-variant-numeric: tabular-nums; }
.dl-ilink { white-space: nowrap; }
.dl-ilink img { vertical-align: middle; border-radius: 4px; }
/* トップページ */
.dl-hero-banner { padding: 28px 24px; border-radius: 14px; margin-bottom: 16px; background: linear-gradient(135deg, #141c2e, #263049); color: #f2e2bd; border: 1px solid #3a4560; }
.dl-hero-title { font-size: 1.9em; font-weight: 800; letter-spacing: 0.02em; }
.dl-hero-sub { opacity: 0.85; margin-top: 4px; }
.dl-quick { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0; }
.dl-quick a { display: inline-block; padding: 8px 16px; border-radius: 8px; border: 1px solid var(--border-color-base, #ccc); background: var(--color-surface-1, #f6f6f6); font-weight: 600; text-decoration: none; }
.dl-quick a:hover { border-color: var(--dl-gold); }
.dl-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(112px, 1fr)); gap: 10px; }
.dl-card { text-align: center; padding: 6px; border-radius: 10px; border: 1px solid var(--border-color-base, #ddd); background: var(--color-surface-1, #f6f6f6); }
.dl-card:hover { border-color: var(--dl-gold); }
.dl-card img { border-radius: 6px; max-width: 100%; height: auto; }
.dl-card-n { font-size: 0.85em; font-weight: 600; margin-top: 4px; }
/* ガイドページ */
.dl-guide-head { margin: 0 0 18px; padding: 16px 20px; border-radius: 12px; border: 1px solid var(--border-color-base, #ddd); border-left: 5px solid var(--dl-gold); background: var(--color-surface-1, #f6f6f6); }
.dl-guide-cat { font-size: 0.78em; font-weight: 700; letter-spacing: 0.12em; color: var(--dl-gold); }
.dl-guide-lead { font-size: 1.08em; font-weight: 600; margin-top: 2px; }
.dl-point { margin: 12px 0; padding: 12px 16px; border-radius: 10px; border: 1px solid var(--dl-gold); background: var(--color-surface-1, #f6f6f6); }
.dl-point-h { font-weight: 700; color: var(--dl-gold); margin-bottom: 2px; }
.dl-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 8px; margin: 10px 0; counter-reset: none; }
.dl-step { padding: 10px 12px; border-radius: 10px; border: 1px solid var(--border-color-base, #ddd); border-top: 3px solid var(--dl-gold); background: var(--color-surface-1, #f6f6f6); font-size: 0.93em; }
.dl-step-h { font-weight: 700; margin-bottom: 2px; }
.dl-caption { text-align: center; font-size: 0.85em; color: var(--color-subtle, #666); margin: -4px 0 12px; }
.dl-checklist { padding: 10px 16px 4px; border-radius: 10px; border: 1px solid var(--border-color-base, #ddd); background: var(--color-surface-1, #f6f6f6); }
.dl-rules { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 8px; margin: 12px 0; }
.dl-rule { display: flex; gap: 12px; align-items: center; padding: 10px 14px; border-radius: 10px; border: 1px solid var(--border-color-base, #ddd); border-left: 4px solid var(--dl-gold); background: var(--color-surface-1, #f6f6f6); font-weight: 600; }
.dl-rule-n { font-size: 1.6em; font-weight: 800; color: var(--dl-gold); min-width: 1em; text-align: center; }
.dl-tag { display: inline-block; padding: 0 8px; border-radius: 999px; border: 1px solid var(--border-color-base, #bbb); font-weight: 700; font-size: 0.9em; }
.dl-tag-go { border-color: var(--dl-vitality); color: var(--dl-vitality); }
.dl-tag-warn { border-color: var(--dl-gold); color: var(--dl-gold); }
.dl-tag-bad { border-color: #d0573f; color: #d0573f; }
.dl-lane { display: inline-block; padding: 0 8px; border-radius: 4px; font-weight: 700; color: #111; }
.dl-lane-y { background: #f1cc30; } .dl-lane-b { background: #29b1cc; } .dl-lane-g { background: #59b247; }
.dl-quiz { margin: 14px 0; padding: 14px 16px; border-radius: 12px; border: 1px solid var(--border-color-base, #ddd); background: var(--color-surface-1, #f6f6f6); }
.dl-quiz-h { font-weight: 700; } .dl-quiz-n { color: var(--dl-gold); margin-right: 6px; }
.dl-quiz-scene { margin: 6px 0 8px; }
.dl-quiz-choices { display: grid; gap: 4px; margin-bottom: 8px; }
.dl-quiz-choices div { padding: 6px 10px; border-radius: 8px; border: 1px solid var(--border-color-base, #ddd); }
.dl-quiz-choices b { color: var(--dl-gold); margin-right: 8px; }
.dl-quiz-ans { padding: 10px 12px; border-radius: 8px; border-left: 4px solid var(--dl-vitality); background: var(--color-surface-2, rgba(127,127,127,.08)); }
.dl-quiz-rule { display: inline-block; margin-top: 6px; font-size: 0.85em; color: var(--dl-gold); border: 1px solid var(--dl-gold); border-radius: 999px; padding: 0 10px; }
.dl-guide-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; margin: 10px 0; }
.dl-guide-card { padding: 12px 14px; border-radius: 10px; border: 1px solid var(--border-color-base, #ddd); background: var(--color-surface-1, #f6f6f6); }
.dl-guide-card:hover { border-color: var(--dl-gold); }
.dl-guide-card-c { font-size: 0.75em; font-weight: 700; letter-spacing: 0.1em; color: var(--dl-gold); }
.dl-guide-card-t { font-weight: 700; font-size: 1.05em; }
.dl-guide-card-d { font-size: 0.86em; color: var(--color-subtle, #666); margin-top: 2px; }
dl dt { margin-top: 8px; }
/* 画像カード・スクショ */
.dl-imgrow { display: flex; flex-wrap: wrap; gap: 10px; margin: 12px 0; }
.dl-imgcard { flex: 1 1 130px; max-width: 180px; text-align: center; padding: 8px; border-radius: 10px; border: 1px solid var(--border-color-base, #ddd); background: var(--color-surface-1, #f6f6f6); }
.dl-imgcard img { max-width: 100%; height: auto; }
.dl-imgcard-n { font-weight: 700; font-size: 0.9em; margin-top: 4px; }
.dl-imgcard-d { font-size: 0.8em; color: var(--color-subtle, #666); }
.dl-shots { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.dl-shots img, .mw-parser-output img { max-width: 100%; height: auto; }
.dl-shots img { border-radius: 10px; }
.dl-pick-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px; margin: 10px 0; }
.dl-pick { display: flex; gap: 12px; padding: 10px; border-radius: 10px; border: 1px solid var(--border-color-base, #ddd); background: var(--color-surface-1, #f6f6f6); font-size: 0.9em; }
.dl-pick img { border-radius: 8px; }
.dl-pick-n { font-weight: 700; font-size: 1.1em; }
.dl-pick-a { color: var(--dl-gold); font-weight: 600; margin-bottom: 4px; }
.dl-pick b { color: var(--color-subtle, #666); margin-right: 4px; }
.dl-attrib { margin-top: 18px; padding: 8px 12px; border-radius: 8px; font-size: 0.82em; color: var(--color-subtle, #666); border: 1px dashed var(--border-color-base, #ccc); }
/* 左メニュー（広い画面で常に表示） */
#dl-sidenav { display: none; }
@media (min-width: 1000px) {
html.dl-has-sidenav #dl-sidenav {
display: block; position: fixed; top: 0; bottom: 0; left: var(--header-size-inline-start, 0px); width: 210px; z-index: 5;
overflow-y: auto; padding: 20px 12px 24px; box-sizing: border-box;
background: var(--color-surface-0, #fff); border-right: 1px solid var(--border-color-base, #ddd); font-size: 0.9em;
}
html.dl-has-sidenav .citizen-page-container { padding-inline-start: calc(var(--header-size-inline-start, 0px) + 210px); }
.dl-sidenav-sec { margin-bottom: 16px; display: flex; flex-direction: column; }
.dl-sidenav-h { font-size: 0.78em; font-weight: 700; letter-spacing: 0.1em; color: var(--dl-gold); margin: 0 8px 4px; }
#dl-sidenav a { display: block; padding: 5px 8px; border-radius: 6px; color: var(--color-base, #222); text-decoration: none; }
#dl-sidenav a:hover { background: var(--color-surface-2, rgba(127,127,127,.12)); }
#dl-sidenav a.is-here { background: var(--color-surface-2, rgba(127,127,127,.12)); color: var(--dl-gold); font-weight: 700; }
}
/* 攻略ガイドのグループ */
.dl-guide-group { margin: 14px 0 18px; }
.dl-guide-group-h { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; font-weight: 700; font-size: 1.1em; margin-bottom: 8px; }
.dl-guide-group-n { display: inline-flex; align-items: center; justify-content: center; width: 1.6em; height: 1.6em; border-radius: 50%; background: var(--dl-gold); color: #111; font-size: 0.85em; }
.dl-guide-group-l { font-weight: 400; font-size: 0.8em; color: var(--color-subtle, #666); }
.dl-guide-card { display: flex; gap: 12px; align-items: center; }
.dl-guide-card-i { flex: 0 0 56px; height: 56px; display: flex; align-items: center; justify-content: center; border-radius: 8px; overflow: hidden; background: #101727; }
.dl-guide-card-i img { max-width: 56px; max-height: 56px; width: auto; height: auto; }
.dl-guide-card-b { min-width: 0; }
.dl-hero-logo img { max-width: 100%; height: auto; }
.dl-hero-banner { padding: 22px 24px; }
.dl-guide-grid.dl-n3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.dl-guide-grid.dl-n4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.dl-guide-grid.dl-n4 .dl-guide-card { flex-direction: column; align-items: flex-start; }
@media (max-width: 900px) { .dl-guide-grid.dl-n3, .dl-guide-grid.dl-n4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .dl-guide-grid.dl-n4 .dl-guide-card { flex-direction: row; align-items: center; } }
@media (max-width: 560px) { .dl-guide-grid.dl-n3, .dl-guide-grid.dl-n4 { grid-template-columns: 1fr; } }
/* クイズのマップ */
.dl-quiz-body { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 6px; }
.dl-quiz-map img { border-radius: 10px; max-width: 100%; height: auto; }
.dl-quiz-main { flex: 1 1 280px; min-width: 0; }
.dl-quiz-ans { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-start; }
.dl-quiz-ans > div:last-child { flex: 1 1 260px; }
.dl-quiz-legend { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 0.85em; padding: 8px 12px; border-radius: 8px; border: 1px solid var(--border-color-base, #ddd); margin: 8px 0 14px; }
.dl-quiz-legend b { display: inline-block; width: 12px; height: 12px; border-radius: 50%; margin-right: 4px; vertical-align: -1px; }
.lg-me { background: #d9a94e; } .lg-ally { background: #5da9e9; } .lg-enemy { background: #e86e5a; }
.dl-quiz-legend b.lg-wave-a { background: #5da9e9; border-radius: 2px; } .dl-quiz-legend b.lg-wave-e { background: #e86e5a; border-radius: 2px; }
.dl-lanes { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; margin: 10px 0; }
.dl-lane-card { padding: 10px; border-radius: 10px; border: 1px solid var(--border-color-base, #ddd); background: var(--color-surface-1, #f6f6f6); text-align: center; font-size: 0.9em; }
.dl-lane-card img { max-width: 100%; height: auto; }
.dl-iconlegend td:first-child { text-align: center; background: #101727; }
/* トップ: 攻略ガイドとデータベース */
.dl-portal { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; margin: 6px 0 20px; }
@media (max-width: 820px) { .dl-portal { grid-template-columns: 1fr; } }
.dl-portal-box { padding: 14px 16px; border-radius: 12px; border: 1px solid var(--border-color-base, #ddd); }
.dl-portal-guide { border-top: 4px solid var(--dl-gold); background: var(--color-surface-1, #f6f6f6); }
.dl-portal-data { border-top: 4px solid #3fb8c9; background: var(--color-surface-1, #f6f6f6); }
.dl-portal-h { display: flex; align-items: baseline; gap: 10px; margin-bottom: 8px; }
.dl-portal-h span { font-size: 1.3em; font-weight: 800; }
.dl-portal-h small { color: var(--color-subtle, #666); }
.dl-portal-g { margin-bottom: 8px; }
.dl-portal-gh { font-size: 0.78em; font-weight: 700; letter-spacing: 0.1em; color: var(--dl-gold); margin: 6px 0 2px; }
.dl-portal-row, .dl-portal-tile { display: flex; align-items: center; gap: 10px; padding: 5px 6px; border-radius: 8px; }
.dl-portal-row:hover, .dl-portal-tile:hover { background: var(--color-surface-2, rgba(127,127,127,.12)); }
.dl-portal-row img, .dl-portal-tile img { border-radius: 6px; background: #101727; object-fit: contain; }
.dl-portal-row span, .dl-portal-tile span { display: flex; flex-direction: column; line-height: 1.3; font-weight: 700; }
.dl-portal-row small, .dl-portal-tile small { font-weight: 400; color: var(--color-subtle, #666); font-size: 0.8em; }
.dl-portal-tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.dl-portal-tile { border: 1px solid var(--border-color-base, #ddd); padding: 8px; }
/* ページ下部のナビ */
.dl-navbox { margin: 24px 0 8px; border: 1px solid var(--border-color-base, #ddd); border-radius: 10px; overflow: hidden; font-size: 0.88em; }
.dl-navbox-h { padding: 6px 12px; font-weight: 700; background: var(--color-surface-2, rgba(127,127,127,.12)); }
.dl-navbox-b { padding: 8px 12px; line-height: 1.9; }
.dl-gostop td { width: 50%; vertical-align: top; }
.dl-gostop th:first-child { color: var(--dl-vitality); } .dl-gostop th:last-child { color: #d0573f; }
/* 用語集の通称・wiki用語の印 */
.dl-tag-alias, .dl-tag-wiki { font-size: 0.68em; font-weight: 700; padding: 0 7px; margin-left: 6px; vertical-align: 0.15em; border-radius: 999px; border: 1px solid; }
.dl-tag-alias { color: #d9a441; border-color: #d9a441; }
.dl-tag-wiki { color: #7fdccf; border-color: #7fdccf; }
/* メインページのアイテム欄 */
.dl-item-tiles { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); margin-bottom: 8px; }
/* 攻略ガイドの整理（STEP・練習・次に読む） */
.dl-step-n { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 1.7em; height: 1.7em; border-radius: 50%; background: var(--dl-gold); color: #111; font-weight: 800; font-size: 0.85em; }
.dl-steps .dl-portal-row { position: relative; }
.dl-portal-practice { margin-top: 10px; padding-top: 10px; border-top: 1px dashed var(--border-color-base, #ccc); }
.dl-portal-data .dl-portal-gh { margin: 10px 0 6px; }
.dl-portal-data .dl-portal-gh:first-of-type { margin-top: 2px; }
.dl-next { margin: 24px 0 8px; padding: 12px 16px; border-radius: 10px; border: 1px solid var(--dl-gold); font-weight: 700; }
.dl-next-h { display: inline-block; margin-right: 8px; padding: 0 8px; border-radius: 999px; background: var(--dl-gold); color: #111; font-size: 0.85em; }
.dl-navbox-r { padding: 3px 0; }
.dl-navbox-k { display: inline-block; min-width: 7.5em; margin-right: 8px; font-weight: 700; color: var(--color-subtle, #888); }
.dl-portal-g.dl-steps { display: grid; grid-template-columns: 1fr; gap: 4px; }
/* おすすめキャラの画像を同じ大きさにそろえる（長い説明文で縮まないように） */
.dl-pick > *:first-child { flex: 0 0 90px; }
.dl-pick img { width: 90px; height: auto; max-width: none; }
/* カード全体をクリックできるようにする（文字リンクの判定をカードいっぱいに広げる） */
.dl-portal-row, .dl-portal-tile, .dl-guide-card, .dl-card, .dl-pick { position: relative; }
.dl-portal-row > span > a::after, .dl-portal-tile > span > a::after,
.dl-guide-card-t > a::after, .dl-card-n > a::after, .dl-pick-n > a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.dl-portal-row, .dl-portal-tile, .dl-guide-card, .dl-card { cursor: pointer; transition: background-color .12s, border-color .12s; }
.dl-portal-row:hover, .dl-portal-tile:hover, .dl-guide-card:hover, .dl-card:hover { background-color: rgba(201,160,78,.10); }
.dl-pick-b a:not(.dl-pick-n a) { position: relative; z-index: 2; }
.dl-legend-line { display: flex; flex-wrap: wrap; gap: 4px 16px; justify-content: center; font-size: 0.88em; margin: -4px 0 12px; color: var(--color-subtle, #888); }
/* アイテムの一言概要 */
.dl-item-sum { margin: 8px 0 14px; padding: 8px 12px; border-left: 4px solid var(--dl-gold); background: var(--color-surface-1, #f6f6f6); border-radius: 0 8px 8px 0; font-weight: 700; }
.dl-itemlist th, .dl-itemlist td { white-space: nowrap; }
.dl-itemlist td:nth-child(2) { white-space: normal; font-size: 0.88em; min-width: 14em; max-width: 22em; }
/* 時間帯の3段階を色と記号で区別する（勝負どころ▲・互角―・我慢▼） */
.dl-band { background: #2b3242; color: #d6dae3; border: 1px solid #3c4458; border-style: solid; }
.dl-band-go { background: #4caf6e; color: #0d1a12; border-color: #4caf6e; }
.dl-band-wait { background: #4a2328; color: #f0a9a0; border-color: #7a3a40; border-style: solid; }
.dl-band-v::before { margin-right: 3px; }
.dl-band-go .dl-band-v::before { content: "▲"; }
.dl-band-wait .dl-band-v::before { content: "▼"; }
.dl-band:not(.dl-band-go):not(.dl-band-wait) .dl-band-v::before { content: "―"; opacity: .7; }
/* 表の崩れ対策（2026-10-19 レビュー対応）: 表は横スクロール、短い列は折り返さない */
.mw-parser-output table.dl-table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.mw-parser-output table.dl-table.sortable th { white-space: nowrap; }
.mw-parser-output table.sortable.dl-table td { white-space: nowrap; }
.mw-parser-output table.sortable.dl-table td:first-child { white-space: nowrap; }
.mw-parser-output table.sortable.dl-table.dl-itemlist td:nth-child(2) { white-space: normal; min-width: 12em; max-width: 18em; }
.dl-itemlist { font-size: 0.92em; }
@media (max-width: 720px) { .mw-parser-output table.sortable.dl-table.dl-itemlist td:nth-child(2) { min-width: 10em; max-width: 13em; } }
/* メインページのタイル説明の1〜2文字落ちを防ぐ */
.dl-portal-tile small, .dl-portal-row small { word-break: keep-all; overflow-wrap: anywhere; text-wrap: pretty; }
/* メインページ上部の「非公式」の一文 */
.dl-hero-note { font-size: 0.78em; color: var(--color-subtle, #9aa3b5); margin-top: 4px; letter-spacing: .02em; }
/* キャラ対策の表：長い列を折り返して右端が切れないようにする */
.dl-counter-table td { white-space: normal; min-width: 8em; }
.dl-counter-table td:first-child { white-space: nowrap; min-width: 0; }
/* メインページの枠の並び（2026-10-19 整理） */
.dl-portal { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.dl-portal-start, .dl-portal-data { grid-column: 1 / -1; }
.dl-tiles-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dl-tiles-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 900px) { .dl-tiles-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 720px) { .dl-portal { grid-template-columns: 1fr; } .dl-tiles-2, .dl-tiles-4 { grid-template-columns: 1fr; } }
.dl-portal-row img, .dl-portal-tile img { width: 40px !important; height: 40px !important; object-fit: contain; flex: 0 0 40px; }
.dl-portal-stat .dl-portal-row { padding: 6px; }
.dl-portal-guide { grid-row: span 2; }
@media (max-width: 720px) { .dl-portal-guide { grid-row: auto; } }