.mech-event{text-align:center}.mech-event h2{font-size:25px}.mech-event>small{display:block;font-size:14px}.mech-event>strong{display:block;margin:12px;font-size:20px}.mech-event .mech-found-part{height:140px;max-width:70%;object-fit:contain;margin:12px}.mech-parts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.mech-parts-grid>div{border:2px solid #ae95bb;border-radius:14px;background:#f6f2e3;padding:8px}.mech-parts-grid img{height:75px;max-width:100%;object-fit:contain}.mech-parts-grid span,.mech-parts-grid b{display:block;font-size:13px}.mech-parts-grid .missing img{filter:grayscale(1);opacity:.22}.mech-parts-grid .missing b{color:#827c88}.mech-assembly{height:240px;position:relative;max-width:430px;margin:auto}.mech-assembly canvas{height:240px;width:240px;animation:mech-arrival 1.6s both}.assembly-part{position:absolute;width:70px;height:90px;object-fit:contain;left:calc(50% - 35px);top:70px;animation:mech-assemble 1.2s both}.part-0{--x:-140px;--y:-50px}.part-1{--x:-100px;--y:75px}.part-2{--x:140px;--y:-50px}.part-3{--x:100px;--y:75px}.part-4{--x:0px;--y:95px}.part-5{--x:0px;--y:-70px}.mech-award{font-size:18px;font-weight:bold}.mech-event ol{text-align:left;line-height:1.6;padding-left:25px}.mech-event button{margin-top:10px}@keyframes mech-assemble{0%,20%{opacity:1;transform:translate(var(--x),var(--y))}80%,100%{opacity:0;transform:translate(0,0) scale(.6)}}@keyframes mech-arrival{0%,70%{opacity:0;transform:scale(.8)}100%{opacity:1;transform:none}}@media(max-height:500px){.mech-event h2{font-size:21px;margin:6px}.mech-assembly{height:150px}.mech-assembly canvas{height:150px;width:150px}.assembly-part{height:60px;width:50px;top:30px}.mech-event ol{font-size:14px}.mech-event .mech-found-part{height:80px}.mech-event p{margin:8px 0}}@media(prefers-reduced-motion:reduce){.assembly-part{display:none}.mech-assembly canvas{animation:none}}
.mech-assembly canvas{display:block;margin:auto}
@media(max-height:500px){.mech-complete{display:grid;grid-template-columns:150px minmax(0,1fr);gap:4px 16px;align-items:center}.mech-complete>small,.mech-complete>h2,.mech-complete>button{grid-column:1/-1}.mech-complete .mech-assembly{grid-column:1;grid-row:3/6;width:150px;height:140px}.mech-complete .mech-award{font-size:15px}.mech-complete ol{font-size:12px;line-height:1.4;margin:2px 0}.mech-complete p{font-size:12px;margin:3px 0}.mech-complete button{margin-top:6px}}
.mech-part-unknown{height:75px;display:flex;align-items:center;justify-content:center;font-size:46px;font-weight:bold;color:#ae95bb}