/* "Try It" game row: big box art on the left, text centered vertically beside it. One row per game. Shared by all Just___.science sites. */
html body div.try-row { display: flex; align-items: center; gap: 1.3rem; margin: 1.25rem 0; padding: 0.9rem 1.1rem; background: color-mix(in srgb, var(--accent, #2c5cc5) 8%, #ffffff); border-left: 4px solid var(--accent, #2c5cc5); border-radius: 0 6px 6px 0; }
html body div.try-row a.try-box { flex: 0 0 auto; display: block; line-height: 0; }
html body div.try-row a.try-box img { display: block; width: 150px; height: auto; margin: 0; border: 0; border-radius: 0; image-rendering: pixelated; filter: drop-shadow(0 5px 5px rgba(20, 20, 60, 0.32)); transform: perspective(700px) rotateY(-3deg); transition: transform 0.15s ease; }
html body div.try-row a.try-box:hover img, html body div.try-row a.try-box:focus-visible img { transform: perspective(700px) rotateY(-3deg) translateY(-4px); }
html body div.try-row p.try-text { flex: 1 1 auto; margin: 0; overflow: visible; align-self: center; }
@media (max-width: 480px) { html body div.try-row { gap: 0.9rem; padding: 0.7rem; } html body div.try-row a.try-box img { width: 108px; } }
@media (prefers-reduced-motion: reduce) { html body div.try-row a.try-box img { transition: none; } }
@media print { div.try-row { display: none; } }