:root{--lab:#6aa8ff;--lab-dark:#2f63d6}h1 span{background:linear-gradient(90deg,#2f63d6,#a77bff 50%,#ff5c5c);color:#0000;-webkit-background-clip:text;background-clip:text}.pattern{justify-items:center;gap:26px;width:100%;max-width:900px;margin:0 auto;display:grid}.train-track{width:100%;padding:8px 4px 16px}.train{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:10px 6px;margin:0 auto;display:flex}@media (width>=700px){.train-track{background:linear-gradient(#0000 82%,#c9b8a0 82% 88%,#0000 88%)}.train{flex-wrap:nowrap}}.train .engine-wrap{order:99}.engine-wrap svg{width:clamp(72px,9vw,96px);height:auto;display:block}.car{--s:clamp(72px, calc((100vw - 200px) / 9), 96px);width:var(--s);height:var(--s);touch-action:manipulation;background:#ffe9a8;border:0;border-radius:16px;place-items:center;padding:8px;display:grid;position:relative;box-shadow:inset 0 0 0 4px #e0b84a,0 5px #2b2440}button.car{cursor:pointer}.car svg{width:100%;height:100%}.car.empty{background:#fff;box-shadow:inset 0 0 0 4px #c9bdf2,0 5px #2b2440}.car.now{box-shadow:inset 0 0 0 5px var(--go), 0 5px 0 #2b2440;animation:1.2s ease-in-out infinite glow}@keyframes glow{50%{transform:translateY(-4px)}}.train.leave{animation:.9s ease-in forwards leave}@keyframes leave{to{transform:translate(110vw)}}.picks{width:100%;max-width:520px}.picks .options{grid-template-columns:repeat(3,minmax(88px,1fr));gap:16px}.picks .option{place-items:center;min-height:104px;padding:12px;display:grid}.picks .option svg{width:72px;height:72px}.pop{animation:.3s ease-out pop}@keyframes pop{0%{transform:scale(.4)}}.wiggle{animation:.4s wiggle}@keyframes wiggle{25%{transform:translate(-8px)}75%{transform:translate(8px)}}.mini-train{justify-content:center;align-items:center;gap:4px;height:100%;display:flex}.mini-car{aspect-ratio:1;background:#ffe9a8;border-radius:6px;width:18%;padding:3px;box-shadow:inset 0 0 0 2px #e0b84a}.mini-car svg{width:100%;height:100%;display:block}
