.stroopword{letter-spacing:.04em;background:var(--cell);border-radius:var(--radius);-webkit-user-select:none;user-select:none;border:1px solid #2a3260;justify-content:center;align-items:center;min-height:200px;margin:14px 0;font-size:clamp(44px,14vw,84px);font-weight:800;transition:border-color 80ms,background 80ms;display:flex}.stroopword.good{border-color:var(--win)}.stroopword.bad{border-color:var(--lose);background:#23162a}.stroopkeys{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.skey{cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--cell);color:var(--c);letter-spacing:.02em;border:1px solid #2a3260;border-bottom:3px solid var(--c);border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:12px 2px 10px;font-size:11px;font-weight:700;display:flex}.skey:hover{background:#1a2044}.skey:active{transform:translateY(1px)}.sknum{background:var(--c);color:#0b1020;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-weight:800;display:grid}.stroopdemo{margin:0 0 18px;font-size:20px;font-weight:800}.stroopdemo .arrow{color:var(--muted);margin:0 6px;font-weight:400}.stroopdemo b{font-weight:800}