.dragon-fire-routing{margin:14px 0;border:1px solid var(--line,#c9d9df);border-radius:12px;background:var(--panel,var(--surface,#fff));color:var(--ink,#17313e);overflow:hidden;font:14px/1.5 system-ui,-apple-system,sans-serif}
.dragon-fire-routing>summary{cursor:pointer;min-height:46px;padding:11px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-weight:650;list-style:none}
.dragon-fire-routing>summary::-webkit-details-marker{display:none}.dragon-fire-routing>summary::after{content:'⌄';font-size:16px;margin-left:auto}.dragon-fire-routing[open]>summary::after{transform:rotate(180deg)}
.dragon-fire-routing>summary>span:last-child{font-weight:500;font-size:12px;color:var(--muted,#506875)}
.dragon-fire-body{padding:0 14px 14px}.dragon-route-options{display:flex;gap:5px;padding:4px;border:1px solid var(--line,#c9d9df);border-radius:10px;background:var(--bg,#f3f7f8)}
.dragon-route-options button{flex:1;min-height:44px;padding:7px 10px;margin:0;line-height:1.2;font:600 12px/1.2 system-ui,-apple-system,sans-serif;border:1px solid transparent;border-radius:7px;color:inherit;background:transparent;cursor:pointer}
.dragon-route-options button[aria-pressed=true]{background:var(--ink,#17313e);color:var(--panel,#fff);box-shadow:0 1px 3px #0001}
.dragon-fire-routing :is(button,a,input):focus-visible{outline:3px solid var(--accent,#176d66);outline-offset:3px}
.dragon-status{font-size:13px;line-height:1.5;margin:13px 0}.dragon-machine{font-size:12px;margin:0 0 13px;font-weight:600}.dragon-machine span{display:block;color:var(--muted,#506875);font-size:11px;font-weight:400;margin-top:3px}
.dragon-fire-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 13px}.dragon-fire-actions button,.dragon-fire-actions a{font:600 12px/1.3 system-ui,-apple-system,sans-serif;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:10px 13px;border:1px solid var(--line,#c9d9df);border-radius:8px;background:var(--panel,var(--surface,#fff));color:inherit;text-decoration:none;cursor:pointer;margin:0}.dragon-fire-actions button:disabled{opacity:.5;cursor:default}
.dragon-note{font-size:11px;line-height:1.6;color:var(--muted,#506875);margin:11px 0 0}.dragon-run-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dragon-compare{margin-top:15px;border-top:1px solid var(--line,#c9d9df);padding-top:1px}.dragon-compare[hidden]{display:none}.dragon-compare label{font-size:12px;display:flex;flex-direction:column;gap:5px;margin:10px 0}.dragon-compare input:not([type=checkbox]){display:block;width:100%;min-width:0;min-height:44px;font:13px/1.3 system-ui,-apple-system,sans-serif;border:1px solid var(--line,#c9d9df);border-radius:7px;padding:9px;color:inherit;background:var(--panel,var(--surface,#fff))}.dragon-run-grid fieldset{min-width:0;border:1px solid var(--line,#c9d9df);border-radius:9px;padding:7px 11px}.dragon-run-grid legend{font-size:12px;font-weight:650;padding:0 5px}.dragon-compare .dragon-checkbox{flex-direction:row;align-items:center;gap:8px;min-height:44px}.dragon-checkbox input{width:20px;height:20px;flex:none}
html[data-theme=dark] .dragon-fire-routing{--panel:#152731;--surface:#152731;--ink:#edf4f6;--muted:#aec2cc;--line:#3c5360;--bg:#10202a;--accent:#8ad9c6}
.dragon-guide{max-width:960px;margin:0 auto;padding:24px max(20px,env(safe-area-inset-left)) max(40px,env(safe-area-inset-bottom));font:15px/1.65 system-ui,-apple-system,sans-serif;background:var(--panel,#fff);color:var(--ink,#17313e)}.dragon-guide header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #c9d9df;padding-bottom:19px}.dragon-guide header img{width:130px;height:auto}.dragon-guide a{color:inherit;text-underline-offset:3px}.dragon-guide h1{font-size:clamp(29px,5vw,46px);line-height:1.15;letter-spacing:-.04em;margin:26px 0 15px}.dragon-guide h2{font-size:21px;line-height:1.3}.dragon-guide .dragon-lead{max-width:760px;color:#506875}.dragon-guide .dragon-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dragon-guide section{margin:24px 0}.dragon-guide .dragon-status-list{padding-left:20px}.dragon-guide .dragon-status-list li{margin:10px 0}.dragon-guide .dragon-aside{background:#f0f6f4;border:1px solid #c9d9df;border-radius:12px;padding:17px 19px;font-size:13px}.dragon-guide .dragon-aside p:last-child{margin-bottom:0}.dragon-guide footer{font-size:12px;color:#506875;padding-top:17px;border-top:1px solid #c9d9df}
.dragon-guide code{font:12px/1.5 ui-monospace,monospace;overflow-wrap:anywhere}.dragon-guide pre{font:12px/1.65 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;padding:13px;background:#f0f6f4;border:1px solid #c9d9df;border-radius:8px}
html[data-theme=dark] .dragon-guide{--panel:#0e1d27;--ink:#edf4f6;--muted:#aec2cc;--line:#3c5360;background:var(--panel);color:var(--ink)}html[data-theme=dark] .dragon-guide :is(.dragon-lead,footer){color:var(--muted)}html[data-theme=dark] .dragon-guide :is(.dragon-aside,pre){background:#18303c;border-color:var(--line)}html[data-theme=dark] .dragon-guide header img{background:#fff;border-radius:4px;padding:4px}
@media(max-width:650px){.dragon-run-grid,.dragon-guide .dragon-grid{grid-template-columns:1fr}.dragon-fire-body{padding-inline:11px}.dragon-route-options button{padding-inline:7px;font-size:11px}.dragon-guide{padding-top:max(18px,env(safe-area-inset-top))}.dragon-guide header img{width:105px}.dragon-guide .dragon-lead{font-size:14px}}
@media(prefers-reduced-motion:reduce){.dragon-fire-routing *{scroll-behavior:auto}}
