/* ===== Kartu menu level: Perhitungan & Logika Sederhana dibuat seragam ===== */
html body :is(#mathLevelsPage,#lgLevelsPage) .level-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important;width:100%!important;max-width:1240px!important;margin:18px auto 0!important;padding:4px 4px 16px!important;overflow:visible!important;box-sizing:border-box!important;align-items:stretch!important;justify-content:stretch!important}
html body :is(#mathLevelsPage,#lgLevelsPage) .level-grid>.level-card{position:relative!important;display:flex!important;flex-direction:column!important;flex:none!important;width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:18px 16px 16px!important;border-radius:22px!important;box-sizing:border-box!important;overflow:hidden!important}
html body :is(#mathLevelsPage,#lgLevelsPage) .level-grid>.level-card .level-number{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;margin:0 0 14px!important;border-radius:13px!important;font-size:1rem!important;line-height:1!important;flex-shrink:0!important}
html body :is(#mathLevelsPage,#lgLevelsPage) .level-grid>.level-card h2{margin:0 0 6px!important;font-size:1rem!important;line-height:1.3!important;font-weight:900!important;height:2.6em!important;min-height:2.6em!important;max-height:2.6em!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}
html body :is(#mathLevelsPage,#lgLevelsPage) .level-grid>.level-card p{margin:0 0 12px!important;font-size:.76rem!important;line-height:1.45!important;height:4.35em!important;min-height:4.35em!important;max-height:4.35em!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;color:var(--muted)!important}
html body :is(#mathLevelsPage,#lgLevelsPage) .level-grid>.level-card .game-preview{height:64px!important;min-height:64px!important;margin:0 0 12px!important;font-size:1.7rem!important;line-height:1!important;border-radius:14px!important;flex-shrink:0!important}
html body :is(#mathLevelsPage,#lgLevelsPage) .level-grid>.level-card .level-stars{display:flex!important;align-items:center!important;gap:6px!important;margin:0 0 8px!important;font-size:.74rem!important;font-weight:900!important;letter-spacing:0!important;line-height:1.2!important;color:var(--ink)!important}
html body :is(#mathLevelsPage,#lgLevelsPage) .level-grid>.level-card .level-stars .game-stars{margin:0!important;font-size:.95rem!important;letter-spacing:1px!important}
html body :is(#mathLevelsPage,#lgLevelsPage) .level-grid>.level-card .level-time{display:inline-flex!important;align-self:flex-start!important;margin:0 0 14px!important;padding:4px 9px!important;border-radius:9px!important;font-size:.68rem!important;font-weight:900!important;line-height:1.2!important}
html body :is(#mathLevelsPage,#lgLevelsPage) .level-grid>.level-card .btn{margin-top:auto!important;width:100%!important;height:auto!important;min-height:40px!important;padding:9px 10px!important;border-radius:12px!important;font-size:.8rem!important;line-height:1.2!important;white-space:nowrap!important}
/* penanda status di pojok kanan atas */
html body :is(#mathLevelsPage,#lgLevelsPage) .level-card .lv-status{position:absolute;top:28px;right:14px;z-index:3;display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;font:900 .68rem/1 Nunito,"Segoe UI",Arial,sans-serif;white-space:nowrap;pointer-events:none}
html body :is(#mathLevelsPage,#lgLevelsPage) .level-card .lv-status::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
html body :is(#mathLevelsPage,#lgLevelsPage) .level-card .lv-status.done{background:#dcfce7;color:#15803d;border:1px solid #86efac}
html body :is(#mathLevelsPage,#lgLevelsPage) .level-card .lv-status.fail{background:#fee2e2;color:#b91c1c;border:1px solid #fca5a5}
html body :is(#mathLevelsPage,#lgLevelsPage) .level-grid>.level-card.lv-done{border:2px solid #86efac!important}
html body :is(#mathLevelsPage,#lgLevelsPage) .level-grid>.level-card.lv-fail{border:2px solid #fca5a5!important}
@media(max-width:1100px){html body :is(#mathLevelsPage,#lgLevelsPage) .level-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){html body :is(#mathLevelsPage,#lgLevelsPage) .level-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:520px){html body :is(#mathLevelsPage,#lgLevelsPage) .level-grid{grid-template-columns:1fr!important}}