.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.shield svg,.tiny-icon,.flow-person svg,.flow-escrow svg,.players svg,.stage-icon svg,.arch-flow svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.shield svg{width:19px;height:19px}.tiny-icon{width:13px;height:13px;vertical-align:-2px;margin-right:5px}.panel{border-color:rgba(67,94,130,.38);box-shadow:inset 0 1px rgba(255,255,255,.012),0 18px 55px rgba(0,0,0,.12)}header{border-color:rgba(79,105,140,.18)}.hero{min-height:315px;height:auto;padding-block:36px}.hero-copy{align-self:center}.hero-flow{align-self:center}.flow-person,.flow-escrow,.match-card,.stage,.arch-flow>div{border-color:rgba(72,103,143,.42)}.flow-person i,.flow-escrow i,.players i{padding:9px}.flow-escrow i{padding:5px}.stage-icon{border:1px solid rgba(99,143,214,.15);box-shadow:0 0 28px rgba(31,91,173,.3)}.stage-icon svg{width:28px;height:28px}.stage.complete{border-color:rgba(48,163,124,.48);box-shadow:inset 0 0 24px rgba(30,120,91,.035)}.stage.active{border-color:rgba(91,137,240,.72)}.stage header{border-bottom:1px solid rgba(68,94,131,.25);padding-bottom:10px}.stage button{border-color:rgba(72,102,143,.5);background:rgba(16,32,56,.7)}.arch-flow i{width:31px;height:31px}.arch-flow i svg{width:31px;height:31px}.mid-grid{align-items:stretch}.timeline,.architecture{height:auto;min-height:350px}.events{margin-top:10px}.event-row{min-height:38px;padding-top:4px;padding-bottom:4px;border-bottom:1px solid rgba(51,75,106,.25)}.event-row:last-child{border-bottom:0}.event-row:before{top:8px}.bottom-grid{position:relative}.control{position:relative}.control-title{position:relative;z-index:2}.replay-note{max-width:560px}.private{display:flex;align-items:center}
@media(min-width:1600px){.hero{height:420px;padding-block:48px}.timeline,.architecture{height:390px;min-height:390px}.event-row{min-height:43px;padding-top:5px;padding-bottom:5px}.event-row:before{top:10px}.players i{padding:12px}.stage-icon svg{width:35px;height:35px}.arch-flow i,.arch-flow i svg{width:37px;height:37px}.panel{border-color:rgba(67,94,130,.32)}}
@media(max-width:1599px){.timeline,.architecture{min-height:365px}.event-row{font-size:10px}.hero-actions{margin-bottom:4px}}