/* H22 Material Marketplace — 28s loop: browse → create listing from leftover inventory → listing lands in grid → buyer messages → mark sold → My Listings (needs hero-graphics.css shell) */
.rcg .h22{--t:28s}
.rcg .h22 .top{margin-bottom:0;height:28px}
.rcg .h22 .tabs2{display:flex;gap:18px;height:28px;align-items:stretch}.rcg .h22 .tb{position:relative;display:flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;color:var(--g-mute,#6b7280);border-bottom:2px solid transparent;white-space:nowrap}
.rcg .h22 .tb.t1{animation:mmT1 var(--t) step-end infinite}.rcg .h22 .tb.t2{animation:mmT2 var(--t) step-end infinite}.rcg .h22 .tb.t3{animation:mmT3 var(--t) step-end infinite}
@keyframes mmT1{0%,36%{color:var(--blue);border-color:var(--blue)}36.01%,100%{color:var(--g-mute,#6b7280);border-color:transparent}}
@keyframes mmT3{0%,36%{color:var(--g-mute,#6b7280);border-color:transparent}36.01%,69.5%{color:var(--blue);border-color:var(--blue)}69.51%,100%{color:var(--g-mute,#6b7280);border-color:transparent}}
@keyframes mmT2{0%,69.5%{color:var(--g-mute,#6b7280);border-color:transparent}69.51%,100%{color:var(--blue);border-color:var(--blue)}}
.rcg .h22 .bdg{min-width:14px;height:14px;border-radius:7px;background:var(--red);color:#fff;font-size:7.5px;font-weight:700;display:grid;place-items:center;padding:0 4px;flex:none;margin-left:1px;opacity:0;transform-origin:center;animation:mmBdg var(--t) ease-out infinite}
.rcg .h22 .tb.t3{overflow:visible}
@keyframes mmBdg{0%,32%{opacity:0;transform:scale(.6)}33%,36.4%{opacity:1;transform:none}36.5%,100%{opacity:0;transform:scale(.6)}}
.rcg .h22 .btn.cl{animation:mmPress9 var(--t) step-end infinite}@keyframes mmPress9{0%,9%{filter:none}9.01%,9.6%{filter:brightness(.85)}9.61%,100%{filter:none}}
/* app-style status chips */
.rcg .hg.h22 .chip{border-radius:4px}.rcg .hg.h22 .chip.st{color:var(--g-ink2,#3a3f4b);border-color:var(--g-line,#e6e8ed);background:var(--g-bg,#fff)}
.rcg .hg.h22 .chip.st.g::before{background:var(--grn)}.rcg .hg.h22 .chip.st.b::before{background:var(--blue)}
/* views */
.rcg .h22 .vw{position:absolute;left:22px;right:22px;top:58px;bottom:18px;opacity:0}
.rcg .h22 .vw.br{opacity:1;animation:mmVbr var(--t) ease-in-out infinite}.rcg .h22 .vw.ms{animation:mmVms var(--t) ease-in-out infinite}.rcg .h22 .vw.ml{animation:mmVml var(--t) ease-in-out infinite}
@keyframes mmVbr{0%,36%{opacity:1;transform:none}37.5%,100%{opacity:0;transform:translateX(-10px)}}
@keyframes mmVms{0%,37.5%{opacity:0;transform:translateX(10px)}39%,69%{opacity:1;transform:none}70.5%,100%{opacity:0;transform:translateX(-10px)}}
@keyframes mmVml{0%,70.5%{opacity:0;transform:translateX(10px)}72%,100%{opacity:1;transform:none}}
/* browse */
.rcg .h22 .flt{display:flex;gap:8px;align-items:center}.rcg .h22 .srch{width:190px;white-space:nowrap;overflow:hidden}
.rcg .h22 .lo{margin-left:auto;height:26px;border:1px solid var(--g-blueline,#bfd3fb);background:var(--g-bluetint,#eef3ff);color:var(--blue);border-radius:6px;padding:0 9px;font-size:9.5px;font-weight:600;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.rcg .h22 .lo .sw{min-width:14px;height:14px;border-radius:7px;background:var(--g-bg,#fff);font-size:8px;place-items:center;color:var(--g-ink2,#3a3f4b)}.rcg .h22 .lo .sw>*{text-align:center}
.rcg .h22 .c1 .a{animation:mmA23 var(--t) step-end infinite}.rcg .h22 .c1 .b{animation:mmB23 var(--t) step-end infinite}
@keyframes mmA23{0%,23%{opacity:1}23.01%,100%{opacity:0}}@keyframes mmB23{0%,23%{opacity:0}23.01%,100%{opacity:1}}
.rcg .h22 .gwrap{margin:10px -8px 0;padding:8px;overflow:hidden}.rcg .h22 .grid{position:relative;height:330px}
.rcg .h22 .tile{position:absolute;width:calc(25% - 7.5px);height:160px;left:calc(var(--c)*(25% + 2.5px));top:calc(var(--r)*170px);border:1px solid var(--g-line,#e6e8ed);border-radius:8px;overflow:hidden;background:var(--g-bg,#fff)}
.rcg .h22 .swt{height:78px;position:relative;background:#888}.rcg .h22 .chs{position:absolute;left:6px;top:6px;display:flex;gap:4px}
.rcg .h22 .swt .chip{height:16px;padding:0 6px;font-size:7.5px;background:rgba(255,255,255,.92);border-color:transparent;color:#111318}.rcg .h22 .swt .chip.yl{background:var(--blue);color:#fff}
.rcg .h22 .bd{padding:7px 8px 6px}.rcg .h22 .bd>b{display:block;font-size:9px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rcg .h22 .bd>small{display:block;font-size:7.5px;color:var(--g-mute,#6b7280);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rcg .h22 .pr{display:flex;align-items:baseline;gap:3px;margin-top:6px;font-size:7.5px;color:var(--g-mute,#6b7280);white-space:nowrap}.rcg .h22 .pr b{font-size:10px;font-weight:700;color:var(--g-ink,#111318)}.rcg .h22 .pr i{font-style:normal}.rcg .h22 .pr span{margin-left:auto}
.rcg .h22 .ft{display:flex;justify-content:space-between;margin-top:7px;padding-top:5px;border-top:1px solid var(--g-line,#e6e8ed);font-size:7.5px;color:var(--g-mute,#6b7280);white-space:nowrap}.rcg .h22 .ft span:last-child{font-weight:700;color:var(--g-ink,#111318)}
/* swatch finishes */
.rcg .h22 .g-grn{background:linear-gradient(115deg,rgba(255,255,255,.32),transparent 45%),linear-gradient(160deg,#1f9a3f,#0a6a29 55%,#17a347)}
.rcg .h22 .g-pur{background:linear-gradient(115deg,rgba(255,255,255,.14),transparent 45%),linear-gradient(160deg,#3f2277,#160d2b 60%,#4a2a86)}
.rcg .h22 .g-org{background:linear-gradient(115deg,rgba(255,255,255,.34),transparent 45%),linear-gradient(160deg,#ff8a2a,#e55d05 60%,#ff8c2e)}
.rcg .h22 .g-blksp{background:radial-gradient(rgba(255,255,255,.35) .4px,transparent .9px) 0 0/5px 5px,linear-gradient(160deg,#1d1d1f,#0a0a0b)}
.rcg .h22 .g-red{background:radial-gradient(rgba(255,255,255,.22) .3px,transparent .8px) 0 0/4px 4px,linear-gradient(160deg,#c0363f,#8c1e27 60%,#c2434b)}
.rcg .h22 .g-wht{background:radial-gradient(rgba(0,0,0,.14) .4px,transparent .9px) 0 0/4px 4px,linear-gradient(160deg,#f2f3f5,#d8dce1 60%,#f7f8fa)}
.rcg .h22 .g-grnsp{background:radial-gradient(rgba(255,255,255,.35) .4px,transparent .9px) 0 0/5px 5px,linear-gradient(160deg,#145a30,#0a3d1f)}
.rcg .h22 .g-blk{background:linear-gradient(115deg,rgba(255,255,255,.22),transparent 45%),linear-gradient(160deg,#2b2b2d,#050506 60%,#1c1c1e)}
.rcg .h22 .g-gry{background:linear-gradient(160deg,#5b6068,#3a3f46)}
.rcg .h22 .g-flip{background:linear-gradient(115deg,rgba(255,255,255,.18),transparent 45%),linear-gradient(160deg,#6a3fb5,#2a7d8a)}
.rcg .h22 .g-pur2{background:linear-gradient(115deg,rgba(255,255,255,.3),transparent 45%),linear-gradient(160deg,#5a2190,#260b45)}
.rcg .h22 .g-blu{background:radial-gradient(rgba(255,255,255,.25) .3px,transparent .8px) 0 0/4px 4px,linear-gradient(160deg,#1d4ed8,#0f2a7a)}
.rcg .h22 .g-clr{background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.7) 45%,transparent 60%),linear-gradient(160deg,#e3e8ef,#c9d1db)}
.rcg .h22 .g-tint{background:linear-gradient(115deg,rgba(255,255,255,.12),transparent 45%),linear-gradient(160deg,#2b2f36,#0d0f12)}
/* insert shift */
.rcg .h22 .m1{animation:mmS1 var(--t) cubic-bezier(.2,.8,.2,1) infinite}.rcg .h22 .m2{animation:mmS2 var(--t) cubic-bezier(.2,.8,.2,1) infinite}.rcg .h22 .m3{animation:mmS3 var(--t) cubic-bezier(.2,.8,.2,1) infinite}.rcg .h22 .m4{animation:mmS4 var(--t) cubic-bezier(.2,.8,.2,1) infinite}.rcg .h22 .m5{animation:mmS5 var(--t) cubic-bezier(.2,.8,.2,1) infinite}.rcg .h22 .m6{animation:mmS6 var(--t) cubic-bezier(.2,.8,.2,1) infinite}.rcg .h22 .m7{animation:mmS7 var(--t) cubic-bezier(.2,.8,.2,1) infinite}.rcg .h22 .m8{animation:mmS8 var(--t) cubic-bezier(.2,.8,.2,1) infinite}
@keyframes mmS1{0%,22.5%{left:0px;top:0px}25%,100%{left:calc(25% + 2.5px);top:0px}}
@keyframes mmS2{0%,22.5%{left:calc(25% + 2.5px);top:0px}25%,100%{left:calc(50% + 5px);top:0px}}
@keyframes mmS3{0%,22.5%{left:calc(50% + 5px);top:0px}25%,100%{left:calc(75% + 7.5px);top:0px}}
@keyframes mmS4{0%,22.5%{left:calc(75% + 7.5px);top:0px}25%,100%{left:0px;top:170px}}
@keyframes mmS5{0%,22.5%{left:0px;top:170px}25%,100%{left:calc(25% + 2.5px);top:170px}}
@keyframes mmS6{0%,22.5%{left:calc(25% + 2.5px);top:170px}25%,100%{left:calc(50% + 5px);top:170px}}
@keyframes mmS7{0%,22.5%{left:calc(50% + 5px);top:170px}25%,100%{left:calc(75% + 7.5px);top:170px}}
@keyframes mmS8{0%,22.5%{left:calc(75% + 7.5px);top:170px}25%,100%{left:0px;top:340px}}
.rcg .h22 .tile.nw{opacity:0;transform:scale(.92);animation:mmNw var(--t) cubic-bezier(.2,.9,.3,1.1) infinite}
@keyframes mmNw{0%,23%{opacity:0;transform:scale(.92);box-shadow:0 0 0 0 rgba(27,100,243,0)}24.5%{opacity:1;transform:none;box-shadow:0 0 0 0 rgba(27,100,243,.55)}30%,100%{opacity:1;transform:none;box-shadow:0 0 0 8px rgba(27,100,243,0)}}
/* create listing popup */
.rcg .h22 .pop.cl{left:230px;top:44px;width:340px;opacity:0;transform:translateY(6px) scale(.97);animation:mmCl var(--t) cubic-bezier(.2,.9,.3,1.1) infinite}
@keyframes mmCl{0%,9.5%{opacity:0;transform:translateY(6px) scale(.97)}10.3%,21.8%{opacity:1;transform:none}22.4%,100%{opacity:0;transform:translateY(2px) scale(.98)}}
.rcg .h22 .lab{margin-top:10px;font-size:8.5px;color:var(--g-mute,#6b7280)}.rcg .h22 .lab b{color:var(--g-ink,#111318);font-weight:700}
.rcg .h22 .inv{margin-top:5px}.rcg .h22 .it{display:flex;align-items:center;gap:8px;height:34px;border:1px solid var(--g-line,#e6e8ed);border-radius:6px;padding:0 8px;margin-top:5px}.rcg .h22 .it>div{flex:1;min-width:0}.rcg .h22 .it b{display:block;font-size:9px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rcg .h22 .it small{display:block;font-size:7.5px;color:var(--g-mute,#6b7280);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rcg .h22 .swt-s{width:22px;height:22px;border-radius:4px;flex:none;display:inline-block;vertical-align:middle}
.rcg .h22 .rd{width:11px;height:11px;border-radius:50%;border:1.5px solid var(--g-mute3,#d1d5db);flex:none;position:relative}
.rcg .h22 .it.pick{opacity:1;animation:mmI1 var(--t) step-end infinite}.rcg .h22 .it.pick .rd{animation:mmRd var(--t) step-end infinite}.rcg .h22 .it.pick .rd::after{content:"";position:absolute;inset:2px;border-radius:50%;background:var(--blue);opacity:0;animation:mmRdk var(--t) step-end infinite}
@keyframes mmI1{0%,13%{border-color:var(--g-line,#e6e8ed);background:transparent}13.01%,100%{border-color:var(--blue);background:var(--g-bluetint,#eef3ff)}}
@keyframes mmRd{0%,13%{border-color:var(--g-mute3,#d1d5db)}13.01%,100%{border-color:var(--blue)}}@keyframes mmRdk{0%,13%{opacity:0}13.01%,100%{opacity:1}}
.rcg .h22 .pop .fr{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;opacity:.4;animation:mmFr var(--t) ease-out infinite}@keyframes mmFr{0%,13.2%{opacity:.4}14%,100%{opacity:1}}
.rcg .h22 .pop .f{display:grid;gap:3px;min-width:0}.rcg .h22 .pop .f i{font-style:normal;font-size:8.5px;color:var(--g-mute,#6b7280)}.rcg .h22 .pop .f b{height:24px;border:1px solid var(--g-line,#e6e8ed);border-radius:6px;padding:0 8px;display:flex;align-items:center;font-size:9.5px;font-weight:600;white-space:nowrap;overflow:hidden;gap:5px}
.rcg .h22 .pop .f b.dd::after{content:"";margin-left:auto;width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.6;flex:none}
.rcg .h22 .pop .f b.ty{animation:mmTyb var(--t) step-end infinite}@keyframes mmTyb{0%,15%{border-color:var(--g-line,#e6e8ed)}15.01%,19%{border-color:var(--blue)}19.01%,100%{border-color:var(--g-line,#e6e8ed)}}
.rcg .h22 .pop .f b.ty em{display:inline-block;overflow:hidden;max-width:0;white-space:nowrap;font-style:normal;border-right:1.5px solid var(--blue);animation:mmTy var(--t) steps(8,end) infinite}
@keyframes mmTy{0%,15.5%{max-width:0}18.5%,100%{max-width:60px}}
.rcg .h22 .tgm{width:18px;height:10px;border-radius:5px;background:var(--blue);position:relative;display:inline-block;flex:none}.rcg .h22 .tgm::after{content:"";position:absolute;top:1.5px;left:9.5px;width:7px;height:7px;border-radius:50%;background:#fff}.rcg .h22 .tgm+.tgm{margin-left:6px}
.rcg .h22 .pop .bt{display:flex;justify-content:flex-end;gap:6px;margin-top:12px}.rcg .h22 .btn.pb{animation:mmPress21 var(--t) step-end infinite}@keyframes mmPress21{0%,21.3%{filter:none}21.31%,21.8%{filter:brightness(.85)}21.81%,100%{filter:none}}
/* messages */
.rcg .h22 .vw.ms{display:grid;grid-template-columns:200px minmax(0,1fr);gap:12px}
.rcg .h22 .th{padding:9px 10px;border:1px solid var(--g-line,#e6e8ed);border-radius:8px;margin-bottom:6px;position:relative}.rcg .h22 .th.on{background:var(--g-hi,#f3f4f6)}.rcg .h22 .th b{display:block;font-size:9.5px;font-weight:700}.rcg .h22 .th small{display:block;font-size:8px;color:var(--g-mute,#6b7280);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:12px}
.rcg .h22 .th .dot{position:absolute;right:10px;top:12px;width:6px;height:6px;border-radius:50%;background:var(--blue);animation:mmDot var(--t) step-end infinite}@keyframes mmDot{0%,43%{opacity:1}43.01%,100%{opacity:0}}
.rcg .h22 .conv{border:1px solid var(--g-line,#e6e8ed);border-radius:8px;display:flex;flex-direction:column;overflow:hidden;min-height:0}
.rcg .h22 .ch{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid var(--g-line,#e6e8ed)}.rcg .h22 .ch>div{flex:1;min-width:0}.rcg .h22 .ch b{display:block;font-size:10px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rcg .h22 .ch small{display:block;font-size:8px;color:var(--g-mute,#6b7280);margin-top:1px}
.rcg .h22 .sold1 .a{animation:mmA55 var(--t) step-end infinite}.rcg .h22 .sold1 .b{animation:mmB55 var(--t) step-end infinite}
@keyframes mmA55{0%,55.3%{opacity:1}55.31%,100%{opacity:0}}@keyframes mmB55{0%,55.3%{opacity:0}55.31%,100%{opacity:1}}
.rcg .h22 .btn.sld{animation:mmSld var(--t) step-end infinite}@keyframes mmSld{0%,55%{filter:none;color:var(--g-ink,#111318)}55.01%,55.3%{filter:brightness(.9);color:var(--g-ink,#111318)}55.31%,100%{filter:none;color:var(--grn)}}
.rcg .h22 .msgs{flex:1;padding:12px;display:flex;flex-direction:column;gap:8px;min-height:0}
.rcg .h22 .bb{max-width:72%;padding:7px 10px;border-radius:10px;font-size:9px;line-height:1.4;opacity:0}.rcg .h22 .bb p{margin:0}.rcg .h22 .bb small{display:block;font-size:7.5px;margin-top:3px;opacity:.65}
.rcg .h22 .bb.in{background:var(--g-hi,#f3f4f6);align-self:flex-start;border-top-left-radius:3px;animation:mmIn var(--t) ease-out infinite}.rcg .h22 .bb.out{background:var(--blue);color:#fff;align-self:flex-end;border-top-right-radius:3px;animation:mmOut var(--t) ease-out infinite}
@keyframes mmIn{0%,40%{opacity:0;transform:translateY(6px)}41%,100%{opacity:1;transform:none}}@keyframes mmOut{0%,51%{opacity:0;transform:translateY(6px)}52%,100%{opacity:1;transform:none}}
.rcg .h22 .sys{align-self:center;font-size:8px;color:var(--g-mute,#6b7280);text-align:center;opacity:0;animation:mmSys var(--t) ease-out infinite}@keyframes mmSys{0%,55.6%{opacity:0;transform:translateY(4px)}56.6%,100%{opacity:1;transform:none}}
.rcg .h22 .comp{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--g-line,#e6e8ed);align-items:center}
.rcg .h22 .ty2{flex:1;height:26px;border:1px solid var(--g-line,#e6e8ed);border-radius:6px;padding:0 9px;display:flex;align-items:center;font-size:9px;overflow:hidden;position:relative;animation:mmTy2b var(--t) step-end infinite}@keyframes mmTy2b{0%,43%{border-color:var(--g-line,#e6e8ed)}43.01%,51%{border-color:var(--blue)}51.01%,100%{border-color:var(--g-line,#e6e8ed)}}
.rcg .h22 .ty2 .ph{color:var(--g-mute2,#9aa0ab);position:absolute;left:9px;animation:mmPh var(--t) step-end infinite}@keyframes mmPh{0%,43%{opacity:1}43.01%,51%{opacity:0}51.01%,100%{opacity:1}}
.rcg .h22 .ty2 em{display:inline-block;overflow:hidden;max-width:0;white-space:nowrap;font-style:normal;animation:mmTy2 var(--t) steps(40,end) infinite}@keyframes mmTy2{0%,43.5%{max-width:0}50%,51%{max-width:330px}51.01%,100%{max-width:0}}
.rcg .h22 .btn.snd{animation:mmPress51 var(--t) step-end infinite}@keyframes mmPress51{0%,51%{filter:none}51.01%,51.5%{filter:brightness(.85)}51.51%,100%{filter:none}}
/* my listings */
.rcg .h22 .kps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.rcg .h22 .tbl{border:1px solid var(--g-line,#e6e8ed);border-radius:8px;overflow:hidden}.rcg .h22 .tbl .hd{padding:7px 10px;background:var(--g-soft,#f6f7f9);border-bottom:1px solid var(--g-line,#e6e8ed)}
.rcg .h22 .tbl .hd,.rcg .h22 .tbl .row{grid-template-columns:minmax(0,1fr) 54px 70px 110px 70px 60px}.rcg .h22 .tbl .row{height:34px;border-bottom:1px solid var(--g-line,#e6e8ed)}.rcg .h22 .tbl .row:last-child{border-bottom:0}
.rcg .h22 .tbl .row>*{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.rcg .h22 .tbl .n{display:flex;align-items:center;gap:8px;font-weight:600}.rcg .h22 .tbl .n>span{overflow:hidden;text-overflow:ellipsis}.rcg .h22 .tbl .n .swt-s{width:18px;height:18px}.rcg .h22 .tbl .amt{font-weight:700}.rcg .h22 .tbl .mu{color:var(--g-mute2,#9aa0ab)}
.rcg .h22 .hintbar{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border:1px dashed var(--g-mute3,#d1d5db);border-radius:8px;font-size:9.5px;color:var(--g-ink2,#3a3f4b)}.rcg .h22 .hintbar b{color:var(--g-ink,#111318);font-weight:700}
/* toasts — top right, under the tab bar */
.rcg .h22 .toast.tA,.rcg .h22 .toast.tB{bottom:auto;top:58px;right:22px}
.rcg .h22 .toast.tA{animation:mmTA var(--t) ease-out infinite}.rcg .h22 .toast.tB{animation:mmTB var(--t) ease-out infinite}.rcg .h22 .toast.tC{animation:mmTC var(--t) ease-out infinite}
@keyframes mmTA{0%,24.5%{opacity:0;transform:translateY(-8px)}25.7%,31.5%{opacity:1;transform:none}32.7%,100%{opacity:0;transform:translateY(-4px)}}
@keyframes mmTB{0%,57%{opacity:0;transform:translateY(-8px)}58.2%,65%{opacity:1;transform:none}66.2%,100%{opacity:0;transform:translateY(-4px)}}
@keyframes mmTC{0%,74%{opacity:0;transform:translateY(8px)}75.2%,86%{opacity:1;transform:none}87.2%,100%{opacity:0;transform:translateY(4px)}}
/* cursor */
.rcg .h22 .cur{animation:mmCur var(--t) cubic-bezier(.3,.7,.3,1) infinite}
@keyframes mmCur{0%,4%{opacity:0;left:560px;top:300px}8%{opacity:1;left:740px;top:36px}9%{left:740px;top:36px;transform:scale(1)}9.4%{transform:scale(.8)}10%{transform:scale(1)}11.5%{left:740px;top:36px}12.8%{left:400px;top:138px}13%{left:400px;top:138px;transform:scale(1)}13.4%{transform:scale(.8)}14%{transform:scale(1)}14.4%{left:400px;top:138px}15%{left:300px;top:262px}15.2%{transform:scale(1)}15.6%{transform:scale(.8)}16.2%{transform:scale(1)}19.5%{left:300px;top:262px}21%{left:512px;top:338px}21.3%{left:512px;top:338px;transform:scale(1)}21.7%{transform:scale(.8)}22.3%{transform:scale(1)}23%{left:512px;top:338px}26%{left:420px;top:300px}33.5%{left:420px;top:300px}35.5%{left:272px;top:36px}36%{left:272px;top:36px;transform:scale(1)}36.4%{transform:scale(.8)}37%{transform:scale(1)}38.5%{left:272px;top:36px}42.5%{left:560px;top:418px}43%{left:560px;top:418px;transform:scale(1)}43.4%{transform:scale(.8)}44%{transform:scale(1)}50%{left:560px;top:418px}50.8%{left:746px;top:418px}51%{left:746px;top:418px;transform:scale(1)}51.4%{transform:scale(.8)}52%{transform:scale(1)}52.5%{left:746px;top:418px}54.5%{left:726px;top:80px}55%{left:726px;top:80px;transform:scale(1)}55.4%{transform:scale(.8)}56%{transform:scale(1)}58%{left:726px;top:80px}62%{left:500px;top:250px}66.5%{left:500px;top:250px}69%{left:170px;top:36px}69.5%{left:170px;top:36px;transform:scale(1)}69.9%{transform:scale(.8)}70.5%{transform:scale(1)}72%{left:170px;top:36px}76%{opacity:1;left:480px;top:300px}86%{opacity:1;left:480px;top:300px}88%,100%{opacity:0;left:480px;top:300px}}