.gm{--g-paper:#fffbf0;--g-ink:#292d29;--g-muted:#4f5b56;--g-line:#e8dcc0;--g-green:#173d32;--g-gold:#b99a5b;background:var(--g-paper);color:var(--g-ink);border:2px solid var(--g-line);border-radius:22px;flex-direction:column;gap:14px;padding:16px;display:flex;position:relative;box-shadow:0 8px 26px #00000014}.gm a{color:var(--g-green)}.gm .btn{color:var(--g-ink);background:#fff;border-color:#c9d3ce}.gm .btn.btn-primary{background:var(--g-green);color:#fff;border-color:var(--g-green)}.gm-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.gm-title{color:var(--g-ink);margin:0;font-size:clamp(20px,3.6vw,28px);line-height:1.2}.gm-ar{font-family:var(--font-quran);color:var(--g-green);text-align:left;margin:0;font-size:20px}.gm-tools,.gm-levels{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.gm-chip{color:var(--g-ink);font:inherit;cursor:pointer;background:#fff;border:2px solid #d5ddd8;border-radius:999px;min-height:40px;padding:7px 13px;font-size:14px;font-weight:700}.gm-chip[aria-checked=true],.gm-chip.on{border-color:var(--g-green);background:#e9eee4}.gm-chip:focus-visible,.gm button:focus-visible,.mz-board:focus-visible{outline-offset:2px;outline:3px solid #4a90d9}.gm-stage{flex-direction:column;gap:12px;min-height:240px;display:flex;position:relative}.gm-loading{color:var(--g-muted);text-align:center;padding:40px 0}.gm-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.gm-big{border-radius:16px;min-height:52px;padding:10px 22px;font-size:17px}.gm-help{color:var(--g-muted);text-align:center;margin:0;font-size:15px}.gm-end{--tx:-50%;z-index:3;border:3px solid var(--g-gold);text-align:center;background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:8px;width:min(600px,96%);max-height:calc(100% - 16px);padding:18px;animation:.45s cubic-bezier(.2,1.4,.4,1) gm-in;display:flex;position:absolute;top:8px;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 16px 40px #00000040}.gm-end-stars{letter-spacing:4px;color:#e0a800;margin:0;font-size:40px;line-height:1}.gm-end-h{color:var(--g-ink);margin:0;font-size:24px}.gm-end-line{color:var(--g-muted);margin:0}.gm-fact{text-align:left;background:#e9eee4;border:1px solid #9ad1b6;border-radius:16px;max-width:40em;padding:12px 16px}.gm-fact-k{letter-spacing:.06em;text-transform:uppercase;color:var(--g-green);margin:0;font-size:12.5px;font-weight:800}.gm-fact-t{color:var(--g-ink);margin:4px 0;font-size:16px;line-height:1.5}.gm-fact-src{color:var(--g-muted);margin:0;font-size:13.5px}.gm-bubble{z-index:4;border:3px solid var(--g-gold);max-width:90%;color:var(--g-ink);text-align:center;background:#fff;border-radius:18px;padding:10px 18px;font-weight:700;animation:.3s ease-out gm-in;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #00000026}.gm-bubble.oops{border-color:#8e6cd9}@keyframes gm-in{0%{transform:translateX(var(--tx,0)) scale(.6);opacity:0}to{transform:translateX(var(--tx,0)) scale(1);opacity:1}}.gm-bubble{--tx:-50%}.gm-confetti{pointer-events:none;z-index:5;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.gm-confetti i{border-radius:2px;width:10px;height:14px;animation:2.2s ease-in forwards gm-fall;position:absolute;top:-12px}.gm-confetti i.round{border-radius:50%;width:11px;height:11px}.gm-confetti.calm{background:radial-gradient(circle at 50% 30%,#f6c64b59,#0000 60%)}@keyframes gm-fall{to{transform:translate(var(--dx), 520px) rotate(540deg);opacity:.2}}.mz{flex-direction:column;align-items:center;gap:10px;display:flex}.mz-bar{flex-direction:column;align-items:center;gap:2px;display:flex}.mz-info{margin:0;font-size:15px;font-weight:700}.mz-chal{color:#6b5426;margin:0;font-size:14px;font-weight:700}.mz-chal:empty{display:none}.mz-board{touch-action:none;border-radius:14px;width:min(100%,560px,max(300px,100vh - 330px))}.mz-svg{user-select:none;width:100%;height:auto;display:block}.mz-ground{fill:#f3e3bf}.mz-night .mz-ground{fill:#e4ecfa}.mz-border{fill:none;stroke:#8a5a33;stroke-width:4px}.mz-night .mz-border{stroke:#2c3e73}.mz-wall{stroke:#8a5a33;stroke-width:4px;stroke-linecap:round;transition:opacity .35s}.mz-night .mz-wall{stroke:#2c3e73}.mz-l3 .mz-wall,.mz-l4 .mz-wall,.mz-l3 .mz-border,.mz-l4 .mz-border{stroke-width:3.2px}.mz-wall.shimmer{stroke:#e0a800;animation:.3s ease-in-out infinite alternate mz-shimmer}.mz-wall.ghost{stroke:#e0a800;stroke-dasharray:4 5;opacity:.9;animation:.3s ease-in-out infinite alternate mz-shimmer}.mz-wall.gone{opacity:0}.mz-wall.new{animation:.4s ease-out mz-grow}@keyframes mz-shimmer{0%{opacity:.25}to{opacity:1}}@keyframes mz-grow{0%{opacity:0;stroke-width:9px}}.mz-step{stroke:#b99a5b;stroke-width:4px;stroke-dasharray:1 7;stroke-linecap:round;opacity:.8}.mz-night .mz-step{stroke:#4a90d9}.mz-token,.mz-roamer,.mz-monster{transition:transform .16s ease-out}.mz-token>g{transform-box:fill-box;transform-origin:50%}.mz-token.flip>g{transform:scaleX(-1)}.mz-token.bump{animation:.2s mz-bump}@keyframes mz-bump{50%{opacity:.55}}.mz-token.eaten{opacity:0;transition:opacity .25s .25s}.mz-token.home>g{animation:.5s ease-in-out 3 mz-hop}@keyframes mz-hop{50%{transform:translateY(-10px)}}.mz-monster{opacity:0;pointer-events:none}.mz-monster.pop{opacity:1}.mz-monster.pop .mon{transform-box:fill-box;transform-origin:50% 100%;animation:1.4s cubic-bezier(.2,1.5,.4,1) mz-gulp}.mz-monster.pop .mouth{transform-box:fill-box;transform-origin:50%;animation:.25s ease-in-out 4 alternate mz-munch}.mz-monster.pop .pupil{animation:.35s ease-in-out infinite alternate mz-eyes}@keyframes mz-gulp{0%{transform:scale(0)}25%{transform:scale(1.15,.9)}40%{transform:scale(.95,1.08)}55%,85%{transform:scale(1)}to{transform:scale(0)}}@keyframes mz-munch{0%{transform:scaleY(.3)}to{transform:scaleY(1.4)}}@keyframes mz-eyes{0%{transform:translate(-1.5px,1px)}to{transform:translate(1.5px,-1px)}}.mz-roamer .mon{transform-box:fill-box;transform-origin:50% 100%;animation:1.2s ease-in-out infinite alternate mz-wobble}.mz-roamer.chaser .mon>path:first-of-type,.mz-roamer.chaser .mon>path:nth-of-type(2){fill:#f2994a;stroke:#b5651d}.mz-roamer.born>.mon{animation:.45s cubic-bezier(.2,1.6,.4,1) mz-born,1.2s ease-in-out .45s infinite alternate mz-wobble}@keyframes mz-born{0%{transform:scale(0)}}.mz-roamer.full{opacity:0;transition:opacity .6s .3s}.mz-puff>*{transform-box:fill-box;transform-origin:50%;animation:1.2s ease-in-out mz-puff}@keyframes mz-puff{0%{opacity:0;transform:scale(.2)}40%{opacity:1;transform:scale(1.1)}80%{transform:scale(.9)}to{opacity:0;transform:scale(1.3)}}@keyframes mz-wobble{0%{transform:rotate(-6deg)}to{transform:rotate(6deg)}}.mz-pad{grid-template-columns:repeat(3,64px);grid-template-areas:".up.""left down right";gap:8px;display:grid}.mz-l1+.mz-pad,.gm-l1 .mz-pad,.gm-l2 .mz-pad{grid-template-columns:repeat(3,84px)}.mz-arrow{color:#292d29;cursor:pointer;touch-action:manipulation;background:#fff4cc;border:3px solid #b99a5b;border-radius:18px;height:60px;font-size:28px;font-weight:800;box-shadow:0 4px #b99a5b}.gm-l1 .mz-arrow,.gm-l2 .mz-arrow{height:76px;font-size:36px}.mz-arrow:active{transform:translateY(3px);box-shadow:0 1px #b99a5b}.mz-up{grid-area:up}.mz-left{grid-area:left}.mz-down{grid-area:down}.mz-right{grid-area:right}@media (prefers-reduced-motion:reduce){.gm-end,.gm-bubble,.mz-wall.new,.mz-token.home>g,.mz-roamer .mon,.mz-roamer.born>.mon,.mz-puff>*{animation:none}.mz-wall.shimmer,.mz-wall.ghost{opacity:1;animation:none}.mz-monster.pop .mon,.mz-monster.pop .mouth,.mz-monster.pop .pupil{animation:none}.mz-token,.mz-roamer,.mz-monster{transition:none}}@media (width<=480px){.gm-lv-word{display:none}.gm-levels:before{content:"Level";margin-right:2px;font-size:14px;font-weight:700}.gm{border-radius:16px;padding:10px}.mz-pad,.gm-l1 .mz-pad,.gm-l2 .mz-pad{grid-template-columns:repeat(3,72px)}}
