.geometry-page{max-width:950px;margin:35px auto 70px;padding:0 16px;direction:rtl}
.geometry-header,.geometry-card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:25px;box-shadow:0 10px 30px rgba(15,23,42,.06);margin-bottom:18px}
.geometry-header h1{margin:0 0 8px;font-size:30px}.geometry-header p{color:#64748b}.geometry-stats{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:18px}.geometry-stats span{background:#f8fafc;border-radius:12px;padding:10px 15px}.geometry-stats b{font-size:20px}
.geometry-instruction{text-align:center;font-size:20px;font-weight:800;margin-bottom:20px}.geometry-matrix{display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));gap:10px;width:min(100%,620px);margin:0 auto 26px}
.geometry-cell{min-height:120px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;display:flex;align-items:center;justify-content:center}.geometry-cell.missing{background:#fff;border:2px dashed #94a3b8}.geometry-a{font-size:34px;font-weight:900;color:#4f46e5}
.geometry-cell svg,.geometry-option svg{width:75%;height:75%;max-width:90px;max-height:90px}.geometry-option svg{max-width:105px;max-height:105px}
.geometry-label{text-align:center;font-weight:800;margin-bottom:12px}.geometry-answers{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px}
.geometry-option{min-height:130px;border:2px solid #e2e8f0;border-radius:14px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s;position:relative}.geometry-option:hover{border-color:#6366f1;background:#fafaff;transform:translateY(-2px)}.geometry-option.correct{border-color:#16a34a;background:#f0fdf4}.geometry-option.wrong{border-color:#dc2626;background:#fef2f2}.geometry-option .choice-label{position:absolute;top:8px;right:10px;font-weight:800;color:#64748b;font-size:13px}
.geometry-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:22px}.g-btn{border:0;border-radius:10px;padding:12px 20px;cursor:pointer;font:inherit}.g-primary{background:#4f46e5;color:#fff}.g-secondary{background:#eef2ff;color:#3730a3}
.g-overlay{position:fixed;inset:0;background:rgba(15,23,42,.58);display:flex;align-items:center;justify-content:center;padding:20px;z-index:99999;opacity:0;visibility:hidden;transition:.2s}.g-overlay.show{opacity:1;visibility:visible}.g-modal{width:min(460px,100%);background:#fff;border-radius:24px;padding:30px 24px;text-align:center;box-shadow:0 25px 70px rgba(0,0,0,.22)}.g-icon{width:64px;height:64px;margin:0 auto 14px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fee2e2;color:#b91c1c;font-size:34px;font-weight:900}.g-modal h2{margin:0;color:#991b1b;font-size:28px}.g-result{margin:18px 0;padding:16px;background:#f8fafc;border-radius:16px}.g-result b{display:block;font-size:42px;color:#4f46e5}.g-result span,.g-result small{display:block;color:#64748b}.g-modal-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.g-modal-actions button{border:0;border-radius:10px;padding:12px 18px;cursor:pointer;font:inherit}.g-view{background:#4f46e5;color:#fff}.g-again{background:#eef2ff;color:#3730a3}
@media(max-width:700px){.geometry-header h1{font-size:24px}.geometry-matrix{gap:7px}.geometry-cell{min-height:90px}.geometry-answers{grid-template-columns:repeat(2,minmax(120px,1fr));gap:9px}.geometry-option{min-height:105px}}

.geometry-shape-image,.geometry-option-image{
    width:78%;
    height:78%;
    max-width:105px;
    max-height:105px;
    object-fit:contain;
    display:block;
    user-select:none;
    -webkit-user-drag:none;
}
.geometry-cell .geometry-shape-image{
    width:70%;
    height:70%;
}
.geometry-option{
    padding:12px;
}