.yy-alan{position:relative;width:min(100%,360px);margin:6px auto 8px}.yy-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px;border-radius:18px;background:#1d2140}.yy-yer{aspect-ratio:1;border-radius:12px;background:#2a2f57;display:grid;place-items:center;box-shadow:inset 0 -4px 0 rgb(0 0 0 / 0.22)}.yy-yer svg{width:74%;height:74%}.yy-yer--kapali{background:#3a3f73}.yy-yer--soru{background:#ffd23f;color:#1b1a45;font-weight:800;font-size:1.8rem}.yy-yer--dogru{box-shadow:inset 0 0 0 4px #3ddc84}.yy-yer--yanlis{box-shadow:inset 0 0 0 4px #e5484d}.yy-alan .yy-basla{position:absolute;inset:0;margin:auto;width:fit-content;height:fit-content}.yy-alan .yy-basla[hidden]{display:none}.yy-cubuk{width:min(100%,360px);height:8px;margin:0 auto 10px;border-radius:4px;background:var(--yuzey-2);overflow:hidden}.yy-cubuk[hidden]{display:none}.yy-dolgu{height:100%;width:100%;background:var(--k);transform-origin:left}.yy-dolgu--akar{transition:transform linear;transform:scaleX(0)}.yy-eylem{display:flex;justify-content:center;min-height:48px;margin-bottom:6px}.yy-secenekler{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:min(100%,360px);margin:0 auto}.yy-secenekler[hidden],.yy-eylem [hidden]{display:none}.yy-sec{aspect-ratio:1;border:0;border-radius:12px;background:#1d2140;padding:0;cursor:pointer;touch-action:manipulation;box-shadow:inset 0 -4px 0 rgb(0 0 0 / 0.3)}.yy-sec svg{width:70%;height:70%}.yy-sec:focus-visible{outline:3px solid #8fb4ff;outline-offset:2px}.yy-sec--dogru{box-shadow:inset 0 0 0 4px #3ddc84}.yy-sec--yanlis{box-shadow:inset 0 0 0 4px #e5484d}@media (prefers-reduced-motion:reduce){.yy-dolgu--akar{transition:none}}