.integration-board__rows{margin:0;padding:8px 10px 4px;list-style:none}.integration-board__row{--tone:var(--ok);animation:sl-row-in .5s cubic-bezier(.2, 1.4, .4, 1) calc(.6s + var(--i) * .3s) backwards;border-bottom:1.5px dashed #14291f38;border-radius:10px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:12px 8px;transition:transform .16s,background .16s;display:grid}.integration-board__row:last-child{border-bottom:0}.integration-board__row[data-state=planned]{--tone:var(--warn)}.integration-board__row:hover{background:#ffce4f38;transform:translate(3px)}.integration-board__mark{width:36px;height:36px;color:var(--hud-fg);background:var(--hud-bg);border:2px solid var(--hud-bd);font:20px/1 var(--f-pixel);border-radius:8px;place-items:center;display:inline-grid}.integration-board__mark img{background:var(--paper);box-sizing:content-box;border-radius:4px;padding:2px;display:block}.integration-board__row[data-state=planned] .integration-board__mark{opacity:.55}.integration-board__body{gap:3px;min-width:0;display:grid}.integration-board__lever{color:var(--tone);font:600 11px/1.2 var(--f-mono);letter-spacing:.08em}.integration-board__body b{font-size:15px;font-weight:700;line-height:1.3}.integration-board__bar{background:#14291f14;border-radius:999px;height:6px;margin-top:6px;display:block;position:relative;overflow:hidden}.integration-board__bar i{background:var(--tone);border-radius:inherit;transform-origin:0;width:100%;height:100%;animation:sl-bar .9s cubic-bezier(.22, 1, .36, 1) calc(.9s + var(--i) * .3s) backwards;display:block}.integration-board__row[data-state=in] .integration-board__bar:after{content:"";border-radius:inherit;width:22%;height:100%;animation:ib-packet 3s linear calc(2s + var(--i) * .45s) infinite backwards;background:linear-gradient(90deg,#0000,#ffce4ff2,#0000);position:absolute;top:0;left:0}.integration-board__row[data-state=planned] .integration-board__bar{background:0 0;border:1.5px dashed #a34f0973;height:7px}.integration-board__row[data-state=planned] .integration-board__bar i{display:none}@keyframes ib-packet{0%{transform:translate(-100%)}to{transform:translate(460%)}}.tycoon .integration-timeline{--n:3;margin-top:44px;position:relative}.tycoon .integration-timeline ol{grid-template-columns:repeat(var(--n), minmax(0, 1fr));gap:32px;margin:0;padding:0;list-style:none;display:grid}.tycoon .integration-timeline__rail{background:#f6efdd38;border-radius:2px;height:3px;position:absolute;top:13px;left:14px;right:0}.tycoon .integration-timeline__rail:before{content:"";background:var(--hl-bg);border-radius:inherit;transform-origin:0;transition:transform 1.4s cubic-bezier(.22,1,.36,1) .2s;position:absolute;inset:0;transform:scaleX(0)}.tycoon .integration-timeline[data-shown=true] .integration-timeline__rail:before{transform:scaleX(1)}.tycoon .integration-timeline__rail i{background:var(--paper);width:13px;height:13px;box-shadow:0 0 0 2px var(--ink);border-radius:3px;animation:4.5s cubic-bezier(.45,0,.55,1) 1.6s infinite backwards it-packet;position:absolute;top:-5px;left:0}.tycoon .integration-timeline__step{padding-top:46px;position:relative}.tycoon .integration-timeline__node{background:var(--hud-bg);border:3px solid var(--hl-bg);width:29px;height:29px;transition:transform .45s cubic-bezier(.2, 1.4, .4, 1) calc(.3s + var(--i) * .45s);border-radius:50%;position:absolute;top:0;left:0;transform:scale(0)}.tycoon .integration-timeline__node:after{content:"";background:var(--hl-bg);animation:it-node 4.5s ease-out calc(1.6s + 4.5s * var(--i) / var(--n)) infinite backwards;border-radius:50%;position:absolute;inset:6px}.tycoon .integration-timeline[data-shown=true] .integration-timeline__node{transform:none}.tycoon .integration-timeline__step h3{color:var(--white);opacity:0;transition:opacity .5s ease calc(.45s + var(--i) * .45s), transform .5s ease calc(.45s + var(--i) * .45s);font-size:20px;font-weight:800;line-height:1.25;transform:translateY(8px)}.tycoon .integration-timeline__step p{color:#fffdf4db;opacity:0;transition:opacity .5s ease calc(.6s + var(--i) * .45s);margin-top:8px;line-height:1.6}.tycoon .integration-timeline[data-shown=true] .integration-timeline__step h3,.tycoon .integration-timeline[data-shown=true] .integration-timeline__step p{opacity:1;transform:none}.tycoon .integration-timeline:not([data-shown=true]) *{animation-play-state:paused!important}@keyframes it-packet{0%{opacity:0;left:0}8%{opacity:1}86%{opacity:1}to{opacity:0;left:calc(100% - 13px)}}@keyframes it-node{0%{box-shadow:0 0 #ffce4f99}22%,to{box-shadow:0 0 0 12px #ffce4f00}}@media (max-width:760px){.tycoon .integration-timeline ol{grid-template-columns:1fr;gap:28px;padding-left:48px}.tycoon .integration-timeline__rail{width:3px;height:auto;inset:14px auto 0 13px}.tycoon .integration-timeline__rail:before{transform-origin:top;transform:scaleY(0)}.tycoon .integration-timeline[data-shown=true] .integration-timeline__rail:before{transform:scaleY(1)}.tycoon .integration-timeline__rail i{display:none}.tycoon .integration-timeline__step{padding-top:0}.tycoon .integration-timeline__node{left:-48px}}@media (prefers-reduced-motion:reduce){.integration-board__row,.integration-board__bar i,.integration-board__row[data-state=in] .integration-board__bar:after,.tycoon .integration-timeline__rail i,.tycoon .integration-timeline__node:after{animation:none}.integration-board__row[data-state=in] .integration-board__bar:after,.tycoon .integration-timeline__rail i{display:none}.integration-board__row:hover{transform:none}.tycoon .integration-timeline__rail:before,.tycoon .integration-timeline__node,.tycoon .integration-timeline__step h3,.tycoon .integration-timeline__step p{transition:none}.tycoon .integration-timeline__rail:before{transform:none}.tycoon .integration-timeline__node,.tycoon .integration-timeline__step h3,.tycoon .integration-timeline__step p{opacity:1;transform:none}}