.topbar {height:auto;min-height:54px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
.update-available {border-color:var(--accent)!important;color:var(--accent)!important;font-weight:700}
.random-note {font-size:.8em;line-height:1.5;margin:5px 0;color:var(--text)}
.random-flow,.flow-note {font-size:.75rem;line-height:1.5;margin:5px 0;color:var(--muted)}
.random-group td>small,.random-group summary {font-size:.72em;color:var(--muted)}
.random-group details {margin-top:5px;font-size:.8em}
.minimal .topbar,.minimal .boss-header>div:first-child,.minimal .boss-select-wrap label,
.minimal main>footer,.minimal nav[aria-label="HP表示範囲"],.minimal [data-do="normal-all"],
.minimal .hp-note,.minimal .hp-name,.minimal .hp-button>small,.minimal .table-legend,
.minimal .table-phase-note,.minimal .table-hint,.minimal .rotation-guide,.minimal .table-tools,
.minimal .pattern-table thead,.minimal .rotation-cue small,.minimal .cue-label,
.minimal .hp-table-section h2 small,.minimal .companion-row details {display:none}
.minimal main {padding:0 8px;max-width:900px}
.minimal-controls {display:flex;flex-wrap:wrap;gap:4px;padding:5px 8px;border-bottom:1px solid var(--border)}
.minimal-controls button {padding:4px 7px;min-height:30px;font-size:.72rem}
.minimal-controls [aria-pressed=true] {border-color:var(--accent);color:var(--accent)}
.minimal .boss-header {padding:6px 0;display:block}
.minimal .boss-select-wrap {max-width:none;margin:0}
.minimal .boss-select-wrap select {width:100%;min-width:0;max-width:none;min-height:32px;padding:4px 8px;font-size:.88rem}
.minimal .hp-bar {gap:2px}
.minimal .hp-button {min-width:0;flex:1 0 18%;padding:5px 2px;min-height:32px;font-size:.8rem}
.minimal .hp-button strong {font-size:.83rem}
.minimal .hp-table-section {margin:6px 0}
.minimal .hp-table-section h2 {font-size:.83rem;margin:6px 0;padding-bottom:4px}
.minimal .pattern-table {font-size:1rem;line-height:1.45;table-layout:fixed;width:100%}
.minimal .pattern-table th,.minimal .pattern-table td {padding:6px}
.minimal .pattern-table th:first-child {width:64px;font-size:.7rem;overflow-wrap:anywhere}
.minimal .pattern-table .label-column {width:64px}
.minimal .pattern-table td {overflow-wrap:anywhere;min-width:0}
.minimal .pattern-table th small {font-size:.66rem}
.minimal .fixed-row>th>small:first-of-type {display:none}
.minimal .table-actions,.minimal .table-sequence {gap:2px 5px}
.minimal .rotation-cue {padding:5px;margin-bottom:5px;font-size:.8rem}
.minimal .table-toolbar {margin:4px 0}
.minimal .table-toolbar button {min-height:30px;padding:4px;font-size:.75rem}
.minimal-notice {font-size:.64rem;color:var(--muted);margin:6px 0}
.minimal-notice button {font-size:inherit;padding:2px 5px;min-height:26px}
.compact .topbar {height:auto;min-height:44px;padding-top:6px;padding-bottom:6px}
.top-actions {flex-wrap:wrap;gap:6px}
.top-actions button {min-height:40px}
.download-button {display:inline-block;padding:12px 16px;border:1px solid var(--accent);border-radius:8px;font-weight:700}
.top-actions button[aria-pressed=true] {border-color:var(--accent);color:var(--accent)}
:root[data-theme=light]{color-scheme:light;--bg:#f4f7fa;--panel:#fff;--border:#a3b3c1;--text:#152537;--muted:#455b6c;--danger:#a32b12}
[data-theme=light] button,[data-theme=light] select,[data-theme=light] input {background:#fff;color:var(--text)}
[data-theme=light] button:hover {background:#e3edf3}
[data-theme=light] .table-toolbar [aria-pressed=true],[data-theme=light] button.primary {background:var(--accent);color:#fff}
[data-theme=light] .brand-light,[data-theme=light] .preview {color:#455b6c}
[data-theme=light] .hp-button {background:#fff;color:#374f62}
[data-theme=light] .hp-button.selected {background:#e2eff7;color:var(--accent)}
[data-theme=light] .hp-button.hp-low.selected {color:#8b4e00;box-shadow:inset 0 -3px #8b4e00}
[data-theme=light] .pattern-table {background:#fff}
[data-theme=light] .pattern-table thead,[data-theme=light] .pattern-table tbody th {background:#e4edf4;color:#183346}
[data-theme=light] .pattern-table td,[data-theme=light] .pattern-table th {border-color:#9db1c1}
[data-theme=light] .pattern-table tbody tr.fixed-row>th {color:#714800;background:#fff0c5}
[data-theme=light] .fixed-row>td {background:#fff8e5}
[data-theme=light] .table-hint,[data-theme=light] .table-phase-note,[data-theme=light] .pattern-table tbody th small {color:#405869}
[data-theme=light] .table-danger {color:#a5280f}
[data-theme=light] .table-divider,[data-theme=light] .table-or {color:#526c7f}
[data-theme=light] .rotation-guide {background:#e6f0f5}
[data-theme=light] .guide-emphasis li:first-child {color:#704600}
[data-theme=light] .rotation-cue.gold {background:#fff2c8;color:#634100;border-color:#aa7900}
[data-theme=light] .rotation-cue.cyan {background:#ddf3fa;color:#074c65;border-color:#267894}
[data-theme=light] .rotation-cue small {color:#354d60}
[data-theme=light] .transition-chip {background:#e0f2fa;color:#064861;border-color:#38819c}
[data-theme=light] .transition-chip small {color:#354d60}
[data-theme=light] .table-action .action-condition {background:#e8edf3;color:#334c60;border-color:#7c93a5}
[data-theme=light] .companion-row,[data-theme=light] .companion-row th {background:#edf0fc;color:#2e3e79}
[data-theme=light] .summon-opening {color:#754600}
[data-theme=light] .companion-row summary {color:#364989}
[data-theme=light] dialog {background:#fff;color:var(--text)}
[data-theme=light] .modal-head,[data-theme=light] .claim {background:#e8eff4;color:var(--text)}
[data-theme=light] dialog p {color:#405869}
[data-theme=light] .references article,[data-theme=light] .claim {border-color:#abbac6}
[data-theme=light] .badge,[data-theme=light] .adoption-adopted {color:#176040!important;border-color:#438a6a}
[data-theme=light] .adoption-review,[data-theme=light] .inline-warning {color:#7c4b00!important}
[data-theme=light] .settings-section label,[data-theme=light] kbd {color:#364b5d}
[data-theme=light] #toast {background:#16374d;color:#fff}
@media(max-width:600px){.topbar{height:auto;padding:8px 10px}.top-actions{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.top-actions button{padding:7px 4px;font-size:.75rem;min-width:0}.top-actions .preview{font-size:.65rem}.table-toolbar>div{flex-wrap:wrap}.boss-header{flex-wrap:wrap}.boss-select-wrap{max-width:100%}.pattern-table{font-size:.94rem}}