/* 出撃時間の帯と 3 作横断の作戦室一覧（FA-13） */
/* 2026-10-10 FA-47: 1 行に畳む（details）。見出しの行は 44 px。開くと説明と入口。出撃時間の間は濃い色と「参加する」 */
.front-sortie-banner{display:block;margin:8px 0;padding:0;border:1px solid #c9b27a;border-radius:10px;background:#fbf6e8;color:#3f3522;font-size:14px;line-height:1.6}
.front-sortie-banner>summary{position:relative;display:flex;align-items:center;gap:8px 12px;min-height:44px;padding:5px 42px 5px 12px;cursor:pointer;list-style:none}
.front-sortie-banner>summary::-webkit-details-marker{display:none}
.front-sortie-banner>summary::after{content:"";position:absolute;right:17px;top:50%;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-70%) rotate(45deg);transition:transform .15s}
.front-sortie-banner[open]>summary::after{transform:translateY(-25%) rotate(-135deg)}
.front-sortie-banner>summary:focus-visible{outline:3px solid #e2c46c;outline-offset:2px;border-radius:9px}
.front-sortie-line{flex:1 1 auto;min-width:0;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.front-sortie-body{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:2px 12px 12px}
.front-sortie-body p{margin:0;flex:1 1 280px}
.front-sortie-go{flex:0 0 auto;padding:5px 12px;white-space:nowrap}
.front-sortie-banner.is-active{background:#243b2f;border-color:#6f9a72;color:#f4efdf;box-shadow:0 0 0 2px #e2c46c59}
.front-sortie-badge{font-size:11px;font-weight:700;letter-spacing:.08em;padding:3px 9px;border-radius:999px;background:#c9b27a;color:#2a2416}
.front-sortie-banner.is-active .front-sortie-badge{background:#e2c46c}
.front-sortie-actions{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}
.front-sortie-button,.front-rooms-button{display:inline-block;padding:7px 14px;border-radius:8px;border:1px solid currentColor;color:inherit;text-decoration:none;font-weight:700;font-size:13px}
.front-sortie-button.primary,.front-rooms-button.primary{background:#e2c46c;border-color:#e2c46c;color:#2a2416}
.front-rooms{max-width:1080px;margin:0 auto;padding:24px 16px 48px}
.front-rooms-hero h1{margin:4px 0 8px;font-size:28px}
.front-rooms-eyebrow{font-size:11px;letter-spacing:.2em;color:#7b6a3f;font-weight:700;margin:0}
.front-rooms-next{color:#5b513b;font-size:14px}
.front-rooms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:16px}
.front-rooms-game{border:1px solid #d9d2bf;border-radius:12px;padding:16px;background:#fffdf7;display:flex;flex-direction:column;gap:12px}
.front-rooms-game header{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.front-rooms-game h2{margin:0;font-size:18px}
.front-rooms-game h2 small{display:block;font-size:12px;color:#7b6a3f;font-weight:400}
.front-rooms-link{font-size:12px}
.front-rooms-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.front-rooms-list li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;background:#f4efe1}
.front-rooms-list strong{display:block;font-size:14px;overflow-wrap:anywhere}
.front-rooms-list span{font-size:12px;color:#5b513b}
.front-rooms-empty{margin:0;color:#6b6250;font-size:13px}
.front-rooms-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.front-rooms-note{margin-top:20px;font-size:12px;color:#6b6250}
/* 開発中の枠（2026-09-27。例: 開発中の DUELFRONT） */
.front-rooms-coming-soon{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.front-rooms-badge{font-size:11px;font-weight:700;letter-spacing:.08em;padding:2px 9px;border-radius:999px;border:1px solid #c9b27a;background:#fbf6e8;color:#5b4a22}