.cycle-scroll-hint{display:none;font-size:12px;color:#c5cda9}.cycle-canvas:focus-visible{outline:2px solid #e3c988;outline-offset:4px}
.order-cycle{border:1px solid #657650;border-radius:22px;background:radial-gradient(ellipse at center,#26382a,#101c14);padding:26px;margin-top:36px}.cycle-heading{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#d7c18a;letter-spacing:.08em;border-bottom:1px solid #5d704644;padding-bottom:20px}.cycle-heading span:last-child{color:#b4c2a7;letter-spacing:0}.order-cycle svg{display:block;width:100%;height:auto;font-family:Arial,sans-serif;margin:20px 0}.cy-panel{fill:#1d3023;stroke:#819361;stroke-width:1.5}.cy-title{font-size:20px;fill:#eef0de;font-weight:600}.cy-small{font-size:14px;fill:#c8d6b8}.cy-label{font-size:11px;letter-spacing:.7px;fill:#d5c38b}.cy-orca{font-size:30px;font-weight:700;letter-spacing:5px;fill:#243222}.cycle-lines{fill:none;stroke:#78905d;stroke-width:2;stroke-dasharray:5 5}.cy-token{opacity:0}.cy-token-text{font-size:10px;fill:#1c2c1f;font-weight:700}.cycle-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #63734b;padding-top:20px}.cycle-controls p{font-size:16px;line-height:1.5;color:#e1d7b6;margin:0}.cycle-controls>div{display:flex;gap:10px;flex-shrink:0}.cycle-controls button{padding:11px 18px;border:1px solid #839464;border-radius:25px;background:#263a28;color:#eceddd;cursor:pointer}.cycle-controls button:focus-visible{outline:2px solid #e3c988;outline-offset:4px}.cycle-note{font-size:12px;line-height:1.6;color:#a9b79b;margin:20px 0 0}@media(max-width:650px){.order-cycle{padding:16px}.cycle-heading,.cycle-controls{flex-direction:column;align-items:flex-start}.cycle-heading{font-size:10px}.cycle-controls p{font-size:14px}.order-cycle svg{min-width:650px}.cycle-canvas{overflow-x:auto}.cycle-scroll-hint{display:block}.cycle-note{min-width:0}}
/* A single visual language for decisions, movement, and returned information. */
.cy-panel,.cy-hold>rect:first-child{transition:fill .45s,stroke .45s,filter .45s;stroke:#53694b}
.cy-rules>.cy-panel{fill:#243c2b;stroke:#c6ae70;stroke-width:2;filter:drop-shadow(0 5px 14px #0005)}
.cycle-lines{stroke:#728465;stroke-opacity:.28;stroke-dasharray:none;marker-end:url(#cy-arrow)}
.cycle-lines path{transition:stroke-opacity .3s,stroke .3s}
.cycle-lines .cy-return{stroke:#8dcfc6}
.cycle-lines .is-active{stroke-opacity:1;stroke:#dec78a;filter:drop-shadow(0 0 5px #d9bd6855)}
.cycle-lines .cy-return.is-active{stroke:#9ed9d0;filter:drop-shadow(0 0 5px #9ed9d055)}
.cy-token{filter:drop-shadow(0 3px 7px #0008)}
.cy-shop .cy-small{font-size:12px}
.order-cycle .cy-hold>rect:first-child{fill:#302d20;stroke:#8a784d;stroke-width:1.5}
.order-cycle[data-phase="1"] .cy-rules>.cy-panel,.order-cycle[data-phase="6"] .cy-rules>.cy-panel{stroke:#f0d89b;filter:drop-shadow(0 0 12px #d6b56b44)}
.order-cycle[data-phase="6"] .cy-hold>rect:first-child{stroke:#e5c989;fill:#3c3726}
.order-cycle[data-phase="7"] .cy-hold>rect:first-child,.order-cycle[data-phase="8"] .cy-hold>rect:first-child,.order-cycle[data-phase="9"] .cy-hold>rect:first-child,.order-cycle[data-phase="10"] .cy-hold>rect:first-child{stroke:#b3cf93;fill:#293e2a}
.order-cycle .cy-partner>.cy-panel,.order-cycle .cy-updates>.cy-panel{stroke-width:1.5;stroke:#53694b}
.order-cycle[data-phase="3"] .cy-partner>.cy-panel,.order-cycle[data-phase="8"] .cy-partner>.cy-panel{fill:#30472d;stroke:#d1cc8a;filter:drop-shadow(0 0 10px #bad59522)}
.order-cycle[data-phase="4"] .cy-updates>.cy-panel,.order-cycle[data-phase="5"] .cy-updates>.cy-panel,.order-cycle[data-phase="9"] .cy-updates>.cy-panel,.order-cycle[data-phase="10"] .cy-updates>.cy-panel{fill:#203b34;stroke:#8dcfc6}
.cy-first-done .cy-shop>rect:nth-of-type(3),.cy-all-done .cy-shop>rect:nth-of-type(4){fill:#254a3e;stroke:#8dcfc6;stroke-width:1.5}
.cy-first-done [data-cycle-shop-ready],.cy-all-done [data-cycle-shop-held]{fill:#bce9dd}
@media(prefers-reduced-motion:reduce){.order-cycle *{transition:none!important}}

.cy-rules>image{filter:invert(1);opacity:.94}