.fc-page{max-width:1480px}.fc-hero{padding:55px 0 30px}.fc-hero h1{font-size:clamp(37px,5vw,62px)}.fc-hero h1 span{color:#b8d2bd}.fc-hero p{font-size:15px}.fc-topbar,.fc-workflow,.fc-actions,.fc-canvas-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.fc-topbar{justify-content:space-between;padding:20px 0;border-top:1px solid #45523c}.fc-topbar strong{font-size:13px;color:#d6c58d}#fc-status{font-size:12px;margin:7px 0;min-height:20px;max-width:720px}.fc-page button,.fc-dialog button{min-height:42px;border:1px solid #68735a;border-radius:8px;background:#1a251c;color:#dfebd4;padding:9px 13px;font:inherit;font-size:12px;cursor:pointer}.fc-page button:hover,.fc-dialog button:hover{border-color:#d2b975}.fc-page button:disabled{opacity:.4;cursor:default}.fc-page .btn{background:#d2b975;color:#13190e;font-weight:700}.fc-workflow{padding:16px;background:#172019;border:1px solid #566047;border-radius:13px;margin-bottom:20px}.fc-workflow>label{display:flex;align-items:center;gap:10px;font-size:12px}.fc-page select,.fc-page input,.fc-page textarea{max-width:100%;min-height:42px;color:#e9ecdf;background:#101810;border:1px solid #5d6e54;border-radius:7px;padding:9px;font:inherit;font-size:13px}.fc-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start}.fc-side{display:grid;gap:16px;max-height:calc(100dvh - 130px);overflow:auto;position:sticky;top:calc(var(--cosmic-header-height,90px) + 15px);padding-right:5px;scrollbar-width:thin}.fc-side details{border:1px solid #556247;border-radius:12px;background:#18211a;padding:17px}.fc-side summary{font-size:13px;font-weight:650;color:#c8d7b8;cursor:pointer}.fc-side form{display:grid;gap:12px;margin-top:15px}.fc-side label{display:grid;gap:6px;font-size:11px;color:#b5c4a8}.fc-side textarea{resize:vertical;width:100%}.fc-side input,.fc-side select{width:100%}.fc-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fc-side .note{font-size:11px;line-height:1.7}.fc-danger{color:#e8b0aa!important;border-color:#bb817166!important}.fc-stage-column{min-width:0}.fc-canvas-tools{gap:7px;border:1px solid #516548;border-radius:12px 12px 0 0;padding:12px;background:#1b271e}.fc-canvas-tools button[aria-pressed=true]{background:#d2b975;color:#171e12;border-color:#d2b975}.fc-canvas-tools output{font-size:12px;min-width:45px;text-align:center}.fc-instructions{font-size:11px;margin:0;max-width:none;padding:10px 14px;border-inline:1px solid #516548;background:#111b12}.fc-viewport{position:relative;height:600px;min-height:380px;overflow:hidden;touch-action:none;user-select:none;background-color:#0d160e;background-image:radial-gradient(#a3bd7626 1px,transparent 1px);background-size:20px 20px;border:1px solid #516548;border-radius:0 0 13px 13px}#fc-canvas{display:block;width:100%;height:100%;overflow:hidden}#fc-nodes>g{cursor:grab}#fc-nodes>g:active{cursor:grabbing}#fc-edges>g{cursor:pointer}#fc-edges>g:hover>path{stroke-width:3}#fc-canvas g:focus{outline:none}#fc-canvas g:focus-visible>rect{stroke:#fff1b5;stroke-width:4}.fc-minimap{position:absolute;right:12px;bottom:12px;width:140px;height:100px;pointer-events:none;background:#132015de;border:1px solid #84926b;border-radius:8px}.fc-outline{margin-top:20px;border:1px solid #5a705244;border-radius:12px;padding:20px}.fc-outline summary{cursor:pointer;color:#b6d1dd;font-size:13px}.fc-outline article{border-top:1px solid #9ca88c22;padding:14px 0}.fc-outline p{font-size:12px;margin:10px 0 0;overflow-wrap:anywhere}.fc-outline button{text-align:left;max-width:100%;overflow-wrap:anywhere}.fc-evidence-note{margin:25px 0;padding:24px;border:1px solid #97b4c244;border-left:3px solid #a5bfda;border-radius:12px;background:#718ba00a}.fc-evidence-note strong{color:#bbd2e7}.fc-evidence-note p{font-size:14px}.fc-evidence-note .actions{margin-top:16px;font-size:12px}.fc-dialog{width:min(700px,94vw);max-height:85dvh;overflow:auto;background:#152017;border:1px solid #a6bb8b;border-radius:16px;color:#e7eddf;padding:24px}.fc-dialog::backdrop{background:#000b}.fc-dialog h2{font-size:30px}.fc-dialog article{border-top:1px solid #829d6244;margin-top:18px;padding-top:18px}.fc-dialog article p{font-size:12px;margin:8px 0}.fc-dialog article button{margin:5px 8px 5px 0}.fc-dialog h3{overflow-wrap:anywhere}.fc-stage-column:fullscreen{background:#101810;padding:18px;overflow:auto}.fc-stage-column:fullscreen .fc-viewport{height:calc(100dvh - 140px)}.fc-stage-column:fullscreen .fc-outline,.fc-stage-column:fullscreen .fc-evidence-note{display:none}.fc-page [hidden]{display:none!important}.fc-page :is(input,button,select,textarea):focus-visible{outline:2px solid #d8c78c;outline-offset:3px}
@media(max-width:1000px){.fc-layout{grid-template-columns:240px minmax(0,1fr);gap:16px}.fc-side details{padding:14px}.fc-viewport{height:560px}.fc-canvas-tools{gap:5px}.fc-canvas-tools button{font-size:11px;padding:8px 10px}}
@media(max-width:760px){.fc-layout{display:flex;flex-direction:column}.fc-stage-column{width:100%;order:0}.fc-side{width:100%;position:static;max-height:none;order:1;grid-template-columns:1fr}.fc-viewport{height:480px}.fc-hero{padding-top:35px}.fc-hero h1{font-size:38px}.fc-workflow{gap:8px;padding:13px}.fc-workflow>label{width:100%;flex-wrap:wrap}.fc-workflow select{flex:1;min-width:170px}.fc-workflow>button{flex:1}.fc-topbar{align-items:start;gap:15px}.fc-topbar>div{width:100%}.fc-actions{gap:8px}.fc-actions>button{flex:1}.fc-minimap{width:100px;height:70px}.fc-evidence-note{padding:20px}.fc-dialog{padding:20px}.fc-side details[open]{scroll-margin-top:100px}}

/* The page menu and inspector stay in document flow. */
.brawlflow-page header{position:static!important}.brawlflow-page .fc-side{position:static;max-height:none;overflow:visible}.brawlflow-page .fc-viewport{overscroll-behavior:auto}.brawlflow-page .fc-stage-column{align-self:start}.brawlflow-page .fc-page{scroll-margin-top:20px}

.flow-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.flow-example{margin:0;border:1px solid #75846144;border-radius:14px;overflow:hidden;background:#18241b}.flow-example>.rank-image{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;background:#eee;overflow:hidden}.flow-example>.rank-image>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;max-height:100%;margin:0;padding:12px;box-sizing:border-box;object-fit:contain;object-position:center}.flow-example figcaption{padding:22px}.flow-example figcaption h3{color:#e1cc93}.flow-example figcaption p{font-size:14px}.flow-example .text-link{font-size:13px}.flow-example-grid .rank-image:focus-visible{outline-offset:-5px}@media(max-width:700px){.flow-example-grid{grid-template-columns:1fr}.flow-example>.rank-image{aspect-ratio:4/3}}

:root:has(.brawlflow-page){scroll-padding-top:24px}.brawlflow-page section[id]{scroll-margin-top:24px}