.ap3-mini{display:block;width:100px;height:70px}
.ap3-guide{font-family:Nunito,var(--u-font),sans-serif;color:#20303D}
.ap3-hero{grid-template-columns:minmax(0,1fr) 300px}
.ap3-hero svg{display:block;width:100%;max-width:320px;height:auto;margin:auto}
.ap3-guide svg{font-family:Nunito,var(--u-font),sans-serif;font-variant-numeric:tabular-nums}
.ap3-guide .sg-play svg{display:block;width:100%;max-width:340px;height:auto;margin:0 auto}
.ap3-guide .sg-btn,.ap3-guide .sg-opts button{box-sizing:border-box;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.ap3-guide .sg-opts button:focus-visible{outline:revert}
.ap3-guide [aria-disabled="true"]{opacity:0.45}
.ap3-choices,.ap3-controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.ap3-choices{margin-bottom:12px}
.ap3-controls{margin-top:12px}
.ap3-dimensions{display:grid;gap:8px;justify-content:center;margin-top:12px}
.ap3-dimension{display:flex;align-items:center;gap:8px}
.ap3-dimension>span{flex:1}
.ap3-dimension .sg-btn{width:44px;height:44px;padding:0}
.ap3-work{font-size:16px;line-height:1.5;color:#20303D}
.ap3-work:empty{display:none}
.ap3-work li:nth-child(5){color:#4A7A1E;font-weight:800}
.ap3-cell{transition:opacity 150ms}
.ap3-fade{animation:ap3-fade 200ms both}
.ap3-miss line.ap3-fade{animation-name:ap3-grid-in}
.ap3-ghost{transform-origin:70px 36px;animation:ap3-slide 700ms ease-in-out both,ap3-ghost-in 150ms both}
.ap3-draw{animation:ap3-draw 300ms ease-out both}
@keyframes ap3-fade{from{opacity:0}to{opacity:1}}
@keyframes ap3-grid-in{from{opacity:0}to{opacity:0.45}}
@keyframes ap3-slide{from{transform:translate(108px,0) rotate(-90deg)}to{transform:none}}
@keyframes ap3-ghost-in{from{opacity:0}to{opacity:0.7}}
@keyframes ap3-draw{from{stroke-dashoffset:var(--ap3-length)}to{stroke-dashoffset:0}}
@media(max-width:900px){.ap3-hero{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){
.ap3-guide *,.ap3-guide *::before,.ap3-guide *::after{animation:none!important;transition:none!important}
.ap3-ghost{transform:none;opacity:0.7}
.ap3-draw{stroke-dashoffset:0}
}
