/* 戦闘中は区分と行動だけを追える、共通の二列表。 */
main{max-width:1200px;padding:0 24px;margin:auto}
.topbar{height:54px;padding:0 24px}.brand{font-size:15px}.brand-mark{font-size:19px}
.boss-header{padding:18px 0;align-items:center}.boss-header h1{font-size:1.8rem;margin:4px 0}.boss-header .eyebrow{font-size:.7rem}.boss-select-wrap{max-width:none}.boss-select-wrap select{min-width:210px;font-size:.95rem}
.sticky{position:sticky;top:0;z-index:4;background:var(--bg);padding-top:6px}.hp-button{min-height:48px;padding:10px 5px}.hp-button strong{font-size:1.1rem}.hp-button small,.hp-name{display:none}.hp-note{padding:6px 2px;font-size:.75rem}
.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0}.table-toolbar>div{display:flex;gap:6px}.table-toolbar button{font-size:.86rem;min-height:42px;padding:8px 12px}.table-toolbar [aria-pressed=true]{background:var(--accent);color:#08131a;border-color:var(--accent);font-weight:700}
.table-legend{font-size:.75rem;color:var(--muted);margin:8px 0 16px}.table-legend>span{color:var(--danger);margin-left:12px}
.hp-table-section{margin:0 0 28px;scroll-margin-top:100px}.hp-table-section h2{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;font-size:1.25rem;margin:0;padding:12px 0 8px;border-bottom:2px solid var(--accent)}.hp-table-section h2 small{font-size:.8rem;color:var(--muted);font-weight:400}.table-phase-note{font-size:.8rem;color:#bdcbd8;line-height:1.6;margin:8px 0}
.pattern-table{width:100%;border-collapse:collapse;table-layout:fixed;background:#111b25;font-size:.96rem;line-height:1.65}.pattern-table th,.pattern-table td{border:1px solid #344351;padding:12px 14px;text-align:left;vertical-align:top;overflow-wrap:anywhere}.pattern-table thead{background:#21303e;color:#c4d2df;font-size:.76rem}.pattern-table th:first-child{width:160px}.pattern-table tbody th{font-size:.88em;background:#182532;color:#d7e6f1}.pattern-table tbody th small{display:block;font-size:.85em;font-weight:400;margin-top:5px;color:#aebfce}.pattern-table .fixed-row th{color:var(--accent)}.fixed-row td{background:#14262c}
.table-actions,.table-sequence{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 9px}.table-action{font-weight:600}.table-danger{color:#ffc39e;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px}.table-divider,.table-arrow,.table-or{color:#839cae}.table-arrow{font-weight:700;color:var(--accent)}.table-step{display:inline;max-width:100%}.table-step>small{display:inline-block;color:var(--accent);font-size:.68em;margin-right:5px}.table-action small{color:#ffd698;font-size:.7em;margin-left:4px}.table-hint{font-size:.78em;color:#aebfcd;line-height:1.6;margin:7px 0 0}.table-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.table-tools button{font-size:.74rem;padding:6px 10px;min-height:34px}.table-tools button:first-child{color:var(--accent);border-color:#45616d}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
footer{margin-top:24px}.compact main{padding:0 10px}.compact .boss-header{padding:10px 0}.compact .hp-table-section{margin-bottom:20px}.compact .pattern-table th,.compact .pattern-table td{padding:9px}.compact .pattern-table th:first-child{width:110px}
@media(max-width:600px){main,.compact main{padding:0 10px}.topbar{padding:0 10px;height:48px}.top-actions button{padding:7px;font-size:.72rem}.brand-light{display:none}.boss-header{padding:12px 0;gap:10px}.boss-header h1{font-size:1.3rem}.strength{font-size:.9rem;padding:2px 6px}.boss-header .eyebrow{font-size:.56rem}.boss-select-wrap{max-width:46%;min-width:0}.boss-select-wrap select{min-width:0;width:100%;font-size:.76rem;padding:9px 5px}.boss-select-wrap label{font-size:.6rem}.hp-bar{flex-wrap:wrap;gap:4px}.hp-button{flex:1 0 18%;min-height:43px;padding:10px 2px}.hp-button strong{font-size:.9rem}.hp-note{font-size:.65rem}.table-toolbar{align-items:stretch}.table-toolbar>div{flex:1}.table-toolbar button{font-size:.72rem;padding:7px;line-height:1.4}.table-toolbar>div button{flex:1}.table-legend{font-size:.64rem;line-height:1.7}.table-legend>span{margin-left:0}.hp-table-section h2{font-size:1.05rem;gap:6px}.hp-table-section h2 small{font-size:.68rem}.pattern-table{font-size:.84rem}.pattern-table th,.pattern-table td,.compact .pattern-table th,.compact .pattern-table td{padding:9px 8px}.pattern-table th:first-child,.compact .pattern-table th:first-child{width:82px}.pattern-table tbody th{font-size:.88em}.pattern-table thead{font-size:.65rem}.table-actions,.table-sequence{gap:3px 5px}.table-hint{font-size:.8em}.table-tools{gap:5px}.table-tools button{font-size:.67rem;padding:7px;min-height:38px}.table-phase-note{font-size:.72rem}.table-toolbar>button{font-size:.68rem}}

@media(max-width:600px){.hp-button,.compact .hp-button{min-width:0;flex:1 0 18%}}
.rotation-guide{margin:12px 0 0;padding:14px 16px;background:#15212a;border-left:3px solid var(--accent);line-height:1.7}.rotation-guide h3{margin:0 0 8px;font-size:.95rem}.rotation-guide ul{margin:0;padding-left:1.3em;font-size:.88rem}.rotation-guide li+li{margin-top:6px}.rotation-guide p{margin:8px 0 0;color:var(--muted);font-size:.74rem}@media(max-width:600px){.rotation-guide{padding:12px}.rotation-guide h3{font-size:.84rem}.rotation-guide ul{font-size:.78rem}}

/* 技名と判別条件を一段大きく。 */
.pattern-table{font-size:1.06rem}.table-hint{font-size:.84em}.rotation-guide ul{font-size:.98rem}.rotation-guide h3{font-size:1.05rem}.rotation-cue{display:grid;gap:5px;padding:12px 14px;margin:0 0 14px;border:2px solid;border-radius:6px}.rotation-cue.gold{background:#392e13;border-color:#ecc45b;color:#ffe496}.rotation-cue.cyan{background:#12303c;border-color:#72d8ed;color:#a8f0ff}.rotation-cue .cue-label{font-size:.74em;font-weight:700;letter-spacing:.06em}.rotation-cue strong{font-size:1.15em;line-height:1.5}.rotation-cue b{font-size:1em}.rotation-cue small{font-size:.76em;color:#e2e8ed}.guide-emphasis li:first-child{font-weight:700;color:#ffe496}.guide-emphasis li+li{color:var(--muted)}
@media(max-width:600px){.pattern-table{font-size:.94rem}.rotation-guide ul{font-size:.88rem}.rotation-guide h3{font-size:.94rem}.rotation-cue{padding:10px}.rotation-cue strong{font-size:1.07em}}

.pattern-table tbody th .adoption-adopted{color:#94dec2}.pattern-table tbody th .adoption-review{color:#f2cb87}
.companion-row th { color: #bdc9ff; }
.companion-row { background: #151d30; }
.summon-opening { color: #ffda8e; font-weight: 750; margin: 0 0 .5rem; }
.companion-row summary { cursor: pointer; padding: .65rem 0; color: #bdc9ff; }
.mode-transition { color: #9fdcff; font-weight: 800; margin: .65rem 0 .25rem; }
.transition-chip { display: inline-block; padding: 2px 7px; border: 1px solid #70b6cb; border-radius: 4px; background: #17323e; color: #b6efff; font-weight: 750; }
.transition-chip small { display: inline-block; margin-left: 6px; font-size: .7em; color: #d0dce3; font-weight: 500; }
.table-action .action-condition { display: inline-block; color: #c8dded; background: #293d4c; border: 1px solid #637e91; border-radius: 4px; padding: 0 5px; font-size: .75em; margin-left: 5px; font-weight: 500; }
.pattern-table tbody tr.fixed-row > th { color: #ffdf90; font-size: 1.08em; }
.fixed-row > th { color: #ffdf90; font-size: 1.2em; border-left: 4px solid #f5c568; }
.fixed-row > td { background: #24251d; }
.table-step > small { background: #f5c568; color: #15191c; font-weight: 900; border-radius: 50%; min-width: 1.6em; text-align: center; }

/* Keep the Japanese title legible without crowding the controls. */
.topbar,.compact .topbar{height:auto;min-height:54px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}.brand{min-width:0;letter-spacing:0}.brand-name{white-space:normal;line-height:1.5}.brand-subtitle{display:block;font-size:.72em;font-weight:400;color:var(--muted)}.top-actions{flex-wrap:wrap}.compact .brand-subtitle{display:none}

.tools-link{font-size:.8rem;font-weight:700;padding:8px 10px;border:1px solid var(--accent);border-radius:8px;text-decoration:none}.guide-scroll{overflow-x:auto}.guide-table{width:100%;border-collapse:collapse;font-size:.8rem}.guide-table th,.guide-table td{padding:10px 6px;border-bottom:1px solid var(--border);text-align:left}.guide-table td{text-align:center}dialog li{line-height:1.8;margin-bottom:8px}