/* Static examples: accessible without JavaScript or starting the game. */
.recovery-panel { color: #24362f; background: #faf7ef; border: 1px solid #dacda9; border-radius: 18px; padding: clamp(18px, 4vw, 36px); margin: 26px 0; }
.recovery-panel h2, .recovery-panel h3 { color: #173f33; margin-top: 0; line-height: 1.25; }
.recovery-panel p, .recovery-panel li { line-height: 1.7; }
.recovery-panel li + li { margin-top: 14px; }
.recovery-panel a { color: #793247; text-decoration: underline; text-underline-offset: .2em; }
.recovery-home { max-width: 1160px; margin: 36px auto; width: calc(100% - 32px); box-sizing: border-box; }
.recovery-home-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: center; }
.recovery-screen { margin: 24px 0; }
.recovery-screen img { display: block; width: 100%; height: auto; border-radius: 12px; }
.recovery-screen figcaption, .recovery-cards > figcaption { font-size: .9rem; line-height: 1.5; margin-top: 12px; }
.recovery-gallery { margin: 24px 0; }
.recovery-cards { margin: 24px 0; }
.recovery-card-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: clamp(8px, 2vw, 20px); }
.recovery-card-grid--hand { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 500px; }
.recovery-card-grid--pair { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 330px; }
.recovery-card { margin: 0; text-align: center; min-width: 0; }
.recovery-card-art { display: block; width: 100%; aspect-ratio: 128 / 203; background-repeat: no-repeat; }
.recovery-card figcaption { font-size: .88rem; line-height: 1.4; padding-top: 8px; overflow-wrap: anywhere; }
.recovery-card strong { display: block; margin-top: 4px; }
.recovery-table-wrap { overflow-x: auto; }
.recovery-table { border-collapse: collapse; width: 100%; font-size: .95rem; }
.recovery-table th, .recovery-table td { padding: 12px 10px; border-bottom: 1px solid #d3c8af; text-align: start; vertical-align: top; }
.recovery-table thead { background: #eee7d6; }
.recovery-credit { margin: 12px 0; font-size: .9rem; }
.recovery-toc { display: block; margin-top: 12px; }
@media (max-width: 700px) { .recovery-home-grid { grid-template-columns: 1fr; gap: 0; } .recovery-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .recovery-card-grid--hand { grid-template-columns: repeat(3, minmax(0, 1fr)); } .recovery-table th, .recovery-table td { padding: 10px 6px; } }
.card-1o { background-image: url("/assets/data/cartes/barallaAtlas_v3-71cbe2b23eeca8e4df9db183bf958743.webp"); background-size: 721.87500% 713.79310%; background-position: 33.41709% 50.00000%; }
.card-3o { background-image: url("/assets/data/cartes/barallaAtlas_v3-71cbe2b23eeca8e4df9db183bf958743.webp"); background-size: 721.87500% 713.79310%; background-position: 83.16583% 16.77368%; }
.card-12o { background-image: url("/assets/data/cartes/barallaAtlas_v3-71cbe2b23eeca8e4df9db183bf958743.webp"); background-size: 721.87500% 713.79310%; background-position: 16.83417% 66.61316%; }
.card-11o { background-image: url("/assets/data/cartes/barallaAtlas_v3-71cbe2b23eeca8e4df9db183bf958743.webp"); background-size: 721.87500% 713.79310%; background-position: 50.00000% 16.77368%; }
.card-10o { background-image: url("/assets/data/cartes/barallaAtlas_v3-71cbe2b23eeca8e4df9db183bf958743.webp"); background-size: 721.87500% 713.79310%; background-position: 0.25126% 99.83949%; }
.card-7o { background-image: url("/assets/data/cartes/barallaAtlas_v3-71cbe2b23eeca8e4df9db183bf958743.webp"); background-size: 721.87500% 713.79310%; background-position: 99.74874% 83.22632%; }
.card-6o { background-image: url("/assets/data/cartes/barallaAtlas_v3-71cbe2b23eeca8e4df9db183bf958743.webp"); background-size: 721.87500% 713.79310%; background-position: 99.74874% 33.38684%; }
.card-5o { background-image: url("/assets/data/cartes/barallaAtlas_v3-71cbe2b23eeca8e4df9db183bf958743.webp"); background-size: 721.87500% 713.79310%; background-position: 33.41709% 0.16051%; }
.card-4o { background-image: url("/assets/data/cartes/barallaAtlas_v3-71cbe2b23eeca8e4df9db183bf958743.webp"); background-size: 721.87500% 713.79310%; background-position: 50.00000% 66.61316%; }
.card-2o { background-image: url("/assets/data/cartes/barallaAtlas_v3-71cbe2b23eeca8e4df9db183bf958743.webp"); background-size: 721.87500% 713.79310%; background-position: 33.41709% 99.83949%; }
.card-1c { background-image: url("/assets/data/cartes/barallaAtlas_v3-71cbe2b23eeca8e4df9db183bf958743.webp"); background-size: 721.87500% 713.79310%; background-position: 99.74874% 66.61316%; }
.card-3c { background-image: url("/assets/data/cartes/barallaAtlas_v3-71cbe2b23eeca8e4df9db183bf958743.webp"); background-size: 721.87500% 713.79310%; background-position: 16.83417% 50.00000%; }
.card-12c { background-image: url("/assets/data/cartes/barallaAtlas_v3-71cbe2b23eeca8e4df9db183bf958743.webp"); background-size: 721.87500% 713.79310%; background-position: 83.16583% 83.22632%; }
.card-4e { background-image: url("/assets/data/cartes/barallaAtlas_v3-71cbe2b23eeca8e4df9db183bf958743.webp"); background-size: 721.87500% 713.79310%; background-position: 16.83417% 16.77368%; }