.scoring-twister{display:flex;padding:0 0 2rem;flex-direction:column;text-align:center;inline-size:100%}summary{cursor:pointer}.scoring{inline-size:100%;background:var(--primary);border-radius:var(--border-radius);padding:2rem;display:flex;gap:2rem;flex-direction:column}.scoring-column{text-align:start}.scoring-column ul{padding:1rem 0}.scoring-column li{font-size:1.6rem;margin:0 0 1rem;padding:0 0 1rem;border-bottom:1px dotted #ccc;display:flex;justify-content:space-between;align-items:center}.scoring-column li span{border-radius:var(--border-radius-inner);border:1px solid var(--win);color:var(--white);padding:.5rem 1rem;text-transform:uppercase;font-weight:700;letter-spacing:.1rem;font-size:1.6rem;inline-size:4rem;text-align:center;flex-shrink:0}.scoring-column li span.negative{border-color:var(--lose)}@container predictColumn (min-width: 498px){.scoring{flex-direction:row}.scoring-column{flex:1;text-align:start}}@media screen and (min-width: 1024px){.scoring{flex-direction:row;gap:2rem}.scoring-column{flex:1}}