/* Batch 2026-11-09 — twelve trade scenes. Paused off-screen by existing .prof-scene observer and by .b3-mini observer. */
.b3-mini{height:118px;margin:4px 0 10px;overflow:hidden;border-radius:12px;border:1px solid #ffffff10}
.b3-mini svg{display:block;width:100%;height:100%}
.b3-mini:not(.is-live) *,.motion-paused .b3-mini *,.page-hidden .b3-mini *{animation-play-state:paused!important}
.article-section dl{display:grid;gap:.7rem;margin:1rem 0 0}
.article-section dl div{padding:.8rem 1rem;border:1px solid #ffffff14;border-radius:14px;background:#ffffff06}
.article-section dt{font-weight:700;color:#c5ff61}
.article-section dd{margin:.25rem 0 0}
.article-section ol.b3-steps{counter-reset:b3;list-style:none;padding:0;display:grid;gap:.6rem}
.article-section ol.b3-steps li{counter-increment:b3;position:relative;padding:.7rem 1rem .7rem 3rem;border-radius:14px;border:1px solid #ffffff14}
.article-section ol.b3-steps li::before{content:counter(b3);position:absolute;left:1rem;top:.7rem;width:1.4rem;height:1.4rem;border-radius:50%;display:grid;place-items:center;font-size:.8rem;font-weight:700;background:#c5ff61;color:#0b1210}
.b3{transform-box:fill-box;transform-origin:center;animation-duration:8s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-fill-mode:both}
.b3-mac-block{animation-name:b3macBlock;animation-duration:12s}
@keyframes b3macBlock{0%{transform:translateY(-90px);opacity:0}6%{transform:translateY(4px);opacity:1}8%,84%{transform:translateY(0);opacity:1}92%,100%{transform:translateY(0);opacity:0}}
.b3-mac-trowel{animation-name:b3macTrowel;animation-duration:3.2s}
@keyframes b3macTrowel{0%,100%{transform:translateX(-360px) rotate(-6deg)}50%{transform:translateX(-60px) rotate(6deg)}}
.b3-mac-bubble{animation-name:b3macBubble;animation-duration:4s}
@keyframes b3macBubble{0%,100%{transform:translateX(-10px)}50%{transform:translateX(26px)}}
.b3-mac-hook{animation-name:b3macHook;animation-duration:5s}
@keyframes b3macHook{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}
.b3-mac-drum{animation-name:b3spin;animation-duration:3s;animation-timing-function:linear}
.b3-mac-dust{animation-name:b3dust;animation-duration:3s}
@keyframes b3dust{0%{transform:translateY(0);opacity:0}30%{opacity:.8}100%{transform:translateY(-60px);opacity:0}}
@keyframes b3spin{to{transform:rotate(360deg)}}
.b3-car-tile{animation-name:b3carTile;animation-duration:10s}
@keyframes b3carTile{0%{transform:scaleY(0) ;opacity:0}6%,82%{transform:scaleY(1);opacity:1}92%,100%{transform:scaleY(.05);opacity:0}}
.b3-car-spacer{animation-name:b3pop;animation-duration:3s}
@keyframes b3pop{0%,100%{transform:scale(.4) rotate(0)}50%{transform:scale(1.25) rotate(45deg)}}
.b3-car-comb path{animation:b3carComb 2.4s linear infinite}
@keyframes b3carComb{to{stroke-dashoffset:-76}}
.b3-car-trowel{animation-name:b3carTrowel;animation-duration:4s}
@keyframes b3carTrowel{0%,100%{transform:translateX(0)}50%{transform:translateX(360px)}}
.b3-car-laser{animation-name:b3carLaser;animation-duration:6s}
@keyframes b3carLaser{0%,100%{transform:rotate(-14deg)}50%{transform:rotate(12deg)}}
.b3-car-sponge{animation-name:b3carSponge;animation-duration:5s}
@keyframes b3carSponge{0%,100%{transform:translate(0,0) rotate(0)}25%{transform:translate(-160px,-60px) rotate(-8deg)}50%{transform:translate(-300px,-130px) rotate(6deg)}75%{transform:translate(-140px,-220px) rotate(-4deg)}}
.b3-pla-stud{animation-name:b3plaStud;animation-duration:9s}
@keyframes b3plaStud{0%{transform:scaleY(0)}10%,85%{transform:scaleY(1)}100%{transform:scaleY(0)}}
.b3-pla-board{animation-name:b3plaBoard;animation-duration:9s}
@keyframes b3plaBoard{0%,25%{transform:translateX(420px);opacity:0}45%,85%{transform:translateX(0);opacity:1}100%{transform:translateX(0);opacity:0}}
.b3-pla-tape path{stroke-dasharray:400;animation:b3plaTape 9s ease-in-out infinite both}
@keyframes b3plaTape{0%,45%{stroke-dashoffset:400}75%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:400}}
.b3-pla-gun{animation-name:b3plaGun;animation-duration:5s}
@keyframes b3plaGun{0%,100%{transform:translateY(-60px)}50%{transform:translateY(190px)}}
.b3-pla-bit{animation-name:b3spin;animation-duration:.6s;animation-timing-function:linear}
.b3-pla-screw{animation-name:b3plaScrew;animation-duration:3.2s}
@keyframes b3plaScrew{0%,100%{transform:scale(.6) rotate(0)}50%{transform:scale(1.2) rotate(180deg)}}
.b3-pla-light{animation-name:b3plaLight;animation-duration:4s}
@keyframes b3plaLight{0%,100%{opacity:.35}50%{opacity:1}}
.b3-cha-sun{animation-name:b3chaSun;animation-duration:16s}
@keyframes b3chaSun{0%,100%{transform:translate(0,60px)}50%{transform:translate(520px,-30px)}}
.b3-cha-raft-l{animation-name:b3chaRaftL;animation-duration:8s}
@keyframes b3chaRaftL{0%,10%{transform:rotate(-42deg)}40%,85%{transform:rotate(0)}100%{transform:rotate(-42deg)}}
.b3-cha-raft-r{animation-name:b3chaRaftR;animation-duration:8s}
@keyframes b3chaRaftR{0%,10%{transform:rotate(42deg)}40%,85%{transform:rotate(0)}100%{transform:rotate(42deg)}}
.b3-cha-king{animation-name:b3chaKing;animation-duration:8s}
@keyframes b3chaKing{0%,30%{transform:scaleY(0)}50%,85%{transform:scaleY(1)}100%{transform:scaleY(0)}}
.b3-cha-purlin{animation-name:b3chaPurlin;animation-duration:8s}
@keyframes b3chaPurlin{0%,40%{transform:translateY(-120px);opacity:0}55%,85%{transform:translateY(0);opacity:1}100%{transform:translateY(0);opacity:0}}
.b3-cha-blade{animation-name:b3spin;animation-duration:.9s;animation-timing-function:linear}
.b3-cha-plank{animation-name:b3chaPlank;animation-duration:6s}
@keyframes b3chaPlank{0%,100%{transform:translateX(-30px)}50%{transform:translateX(110px)}}
.b3-cha-hammer{animation-name:b3chaHammer;animation-duration:1.6s}
@keyframes b3chaHammer{0%,100%{transform:rotate(-38deg)}45%{transform:rotate(8deg)}55%{transform:rotate(4deg)}}
.b3-cha-chip{animation-name:b3fall;animation-duration:2.4s}
@keyframes b3fall{0%{transform:translateY(-10px) rotate(0);opacity:0}20%{opacity:1}100%{transform:translateY(60px) rotate(220deg);opacity:0}}
.b3-cha-bird{animation-name:b3chaBird;animation-duration:14s;animation-timing-function:linear}
@keyframes b3chaBird{0%{transform:translate(-640px,40px)}100%{transform:translate(260px,-20px)}}
.b3-vit-pane{animation-name:b3vitPane;animation-duration:9s}
@keyframes b3vitPane{0%,8%{transform:translateY(-300px);opacity:0}35%,80%{transform:translateY(0);opacity:1}100%{transform:translateY(-300px);opacity:0}}
.b3-vit-glint{animation-name:b3vitGlint;animation-duration:4.5s}
@keyframes b3vitGlint{0%{transform:translateX(-200px)}100%{transform:translateX(300px)}}
.b3-vit-score path{stroke-dasharray:220;animation:b3vitScore 4s ease-in-out infinite both}
@keyframes b3vitScore{0%{stroke-dashoffset:220}70%,100%{stroke-dashoffset:0}}
.b3-vit-cutter{animation-name:b3vitCutter;animation-duration:4s}
@keyframes b3vitCutter{0%{transform:translateX(0)}70%,100%{transform:translateX(220px)}}
.b3-vit-crack{animation-name:b3vitCrack;animation-duration:9s}
@keyframes b3vitCrack{0%,40%{opacity:1;transform:scale(1)}60%,85%{opacity:0;transform:scale(.6)}100%{opacity:1}}
.b3-vit-cloud{animation-name:b3drift;animation-duration:18s}
.b3-vit-cloud2{animation-name:b3drift;animation-duration:24s;animation-direction:reverse}
@keyframes b3drift{0%,100%{transform:translateX(-40px)}50%{transform:translateX(140px)}}
.b3-cui-door{animation-name:b3cuiDoor;animation-duration:6s}
@keyframes b3cuiDoor{0%,20%,100%{transform:scaleX(1)}45%,70%{transform:scaleX(.12)}}
.b3-cui-top{animation-name:b3cuiTop;animation-duration:8s}
@keyframes b3cuiTop{0%,10%{transform:translateY(-120px);opacity:0}30%,90%{transform:translateY(0);opacity:1}100%{transform:translateY(0);opacity:0}}
.b3-cui-steam{animation-name:b3steam;animation-duration:3s}
@keyframes b3steam{0%{transform:translateY(10px);opacity:0}40%{opacity:.8}100%{transform:translateY(-50px);opacity:0}}
.b3-cui-water path{animation:b3flow .6s linear infinite}
@keyframes b3flow{to{stroke-dashoffset:-18}}
.b3-cui-drawer{animation-name:b3cuiDrawer;animation-duration:4.8s}
@keyframes b3cuiDrawer{0%,100%{transform:translateX(0)}40%,60%{transform:translateX(64px)}}
.b3-pis-wave{animation-name:b3pisWave;animation-duration:3s;animation-timing-function:linear}
@keyframes b3pisWave{from{transform:translateX(0)}to{transform:translateX(-160px)}}
.b3-pis-caustic{animation-name:b3pisCaustic;animation-duration:5s}
@keyframes b3pisCaustic{0%,100%{transform:translateX(0);opacity:.4}50%{transform:translateX(-60px);opacity:1}}
.b3-pis-robot{animation-name:b3pisRobot;animation-duration:12s}
@keyframes b3pisRobot{0%,100%{transform:translateX(0)}45%,55%{transform:translateX(360px)}}
.b3-pis-bubble{animation-name:b3pisBubble;animation-duration:3.6s}
@keyframes b3pisBubble{0%{transform:translate(0,0);opacity:0}15%{opacity:.9}100%{transform:translate(40px,-140px);opacity:0}}
.b3-pis-leaf{animation-name:b3pisLeaf;animation-duration:10s}
@keyframes b3pisLeaf{0%,100%{transform:translate(-120px,0) rotate(-12deg)}50%{transform:translate(140px,-4px) rotate(14deg)}}
.b3-pis-impeller{animation-name:b3spin;animation-duration:.8s;animation-timing-function:linear}
.b3-pis-sun{animation-name:b3spin;animation-duration:30s;animation-timing-function:linear}
.b3-cli-louver{animation-name:b3cliLouver;animation-duration:4s}
@keyframes b3cliLouver{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(8deg)}}
.b3-cli-air path{animation:b3cliAir 1.8s linear infinite}
@keyframes b3cliAir{to{stroke-dashoffset:-64}}
.b3-cli-flake{animation-name:b3cliFlake;animation-duration:5s}
@keyframes b3cliFlake{0%{transform:translateY(-30px) rotate(0);opacity:0}20%{opacity:1}100%{transform:translateY(180px) rotate(180deg);opacity:0}}
.b3-cli-fan{animation-name:b3spin;animation-duration:.7s;animation-timing-function:linear}
.b3-cli-flow path{animation:b3cliAir 2.4s linear infinite}
.b3-cli-mercury{animation-name:b3cliMercury;animation-duration:8s}
@keyframes b3cliMercury{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.42)}}
.b3-ram-moon{animation-name:b3drift;animation-duration:30s}
.b3-ram-brush{animation-name:b3ramBrush;animation-duration:4.4s}
@keyframes b3ramBrush{0%,100%{transform:translateY(270px)}50%{transform:translateY(-60px)}}
.b3-ram-spin{animation-name:b3spin;animation-duration:1s;animation-timing-function:linear}
.b3-ram-soot{animation-name:b3ramSoot;animation-duration:3s}
@keyframes b3ramSoot{0%{transform:translateY(-60px);opacity:0}20%{opacity:1}100%{transform:translateY(240px);opacity:0}}
.b3-ram-smoke{animation-name:b3ramSmoke;animation-duration:4.2s}
@keyframes b3ramSmoke{0%{transform:translate(0,30px) scale(.6);opacity:0}30%{opacity:.7}100%{transform:translate(40px,-40px) scale(1.3);opacity:0}}
.b3-ram-flame{animation-name:b3ramFlame;animation-duration:.9s}
@keyframes b3ramFlame{0%,100%{transform:scaleY(1) skewX(0)}50%{transform:scaleY(1.35) skewX(6deg)}}
.b3-ram-check path{stroke-dasharray:70;animation:b3ramCheck 4.4s ease-in-out infinite both}
@keyframes b3ramCheck{0%,40%{stroke-dashoffset:70}70%,100%{stroke-dashoffset:0}}
.b3-fac-cloud{animation-name:b3drift;animation-duration:20s}
.b3-fac-paint{animation-name:b3facPaint;animation-duration:10s}
@keyframes b3facPaint{0%{transform:scaleY(0)}70%,90%{transform:scaleY(1)}100%{transform:scaleY(0)}}
.b3-fac-roller{animation-name:b3facRoller;animation-duration:10s}
@keyframes b3facRoller{0%{transform:translate(-30px,0)}70%,90%{transform:translate(-30px,410px)}100%{transform:translate(-30px,0)}}
.b3-fac-platform{animation-name:b3facPlatform;animation-duration:9s}
@keyframes b3facPlatform{0%,100%{transform:translateY(0)}50%{transform:translateY(-240px)}}
.b3-fac-spray{animation-name:b3facSpray;animation-duration:1.5s;animation-timing-function:linear}
@keyframes b3facSpray{0%{transform:translate(0,0);opacity:0}15%{opacity:1}100%{transform:translate(40px,-14px);opacity:0}}
.b3-fac-jet path{animation:b3flow20 .5s linear infinite}
@keyframes b3flow20{to{stroke-dashoffset:-20}}
.b3-ter-track rect{animation:b3flow22 .8s linear infinite}
@keyframes b3flow22{to{stroke-dashoffset:-22}}
.b3-ter-boom{animation-name:b3terBoom;animation-duration:6s}
@keyframes b3terBoom{0%,100%{transform:rotate(0)}40%{transform:rotate(-22deg)}70%{transform:rotate(14deg)}}
.b3-ter-stick{animation-name:b3terStick;animation-duration:6s}
@keyframes b3terStick{0%,100%{transform:rotate(0)}40%{transform:rotate(28deg)}70%{transform:rotate(-12deg)}}
.b3-ter-bucket{animation-name:b3terBucket;animation-duration:6s}
@keyframes b3terBucket{0%,100%{transform:rotate(0)}40%{transform:rotate(-30deg)}70%{transform:rotate(40deg)}}
.b3-ter-clod{animation-name:b3terClod;animation-duration:3s}
@keyframes b3terClod{0%{transform:translate(0,0);opacity:0}20%{opacity:1}100%{transform:translate(360px,70px);opacity:0}}
.b3-ter-truck{animation-name:b3terTruck;animation-duration:2.2s}
@keyframes b3terTruck{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.b3-ter-flag{animation-name:b3terFlag;animation-duration:1.4s}
@keyframes b3terFlag{0%,100%{transform:scaleX(1) skewY(0)}50%{transform:scaleX(.7) skewY(8deg)}}
.b3-ter-dust{animation-name:b3dust;animation-duration:3.2s}
.b3-fen-rays{animation-name:b3spin;animation-duration:20s;animation-timing-function:linear}
.b3-fen-sash{animation-name:b3fenSash;animation-duration:7s}
@keyframes b3fenSash{0%,15%,100%{transform:scaleX(1)}45%,70%{transform:scaleX(.25)}}
.b3-fen-shutter{animation-name:b3fenShutter;animation-duration:9s}
@keyframes b3fenShutter{0%,100%{transform:scaleY(.25)}50%,62%{transform:scaleY(3.6)}}
.b3-fen-curtain{animation-name:b3fenCurtain;animation-duration:5s}
@keyframes b3fenCurtain{0%,100%{transform:skewX(0)}50%{transform:skewX(-8deg)}}
.b3-fen-tape{animation-name:b3fenTape;animation-duration:5s}
@keyframes b3fenTape{0%,100%{transform:scaleX(.1)}55%,70%{transform:scaleX(1)}}
.b3-fen-air path{animation:b3fenAir 1.6s linear infinite}
@keyframes b3fenAir{0%{stroke-dashoffset:0;opacity:.2}50%{opacity:.9}100%{stroke-dashoffset:-48;opacity:.2}}
.b3-fen-leaf{animation-name:b3fenLeaf;animation-duration:4s}
@keyframes b3fenLeaf{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(7deg)}}
.b3-fen-bird{animation-name:b3fenBird;animation-duration:12s;animation-timing-function:linear}
@keyframes b3fenBird{0%{transform:translate(-700px,30px)}100%{transform:translate(220px,-30px)}}
@media (prefers-reduced-motion:reduce){.b3,.b3 *{animation:none!important;transform:none!important}.b3-mac-block,.b3-car-tile,.b3-vit-pane,.b3-cui-top,.b3-cha-purlin{opacity:1!important}}