.four-finder-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.four-finder-head h1{margin:.25rem 0}.four-finder-status{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:1.25rem 0;padding:1rem 1.15rem;border:2px solid #1a1930;border-radius:18px;background:#f2ffcf}.four-finder-status span{font-weight:800;color:#5c287e}.four-finder-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.four-finder-option{min-height:92px;padding:1rem;border:2px solid #1a1930;border-radius:18px;background:#fff;color:#171526;text-align:left;box-shadow:0 5px 0 #1a1930;transition:transform .15s,background .15s}.four-finder-option:not(:disabled):active{transform:translateY(4px);box-shadow:0 1px 0 #1a1930}.four-finder-option strong,.four-finder-option small{display:block}.four-finder-option strong{font-size:1.15rem}.four-finder-option small{margin-top:.35rem;opacity:.72}.four-finder-option.correct{background:#b9ff39}.four-finder-option.wrong{background:#ff729f;color:#2a0e1b}.four-finder-option:disabled{opacity:1;cursor:default}.four-finder-score{margin-top:1.4rem}.four-finder-score h2{margin-bottom:.6rem}
@media(max-width:620px){.four-finder-head{display:block}.four-finder-head .secondary{margin-top:.75rem}.four-finder-status{display:block}.four-finder-status span{display:block;margin-top:.35rem}.four-finder-options{grid-template-columns:1fr}.four-finder-option{min-height:72px}}