:root{--cream:#fff8ee;--ink:#3b2f2f;--ink-soft:#7a6a60;--orange:#f28c38;--orange-dark:#d9722a;--gold:#ffc93c;--card:#fff;--card-selected:#fff1dc}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at 15% 10%, #ffe9c7 0, transparent 40%), radial-gradient(circle at 85% 90%, #ffe0cc 0, transparent 45%), var(--cream);min-height:100vh;color:var(--ink);font-family:Cairo,sans-serif}#app{text-align:center;max-width:900px;margin:0 auto;padding:32px 16px 48px}[hidden]{display:none!important}.title{margin-bottom:24px;font-size:2.2rem;font-weight:800;line-height:1.5}.intro{flex-direction:column;align-items:center;min-height:calc(100dvh - 80px);display:flex;overflow-x:clip}.intro-top{justify-content:flex-end;align-self:stretch;display:flex}.intro-skip{margin-top:0;font-size:1.05rem}.intro-slides{flex:1;justify-content:center;align-items:center;width:100%;display:flex}.intro-slide{flex-direction:column;align-items:center;gap:10px;animation:.45s both intro-in;display:flex}.intro-slide.from-back{animation-name:intro-back}.intro-slide img{aspect-ratio:1;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:min(100%,420px,46vh);height:auto;display:block}.intro-slide figcaption{max-width:440px;font-size:1.7rem;font-weight:800;line-height:1.6}.intro-slide figcaption span{display:block}.intro-slide figcaption .intro-sub{color:var(--ink-soft);font-size:.72em;font-weight:700}[dir=ltr] .intro-slide{animation-name:intro-back}[dir=ltr] .intro-slide.from-back{animation-name:intro-in}@keyframes intro-in{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:none}}@keyframes intro-back{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}.intro-dots{justify-content:center;gap:8px;margin:16px 0 20px;display:flex}.intro-dots span{background:#ecd9c2;border-radius:999px;width:10px;height:10px;transition:width .25s,background .25s}.intro-dots span.on{background:var(--orange);width:26px}.name-field{max-width:420px;margin:0 auto 28px;display:block}.name-field span,.grid-label{margin-bottom:10px;font-size:1.2rem;font-weight:700;display:block}.name-field input{width:100%;font:inherit;text-align:center;background:var(--card);color:var(--ink);border:3px solid #f0dcc4;border-radius:18px;padding:12px 16px;font-size:1.5rem;font-weight:700}.name-field input:focus{border-color:var(--orange);outline:none}.language{flex-direction:column;align-items:center;display:flex}.language .surah-top{align-self:stretch}.lang-globe{margin-bottom:4px;font-size:3rem;line-height:1}.language .title{margin-bottom:4px}.lang-words{color:var(--ink-soft);flex-wrap:wrap;justify-content:center;gap:2px 12px;margin-bottom:20px;font-size:.95rem;display:flex}.lang-list{flex-direction:column;gap:10px;width:100%;max-width:520px;margin-bottom:24px;display:flex}.lang-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.lang-card{font:inherit;color:var(--ink);background:var(--card);cursor:pointer;border:3px solid #0000;border-radius:20px;flex-direction:column;align-items:center;gap:6px;padding:12px 4px 10px;transition:border-color .2s,background .2s;display:flex;box-shadow:0 6px 18px #aa6e3c1f}.lang-card.picked{border-color:var(--orange);background:var(--card-selected)}.lang-card:focus-visible{outline:4px solid var(--gold);outline-offset:3px}.lang-card-ar{flex-direction:row;justify-content:center;gap:14px}.lang-name{font-size:1.05rem;font-weight:800}.lang-card-ar .lang-name{font-size:1.3rem}.flag{border-radius:6px;width:54px;height:36px;display:block;box-shadow:0 0 0 1px #0000001f}.flag-ar{color:#fff;background:#3d8b85;justify-content:center;align-items:center;font-size:1.5rem;font-weight:800;line-height:1;display:flex}.lang-btn{font:inherit;white-space:nowrap;color:var(--ink);background:var(--card);cursor:pointer;border:none;border-radius:999px;grid-area:1/3;justify-self:end;padding:6px 14px;font-size:.95rem;font-weight:700;box-shadow:0 3px 10px #aa6e3c26}.ar-name{unicode-bidi:isolate;margin-left:.4em}.surah-title .ar-name,.station-name .ar-name{margin-left:0;font-size:.8em;display:block}.latin-name{white-space:nowrap}.station-name:has(.ar-name){border-radius:16px;padding-block:3px;line-height:1.3}.p-name .ar-name,.record-surah .ar-name{color:var(--ink-soft)}.hadith-meaning{color:#2c6b66;margin-top:4px;font-size:1rem;font-weight:600;line-height:1.6}.hadith-mini .hadith-ar{display:block}.hadith-mini .hadith-meaning{font-size:.92em}.setup-top{justify-content:flex-end;display:flex}.setup-lead{max-width:640px;color:var(--ink-soft);margin:-8px auto 0}.setup-lead-title{color:var(--ink);font-size:1.15rem;display:block}.setup-lead p strong{color:var(--ink)}.setup-lead .nowrap{white-space:nowrap}.setup .p-section{text-align:start}.setup-worlds{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.setup-world{text-align:center;cursor:pointer;border:2px solid #f0dcc4;border-radius:18px;flex-direction:column;align-items:center;padding:8px 6px 10px;display:flex;position:relative}.setup-world input{opacity:0;pointer-events:none;position:absolute}.setup-world .world-shape{width:auto;max-width:100%;height:64px;margin-bottom:4px}.setup-world small{color:var(--ink-soft);font-size:.9rem}.setup-world:has(input:checked){border-color:var(--orange);background:var(--card-selected)}.setup-world:has(input:focus-visible){outline:3px solid var(--orange);outline-offset:2px}#setup-go{bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:5;margin:24px auto 0;display:block;position:sticky}.gender-choice{justify-content:center;gap:18px;max-width:420px;margin:0 auto 28px;display:flex}.gender-btn{font:inherit;color:var(--ink);cursor:pointer;background:var(--card);border:4px solid #0000;border-radius:28px;flex:1;padding:12px 10px 8px;font-size:1.4rem;font-weight:800;transition:transform .25s,border-color .25s,background .25s;box-shadow:0 6px 18px #aa6e3c1f}.gender-btn .hero-art{width:100%;max-width:110px}.gender-btn span{margin-top:4px;display:block}.gender-btn:hover{transform:translateY(-4px)}.gender-btn:focus-visible{outline:4px solid var(--gold);outline-offset:3px}.gender-btn[aria-checked=true]{border-color:var(--orange);background:var(--card-selected);transform:scale(1.05)}.gender-choice.picked{margin-bottom:18px}.gender-choice.picked .gender-btn{border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:4px 10px;font-size:1.2rem;display:flex}.gender-choice.picked .gender-btn .hero-art{width:44px}.gender-choice.picked .gender-btn span{margin-top:0}.hero-grid{--cols:3;--gap:18px;justify-content:center;gap:var(--gap);flex-wrap:wrap;margin-bottom:24px;display:flex}.hero-grid .hero-card{flex:0 0 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols))}#start-btn{bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:5;position:sticky}#start-btn:disabled{opacity:1;background:#e6cdb3;box-shadow:0 6px #cfb193}.hero-card{font:inherit;cursor:pointer;background:var(--card);border:4px solid #0000;border-radius:28px;padding:14px 10px 10px;transition:transform .25s,border-color .25s,background .25s;box-shadow:0 6px 18px #aa6e3c1f}.hero-art{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;height:auto;margin-inline:auto;display:block}.hero-card .hero-art{width:100%;max-width:150px}.hero-card .hero-name{color:var(--ink);margin-top:6px;font-size:1.15rem;font-weight:700;display:block}.hero-card:hover{transform:translateY(-4px)}.hero-card:focus-visible{outline:4px solid var(--gold);outline-offset:3px}.hero-card.selected{border-color:var(--orange);background:var(--card-selected);transform:scale(1.08)}.hero-card.selected .hero-art{animation:.9s happy-jump,2s ease-in-out .9s infinite happy-bob}@keyframes happy-jump{0%{transform:translateY(0)rotate(0)}20%{transform:translateY(-18px)rotate(-8deg)}40%{transform:translateY(0)rotate(0)}55%{transform:translateY(-10px)rotate(8deg)}75%{transform:translateY(0)rotate(0)}88%{transform:translateY(-4px)rotate(-3deg)}to{transform:translateY(0)rotate(0)}}@keyframes happy-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.big-btn{font:inherit;color:#fff;background:linear-gradient(180deg, var(--orange), var(--orange-dark));cursor:pointer;border:none;border-radius:999px;padding:14px 44px;font-size:1.5rem;font-weight:800;transition:transform .1s,box-shadow .1s,opacity .2s;box-shadow:0 6px #b85d1f}.big-btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #b85d1f}.big-btn:disabled{opacity:.45;cursor:not-allowed}.big-btn:focus-visible{outline:4px solid var(--gold);outline-offset:4px}.link-btn{font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;margin-top:24px;font-size:1rem;text-decoration:underline}.worlds{flex-direction:column;align-items:center;gap:14px;max-width:620px;margin:0 auto;display:flex}.world-row{grid-template-columns:repeat(var(--worlds,2), 1fr);align-items:end;gap:16px;width:100%;display:grid}.world-gate{--world:#6c5bd4}.world-amma{--world:#1b9fb4}.world-tabarak{--world:#4a9a36}.world-qadsami{--world:#e07a2e}.world{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;padding:0;display:flex;position:relative}.world-gate{width:min(300px,80%)}.world:focus-visible{outline:4px solid var(--gold);outline-offset:4px;border-radius:24px}.world-art{width:100%;display:block;position:relative}.world-shape{width:100%;height:auto;transition:transform .2s;display:block}.world:not(.locked):hover .world-shape{transform:scale(1.04)}.world.here .world-shape{animation:2.2s ease-in-out infinite island-glow}.world.locked .world-shape{filter:grayscale(.85)brightness(1.05)}.world-hero{pointer-events:none;width:38%;position:absolute;bottom:40%;left:50%;transform:translate(-50%)}.world-gate .world-hero{width:26%;bottom:8%}.world-amma .world-hero{bottom:43%;left:55%}.world-tabarak .world-hero{bottom:31%}.world-qadsami .world-hero{bottom:24%}.world-hero .hero-art{width:100%;animation:2s ease-in-out infinite happy-bob;display:block}.world .badge-star{top:0;width:18%;inset-inline-start:2%}.world .badge-lock{width:20%;top:50%;left:50%;transform:translate(-50%,-50%)}.world-label{background:var(--card);border:3px solid var(--world);border-radius:20px;flex-direction:column;align-items:center;min-width:78%;margin-top:-6px;padding:2px 14px 8px;display:flex;box-shadow:0 4px 12px #aa6e3c26}.world-name{font-size:1.1rem;font-weight:800;line-height:1.5}.world-name-short{display:none}.world-count{color:var(--world);font-size:1rem;font-weight:800}.world.locked .world-label{border-color:#cdbfb3}.world.locked .world-count{color:var(--ink-soft)}.find-btn{width:100%;max-width:620px;font:inherit;color:var(--ink);cursor:pointer;background:#ffffffe6;border:2px solid #f1dcc4;border-radius:999px;margin:16px auto 0;padding:8px 20px;font-size:1.15rem;font-weight:800;transition:transform .1s,box-shadow .1s;display:block;box-shadow:0 4px #ecd3b6}.find-btn:active{transform:translateY(3px);box-shadow:0 1px #ecd3b6}.find-btn:focus-visible,.find-item:focus-visible{outline:4px solid var(--gold);outline-offset:3px}.find{max-width:560px;margin:0 auto}.find-title{margin-bottom:14px;font-size:1.9rem}.find-box{position:relative}.find-icon{inset-inline-start:16px;pointer-events:none;font-size:1.15rem;position:absolute;top:50%;translate:0 -50%}#find-input{width:100%;font:inherit;color:var(--ink);background:var(--card);appearance:none;border:2px solid #f1dcc4;border-radius:999px;font-size:1.15rem;font-weight:700;box-shadow:0 3px 10px #aa6e3c1f}[dir=rtl] #find-input{padding:10px 48px 10px 18px}[dir=ltr] #find-input{padding:10px 18px 10px 48px}#find-input::placeholder{color:#b3a297;font-weight:600}#find-input:focus{border-color:var(--orange);outline:none}.find-list{text-align:start;margin-top:18px}.find-none{text-align:center;color:var(--ink-soft);margin-top:24px;font-size:1.1rem;font-weight:700}.find-world.world-gate{width:auto}.find-world+.find-world{margin-top:18px}.find-world-name{color:var(--world);margin:0 6px 8px;font-size:1.05rem;font-weight:800}.find-world ul{grid-template-columns:minmax(0,1fr);gap:8px;list-style:none;display:grid}.find-item{width:100%;min-height:60px;font:inherit;color:var(--ink);text-align:start;background:var(--card);border:2px solid #0000;border-inline-start:6px solid var(--world);cursor:pointer;border-radius:18px;align-items:center;gap:12px;padding:8px 14px;display:flex;box-shadow:0 3px 10px #aa6e3c1f}.find-item:active:not([aria-disabled]){translate:0 2px}.find-item.here{border-color:var(--world);background:var(--card-selected)}.find-item.locked{box-shadow:none;cursor:default;background:#fff9;border-inline-start-color:#cdbfb3}.find-item.locked .find-name{color:var(--ink-soft)}.find-badge{flex:none;place-items:center;width:40px;height:40px;display:grid}.find-badge .badge{filter:none;width:30px;position:static}.find-badge .hero-art{object-fit:contain;width:40px;max-height:40px}.find-station{-webkit-user-select:none;user-select:none;width:40px;height:auto}.find-text{flex-direction:column;flex:1;min-width:0;line-height:1.45;display:flex}.find-name{font-size:1.3rem;font-weight:800}.find-name .ar-name{display:inline-block}.find-note{color:var(--ink-soft);font-size:.9rem;font-weight:700}.find-item.here .find-note{color:var(--world)}.find-number{min-width:2.2em;color:var(--ink-soft);background:var(--cream);text-align:center;border-radius:999px;flex:none;padding:2px 8px;font-size:.85rem;font-weight:800}.screen-map{flex-direction:column;height:calc(100dvh - 80px);min-height:440px;display:flex}.screen-map .map-top{width:100%;max-width:560px;margin:-16px auto 4px}.map-title{margin-bottom:12px;font-size:1.9rem}.map-scroll{overscroll-behavior:contain;scrollbar-width:thin;--map-bg:linear-gradient(180deg, #d4f1f3 0%, #b8e2ea 100%);--map-art:url(../art/map/sea.webp) 0 0 / 100% auto repeat-y;border:4px solid #ffffffbf;border-radius:32px;flex:1;width:100%;max-width:560px;min-height:0;margin:0 auto;position:relative;overflow:hidden auto;box-shadow:0 6px 18px #3c788226}.map-scroll[data-world=tabarak]{--map-bg:linear-gradient(180deg, #e6f5d6 0%, #c7e7ae 100%);--map-art:url(../art/map/meadow.webp) 0 0 / 100% auto repeat-y}.map-scroll[data-world=qadsami]{--map-bg:linear-gradient(180deg, #f1f4d2 0%, #ddebb4 100%);--map-art:url(../art/map/orchard-ground.webp) 0 0 / 100% auto repeat-y}.map-scroll[data-world=gate]{--map-bg:linear-gradient(180deg, #ece7ff 0%, #d4cbf7 100%);--map-art:radial-gradient(circle at 20% 15%, #ffffff80 0, transparent 30%) 0 0 / 100% 640px repeat-y, radial-gradient(circle at 80% 70%, #fff6 0, transparent 30%) 0 0 / 100% 640px repeat-y}.map{background:var(--map-art), var(--map-bg);min-height:100%;position:relative;overflow:hidden}.route{filter:drop-shadow(0 1px 1.5px #1e5a6e73);width:100%;height:100%;position:absolute;inset:0}.route path{fill:none;stroke-linecap:round;stroke-width:8px;stroke-dasharray:0 18}.route-all{stroke:#fff}.route-done{stroke:var(--orange)}.route-more{stroke:url(#route-fade)}.station{flex-direction:column;align-items:center;width:130px;display:flex;position:absolute;transform:translate(-50%,-43px)}.station.here{z-index:2}.station-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;width:130px;height:86px;padding:0;position:relative}.station-btn:focus-visible{outline:4px solid var(--gold);outline-offset:2px}.station-btn .island{width:100%;height:100%;transition:transform .2s;display:block}.station.open .station-btn:hover .island,.station.done .station-btn:hover .island{transform:scale(1.06)}.station.here .island{animation:2.2s ease-in-out infinite island-glow}@keyframes island-glow{0%,to{filter:drop-shadow(0 0 #ffc93c00)}50%{filter:drop-shadow(0 0 12px #ffc93cf2)}}.station.locked .island{filter:grayscale(.85)brightness(1.05)}.badge{position:absolute}.badge-star{top:-8px;filter:drop-shadow(0 2px 2px #b4781459);width:38px;inset-inline-start:-4px}.station.chest-side-right .badge-star{inset-inline:auto -4px}.badge-lock{width:30px;top:22px;left:50%;transform:translate(-50%)}.station-hero{pointer-events:none;width:96px;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.station-hero .hero-art{width:100%;animation:2s ease-in-out infinite happy-bob;display:block}.station-name{background:#fff;border-radius:999px;margin-top:2px;padding:2px 14px;font-size:1.1rem;font-weight:800;box-shadow:0 3px 8px #3c788226}.station.locked .station-name{color:var(--ink-soft);background:#ffffffb3}.station-steps{background:#ffffffd9;border-radius:999px;align-items:center;gap:6px;margin-top:4px;padding:3px 10px;display:flex}.step-pip{border:3px solid var(--gold);border-radius:50%;width:14px;height:14px}.step-pip.now{background:var(--gold);animation:1.6s ease-in-out infinite pip-glow}.step-pip.recite{border:none;width:auto;height:auto;font-size:.95rem;line-height:1}@keyframes pip-glow{0%,to{box-shadow:0 0 #ffc93cb3}50%{box-shadow:0 0 0 5px #ffc93c00}}.cloud-puff{opacity:.9;pointer-events:none;width:64px;position:absolute;left:50%;transform:translate(-50%,-50%)}.cloud-puff svg{filter:drop-shadow(0 4px 6px #3c78822e);width:100%;display:block}.station.gift .station-name{color:var(--ink);box-shadow:0 0 0 3px var(--gold), 0 3px 8px #3c788226;background:#fff4d1}.chest-btn.next-gift{filter:drop-shadow(0 0 10px #ffc93ce6);width:72px;top:4px}.chest-btn.next-gift.side-left{left:-58px}.chest-btn.next-gift.side-right{right:-58px}.chest-btn.next-gift svg{animation:2.4s ease-in-out infinite gift-bob}@keyframes gift-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.shake{animation:.45s shake}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}.surah-top{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.back-btn{font:inherit;color:var(--ink);background:var(--card);cursor:pointer;border:none;border-radius:999px;justify-self:start;padding:6px 16px;font-size:1rem;font-weight:700;box-shadow:0 3px 10px #aa6e3c26}.surah-title{margin-bottom:0}#screen-surah{padding-bottom:116px}.play-dock{inset-inline:0;z-index:10;padding:22px 16px calc(14px + env(safe-area-inset-bottom,0px));background:linear-gradient(to bottom, #fff8ee00, var(--cream) 20px);grid-template-columns:1fr auto 1fr;align-items:center;column-gap:14px;display:grid;position:fixed;bottom:0}.play-dock>.play-btn,.play-dock>.echo-done-btn{grid-column:2}.play-btn{background:linear-gradient(180deg, var(--orange), var(--orange-dark));cursor:pointer;border:none;border-radius:50%;place-items:center;width:80px;height:80px;transition:transform .1s,box-shadow .1s,opacity .2s;display:grid;box-shadow:0 5px #b85d1f}.play-btn svg{fill:#fff;width:36px;height:36px}.play-btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px #b85d1f}.play-btn:disabled{opacity:0;pointer-events:none}.play-btn.playing{animation:1.6s ease-in-out infinite play-pulse}@keyframes play-pulse{0%,to{box-shadow:0 5px #b85d1f,0 0 #f28c3873}50%{box-shadow:0 5px #b85d1f,0 0 0 12px #f28c3800}}.play-btn:focus-visible,.back-btn:focus-visible,.ayah:focus-visible{outline:4px solid var(--gold);outline-offset:3px}.surah-status{color:var(--ink-soft);font-size:1.15rem;font-weight:700}.surah-status p{margin:12px 0}.surah-status.error{color:#b03a2e}.retry-btn{font:inherit;color:#fff;background:var(--orange);cursor:pointer;border:none;border-radius:999px;padding:8px 24px;font-weight:700}.ayah-list{flex-direction:column;gap:14px;max-width:760px;margin:16px auto 0;display:flex}.ayah{width:100%;color:var(--ink);text-align:center;background:var(--card);cursor:pointer;border:3px solid #0000;border-radius:24px;padding:8px 20px;font-family:Amiri Quran,serif;font-size:2.3rem;line-height:2.4;transition:background .3s,border-color .3s,box-shadow .3s,transform .3s;display:block;position:relative;box-shadow:0 4px 14px #aa6e3c14}.ayah.basmala{box-shadow:none;background:0 0;font-size:2rem}.ayah.active{border-color:var(--gold);background:#fff4d2;transform:scale(1.02);box-shadow:0 0 0 6px #ffc93c40,0 8px 24px #e9a21a40}.ayah-num{vertical-align:middle;width:38px;height:38px;color:var(--orange-dark);border:2px solid var(--gold);border-radius:50%;place-items:center;margin-inline-start:10px;font-family:Cairo,sans-serif;font-size:1rem;font-weight:800;line-height:1;display:inline-grid}.rep-badge{top:8px;color:#fff;background:var(--orange);border-radius:999px;padding:0 10px;font-family:Cairo,sans-serif;font-size:.9rem;font-weight:800;line-height:1.4;position:absolute;inset-inline-end:12px}.rep-badge:empty{display:none}.rep-badge.turn{background:#3d8b85}.surah-actions{flex-direction:column;align-items:center;gap:18px;margin-top:36px;display:flex}.memorized-btn{color:#5a3b00;background:linear-gradient(#ffd65e,#f5b82e);padding:16px 56px;font-size:1.8rem;box-shadow:0 6px #cf961a}.memorized-btn:active:not(:disabled){box-shadow:0 2px #cf961a}.memorized-btn.secondary{padding:10px 32px;font-size:1.2rem}.level-steps{justify-content:center;gap:8px;margin:14px auto 0;list-style:none;display:flex}.level-steps li{color:var(--ink-soft);background:#ffffffb3;border-radius:999px;padding:4px 16px;font-size:1.05rem;font-weight:700;transition:background .3s,color .3s,transform .3s}.level-steps li.now{color:#5a3b00;background:linear-gradient(#ffd65e,#f5b82e);font-weight:800;transform:scale(1.08)}.level-steps li.past{color:#2c6b66;background:#e6f3f1}.level-steps li.past:after{content:" ✓"}.reciter-now{color:var(--ink-soft);margin:10px 0 0;font-size:1rem;font-weight:700}.part-label{color:#5a3b00;background:linear-gradient(#ffd65e,#f5b82e);border-radius:999px;width:max-content;margin:14px auto 0;padding:4px 18px;font-size:1.05rem;font-weight:800}.echo-btn{color:#fff;background:linear-gradient(#4fb3a9,#3d8b85);animation:1.8s ease-in-out infinite happy-bob;box-shadow:0 6px #2c6b66}.echo-btn:active:not(:disabled){box-shadow:0 2px #2c6b66}.echo-direct-btn{max-width:100%;font:inherit;color:#2c6b66;cursor:pointer;background:#e6f3f1;border:none;border-radius:20px;flex-direction:column;grid-column:3;justify-self:start;align-items:center;padding:8px 14px;font-size:.95rem;font-weight:800;line-height:1.35;transition:box-shadow .1s;display:flex;box-shadow:0 4px #b9dcd7}.echo-direct-btn:active{box-shadow:0 1px #b9dcd7}.echo-direct-btn:focus-visible{outline:4px solid var(--gold);outline-offset:3px}.echo-done-btn{font:inherit;color:#fff;cursor:pointer;background:linear-gradient(#4fb3a9,#3d8b85);border:none;border-radius:999px;padding:14px 48px;font-size:1.6rem;font-weight:800;transition:transform .1s,box-shadow .1s;box-shadow:0 6px #2c6b66}.echo-done-btn:active{transform:translateY(4px);box-shadow:0 2px #2c6b66}.echo-done-btn:focus-visible,.echo-btn:focus-visible{outline:4px solid var(--gold);outline-offset:4px}.mode-btn{margin-top:0}.source-note{color:var(--ink-soft);margin-top:28px;font-size:.8rem}.action-btn{font:inherit;cursor:pointer;background:var(--card);color:var(--ink-soft);border:3px solid #e0cfc0;border-radius:999px;padding:10px 28px;font-size:1.2rem;font-weight:800}.action-btn.listen{color:#2c6b66;border-color:#3d8b85}.action-btn.big{padding:14px 44px;font-size:1.6rem;box-shadow:0 5px #2c6b66}.action-btn:focus-visible,.mic-btn:focus-visible{outline:4px solid var(--gold);outline-offset:4px}.record-hero .hero-art{width:150px;animation:2s ease-in-out infinite happy-bob}.record-title{margin-bottom:4px}.record-surah{color:var(--ink-soft);margin-bottom:24px;font-size:1.3rem;font-weight:700}.record-panel{flex-direction:column;align-items:center;gap:14px;display:flex}.mic-wrap{--level:0;width:150px;height:150px;margin:36px auto 30px;position:relative}.mic-wrap:before{content:"";transform:scale(calc(.85 + var(--level) * .3));opacity:0;background:#e5533f38;border-radius:50%;transition:transform 80ms linear,opacity .2s;position:absolute;inset:-22px}.mic-wrap.recording:before{opacity:1}.mic-btn{cursor:pointer;background:linear-gradient(#ff7a6b,#e5533f);border:none;border-radius:50%;place-items:center;width:100%;height:100%;transition:transform .1s,box-shadow .1s;display:grid;position:relative;box-shadow:0 7px #b83a2a}.mic-btn svg{width:68px;height:68px}.mic-btn:active{transform:translateY(5px);box-shadow:0 2px #b83a2a}.record-hint{font-size:1.25rem;font-weight:700}.record-choices{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:10px;display:flex}.ok-btn{color:#5a3b00;background:linear-gradient(#ffd65e,#f5b82e);box-shadow:0 6px #cf961a}.ok-btn:active:not(:disabled){box-shadow:0 2px #cf961a}#screen-celebrate{padding-top:32px}.star-rain{z-index:20;pointer-events:none;position:fixed;inset:0;overflow:hidden}.falling-star{animation-name:star-fall;animation-timing-function:linear;animation-iteration-count:infinite;display:block;position:absolute;top:-60px}.falling-star svg{width:100%;display:block}@keyframes star-fall{0%{transform:translateY(0)rotate(0)}to{transform:translateY(calc(100vh + 120px))rotate(360deg)}}.celebrate-hero .hero-art{transform-origin:bottom;width:200px;animation:.9s ease-in-out infinite big-jump}@keyframes big-jump{0%,to{transform:translateY(0)scale(1.08,.92)}15%{transform:translateY(0)scale(1)}45%{transform:translateY(-48px)scale(.96,1.04)}75%{transform:translateY(0)scale(1)}}.celebrate-sub{margin-bottom:28px;font-size:1.4rem;font-weight:700}.celebrate-stars{color:#b77a00;margin:-16px 0 28px;font-size:1.3rem;font-weight:800}#screen-star{padding-top:32px}.star-stage{width:240px;margin:0 auto 8px;position:relative}.star-hero .hero-art{transform-origin:bottom;width:170px;margin:0 auto;animation:.9s ease-in-out 3 big-jump;display:block}.big-star{top:-12px;filter:drop-shadow(0 4px 8px #e9a21a73);width:96px;position:absolute;inset-inline-end:-8px}.big-star.pop{animation:.8s cubic-bezier(.3,1.6,.5,1) star-pop,2.4s ease-in-out .8s infinite star-twinkle}@keyframes star-pop{0%{transform:scale(0)rotate(-120deg)}to{transform:scale(1)rotate(0)}}@keyframes star-twinkle{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.08)rotate(8deg)}}.celebrate-actions{z-index:21;flex-direction:column;align-items:center;gap:18px;display:flex;position:relative}.cert-btn{color:#5a3b00;background:linear-gradient(#ffd65e,#f5b82e);font-size:1.7rem;animation:1.6s ease-in-out infinite happy-bob;box-shadow:0 6px #cf961a}.cert-btn:active{box-shadow:0 2px #cf961a}.chest svg{width:100%;display:block;overflow:visible}.chest-lid{transform-box:fill-box;transform-origin:0 100%;transition:transform .6s cubic-bezier(.3,1.6,.5,1)}.chest-inside,.chest-lock{transition:opacity .3s}.chest-inside{opacity:0}.chest.opened .chest-lid,.chest-stage.opened .chest-lid{transform:translate(-2px,-12px)rotate(-14deg)}.chest.opened .chest-lock,.chest-stage.opened .chest-lock{opacity:0}.chest.opened .chest-inside,.chest-stage.opened .chest-inside{opacity:1}.chest-btn{cursor:pointer;z-index:1;filter:drop-shadow(0 3px 3px #5a321440);background:0 0;border:none;width:58px;padding:0;position:absolute;top:14px}.chest-btn.side-left{left:-46px}.chest-btn.side-right{right:-46px}.chest-btn.ready svg{animation:1.4s ease-in-out infinite chest-wiggle}.chest-btn.ready{filter:drop-shadow(0 0 10px #ffc93cf2)}.chest-btn:focus-visible{outline:4px solid var(--gold);outline-offset:2px;border-radius:12px}@keyframes chest-wiggle{0%,60%,to{transform:rotate(0)}70%{transform:rotate(-8deg)}80%{transform:rotate(8deg)}90%{transform:rotate(-4deg)}}.dialog{background:var(--cream);width:calc(100% - 32px);max-width:420px;color:var(--ink);text-align:center;border:none;border-radius:28px;margin:auto;padding:28px 24px;font-family:Cairo,sans-serif;box-shadow:0 20px 60px #3c1e0a4d}.dialog::backdrop{background:#3b2f2f80}.dialog h2{margin-bottom:8px;font-size:1.6rem;font-weight:800}.dialog p{margin-bottom:8px;font-size:1.1rem}.dialog-actions{flex-direction:column;align-items:center;gap:4px;margin-top:18px;display:flex}.dialog-actions .link-btn{margin-top:8px}.big-btn.small{padding:10px 40px;font-size:1.2rem}.dialog p.gate-lead{color:var(--ink-soft);margin-bottom:14px;font-size:1rem}.gate-sum{justify-content:center;align-items:center;gap:12px;margin:10px 0 4px;display:flex}.gate-question{white-space:nowrap;font-size:2.2rem;font-weight:800}.gate-answer{width:110px;font:inherit;text-align:center;background:var(--card);color:var(--ink);border:3px solid #f0dcc4;border-radius:16px;padding:6px 12px;font-size:1.8rem;font-weight:800}.gate-answer:focus{border-color:var(--orange);outline:none}.gate-answer::placeholder{color:#d9c4ad}.dialog p.gate-note{min-height:1.6em;color:var(--orange-dark);margin:4px 0 0;font-size:1rem;font-weight:700}.check{color:#b03a2e;cursor:pointer;justify-content:center;align-items:center;gap:8px;margin-top:12px;font-size:1rem;font-weight:700;display:flex}.check input{accent-color:#b03a2e;width:20px;height:20px}.danger-btn{font:inherit;color:#fff;cursor:pointer;background:#c0392b;border:none;border-radius:999px;padding:10px 32px;font-size:1.1rem;font-weight:800}.danger-btn:focus-visible,.parents-btn:focus-visible,.p-play:focus-visible{outline:4px solid var(--gold);outline-offset:3px}.chest-dialog{isolation:isolate;overflow:visible}.chest-stage{width:180px;margin:40px auto 4px;position:relative}.chest-burst{opacity:0;background:radial-gradient(circle,#ffd65ef2 0,#ffd65e00 65%);border-radius:50%;transition:transform .7s ease-out,opacity .7s ease-out;position:absolute;inset:-50px;transform:scale(0)}.chest-stage.opened .chest-burst{opacity:1;transform:scale(1.15)}.chest.big{position:relative}.chest-stage.shaking .chest.big svg{animation:.14s ease-in-out infinite alternate chest-shake}@keyframes chest-shake{0%{transform:rotate(-6deg)translateY(0)}to{transform:rotate(6deg)translateY(-3px)}}.chest-reveal{opacity:0;pointer-events:none;transition:opacity .5s,transform .5s;transform:translateY(12px)}.chest-reveal.show{opacity:1;pointer-events:auto;transform:none}.chest-label{color:var(--ink-soft);font-weight:700;margin:10px 0 0!important}.chest-gift{color:var(--orange-dark);font-weight:800;line-height:1.5;margin-bottom:18px!important;font-size:1.9rem!important}.map-top{justify-content:space-between;align-items:center;gap:8px;margin:-16px 0 4px;display:flex}.map-top>*{white-space:nowrap}.stars-count{color:#b77a00;background:#ffffffd9;border-radius:999px;padding:2px 14px;font-size:1.1rem;font-weight:800;box-shadow:0 3px 8px #aa6e3c1f}.parents-btn{font:inherit;color:var(--ink-soft);cursor:pointer;background:#ffffffb3;border:none;border-radius:999px;margin-inline-start:auto;padding:4px 14px;font-size:.85rem;font-weight:700}.parents{text-align:start}.parents .surah-title{text-align:center}.p-section{background:var(--card);border-radius:24px;max-width:640px;margin:24px auto 0;padding:20px;scroll-margin-top:64px;box-shadow:0 4px 14px #aa6e3c14}.p-section h2{margin-bottom:8px;font-size:1.3rem;font-weight:800}.p-hint{color:var(--ink-soft);margin-bottom:12px}.p-nav{z-index:5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff8eef0;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:4px;max-width:640px;margin:12px auto 0;padding:6px;display:flex;position:sticky;top:0}.p-nav button{font:inherit;color:var(--ink);background:var(--card);cursor:pointer;border:none;border-radius:999px;padding:3px 10px;font-size:.85rem;font-weight:700;box-shadow:0 2px 6px #aa6e3c1f}.p-nav+.glance{margin-top:12px}.glance-head{align-items:center;gap:12px;display:flex}.child-list{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.child-chip{width:84px;font:inherit;color:var(--ink);background:var(--cream);cursor:pointer;border:3px solid #0000;border-radius:20px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 6px;display:flex}.child-chip.active{background:var(--card-selected);border-color:var(--gold)}.child-chip:focus-visible{outline:4px solid var(--gold);outline-offset:3px}.child-art{background:var(--card-selected);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.child-chip.active .child-art{background:#fff}.child-art .hero-art{width:150%;max-width:none;margin:18% -25% 0}.child-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.95rem;font-weight:800;line-height:1.4;overflow:hidden}.child-stars{color:var(--ink-soft);font-size:.8rem;font-weight:700}.child-now{margin-top:10px;margin-bottom:0}.add-child-btn{width:100%;font:inherit;color:var(--ink);text-align:start;background:var(--cream);border:2px solid var(--orange);cursor:pointer;border-radius:18px;align-items:center;gap:12px;margin-top:14px;padding:10px 14px;display:flex}.add-child-btn:hover{background:var(--card-selected)}.add-child-btn:focus-visible{outline:4px solid var(--gold);outline-offset:3px}.add-child-plus{color:#fff;background:linear-gradient(180deg, var(--orange), var(--orange-dark));border-radius:50%;flex:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.9rem;font-weight:800;line-height:1;display:flex}.add-child-text{flex-direction:column;min-width:0;display:flex}.add-child-text strong{color:var(--orange-dark);font-size:1.1rem;font-weight:800}.add-child-text small{color:var(--ink-soft);font-size:.85rem}.remove-child-btn{color:#b03a2e;margin-top:16px;display:block}.remove-status:empty{display:none}.glance-edit{margin:10px 0 4px;display:block}.glance-hero{background:var(--card-selected);border-radius:50%;flex:none;width:64px;height:64px;overflow:hidden}.glance-hero:empty{display:none}.glance-hero .hero-art{width:150%;max-width:none;margin:6% -25% 0}.glance h2{margin-bottom:0}.glance-now{color:var(--orange-dark);font-weight:700}.glance-stats{grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0;display:grid}.glance-stat{background:var(--cream);border-radius:16px;flex-direction:column;align-items:center;padding:8px 4px;display:flex}.glance-stat strong{font-size:1.5rem;font-weight:800;line-height:1.3}.glance-stat span{color:var(--ink-soft);font-size:.85rem;font-weight:700}.glance-last{margin-bottom:8px;font-weight:700}.glance-days{justify-content:space-between;gap:4px;display:flex}.glance-day{aspect-ratio:1;border:2px solid #f0dcc4;border-radius:50%;flex:1;max-width:22px}.glance-day.on{background:var(--gold);border-color:#e9a21a}.glance-day.today{outline:2px solid var(--orange);outline-offset:2px}.glance-ends{color:var(--ink-soft);justify-content:space-between;margin-top:4px;font-size:.8rem;display:flex}.glance-note{margin:8px 0 0}.p-cert-btns{flex-wrap:wrap;gap:8px;display:flex}.p-part{border-top:1px solid #f0e4d6}.p-part>summary{cursor:pointer;padding:12px 0;font-size:1.1rem;font-weight:800}.p-part .p-surah{padding-inline-start:12px}.p-options{flex-direction:column;gap:8px;display:flex}.p-option{cursor:pointer;border:2px solid #f0dcc4;border-radius:16px;align-items:flex-start;gap:10px;padding:10px 14px;display:flex}.p-option:has(input:checked){border-color:var(--orange);background:var(--card-selected)}.p-option input,.p-toggle input{width:20px;height:20px;accent-color:var(--orange);flex:none;margin-top:4px}.p-option-text{flex-direction:column;display:flex}.p-option-text small{color:var(--ink-soft);font-size:.95rem}.p-sizes{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.p-size{text-align:center;cursor:pointer;border:2px solid #f0dcc4;border-radius:16px;padding:8px 4px;font-weight:800;position:relative}.p-size input{opacity:0;pointer-events:none;position:absolute}.p-size:has(input:checked){border-color:var(--orange);background:var(--card-selected)}.p-size:has(input:focus-visible){outline:3px solid var(--orange);outline-offset:2px}.p-sizes-2{grid-template-columns:repeat(2,1fr)}.p-sizes-3{grid-template-columns:repeat(3,1fr)}.p-size-hint{margin:8px 0 0}.p-unlocks{flex-direction:column;gap:10px;display:flex}.p-toggle{cursor:pointer;align-items:flex-start;gap:10px;font-weight:700;display:flex}.p-toggle input:disabled+span{color:var(--ink-soft)}.p-hint-gap{margin-top:16px}.journey-status{color:#3d8b85;min-height:1.5em;margin:10px 0 0;font-weight:700}.gift-part{margin:16px 0 4px;font-size:1.05rem;font-weight:800}.p-surah{border-top:1px solid #f0e4d6;padding:12px 0}.p-surah-head{flex-wrap:wrap;justify-content:space-between;gap:4px 12px;display:flex}.p-name{font-weight:800}.p-date{color:var(--orange-dark);font-weight:700}.p-date.muted{color:#b5a79b}.p-recs{flex-direction:column;gap:6px;margin-top:8px;list-style:none;display:flex}.p-recs li{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:.95rem;display:flex}.p-recs .p-play,.p-rec-info{white-space:nowrap;flex:none}.p-more-recs>summary,.p-rest>summary{color:var(--ink-soft);cursor:pointer;margin-top:8px;font-size:.95rem;font-weight:700}.p-rest{border-top:1px solid #f0e4d6;padding:12px 0;padding-inline-start:12px}.p-rest>summary{margin-top:0}.p-rest-names{color:var(--ink-soft);margin-top:8px;line-height:1.9}.p-play{font:inherit;color:#2c6b66;cursor:pointer;background:#e6f3f1;border:none;border-radius:999px;padding:4px 14px;font-size:.9rem;font-weight:700}.p-cert{margin-bottom:8px;padding:6px 18px;font-size:1rem}.p-play.playing{color:#fff;background:#3d8b85}.p-play:disabled{opacity:.6;cursor:progress}.p-first{color:#8a5a00;background:#fff1c9;border-radius:999px;flex:none;padding:1px 10px;font-size:.85rem;font-weight:800}.p-growth{background:#fff8e8;border:2px dashed #f5d68a;border-radius:16px;flex-direction:column;align-items:flex-start;gap:8px;margin-top:10px;padding:10px 14px;display:flex}.p-growth-text{font-size:.95rem;font-weight:700}.p-growth-status{color:#3d8b85;font-size:.9rem;font-weight:700}.p-growth-status:empty{display:none}.hadith{background:#f1f8f6;border-inline-start:5px solid #3d8b85;border-radius:14px;margin:4px 0 12px;padding:12px 16px}.hadith-text{color:#2c6b66;font-size:1.25rem;font-weight:800;line-height:1.9}.hadith-source,.hadith-mini cite{color:var(--ink-soft);font-size:.85rem;font-style:normal;font-weight:600}.share-preview-label{color:var(--ink-soft);margin-bottom:4px;font-size:.9rem;font-weight:700}.share-preview{white-space:pre-line;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;unicode-bidi:plaintext;background:#fbfdfc;border:2px dashed #cfe6e2;border-radius:14px;margin-bottom:12px;padding:10px 14px;font-size:.95rem;line-height:1.8}.share-mini{background:#fffc;border-radius:18px;flex-direction:column;align-items:center;gap:6px;max-width:440px;padding:10px 16px;display:flex}.hadith-mini{color:#2c6b66;font-size:1rem;font-weight:700;line-height:1.8}.hadith-mini cite{white-space:nowrap}.backup-actions{flex-wrap:wrap;gap:10px;display:flex}.restore-label{display:inline-block}.backup-status{margin:10px 0 0;font-weight:700}.gift-row{border-top:1px solid #f0e4d6;flex-direction:column;gap:6px;padding:12px 0;display:flex}.gift-top{flex-wrap:wrap;justify-content:space-between;gap:4px 12px;display:flex}.gift-title{font-weight:800}.p-rec-part{color:var(--ink);flex-basis:100%;font-weight:800}.gift-state{color:var(--ink-soft);font-size:.9rem;font-weight:700}.gift-state.hidden-chest{color:var(--orange-dark)}.gift-row input{font:inherit;background:var(--cream);color:var(--ink);border:2px solid #f0dcc4;border-radius:14px;padding:8px 14px;font-size:1.1rem}.gift-row input:focus{border-color:var(--orange);outline:none}.gift-saved{color:#3d8b85;min-height:1.2em;font-size:.85rem;font-weight:700}@media (width>=820px){.hero-grid{--cols:6;--gap:14px}}@media (width<=560px){.title{font-size:1.8rem}.setup-worlds{grid-template-columns:repeat(2,1fr)}.map-title{font-size:1.5rem}.p-nav{gap:3px;padding:5px}.p-nav button{padding:3px 6px;font-size:.78rem}[dir=ltr] .p-nav{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}[dir=ltr] .p-nav::-webkit-scrollbar{display:none}[dir=ltr] .p-nav button{flex:none}[dir=ltr] .p-nav button:first-child{margin-inline-start:auto}[dir=ltr] .p-nav button:last-child{margin-inline-end:auto}.world-row{gap:10px}.world-label{min-width:92%;padding:2px 8px 8px}.world-name{font-size:.95rem}.world-row.many{gap:8px}.world-row.many .world-label{border-radius:16px;min-width:100%;padding:2px 4px 6px}.world-row.many .world-name{font-size:.9rem}.world-row.many .world-count{font-size:.85rem}.world-row.many .world-name-long{display:none}.world-row.many .world-name-short{display:inline}.hero-grid{--gap:10px;margin-bottom:18px}.hero-card{border-width:3px;border-radius:20px;padding:8px 4px 6px}.hero-card .hero-art{max-width:90px}.hero-card .hero-name{margin-top:2px;font-size:.95rem}.name-field{margin-bottom:18px}.name-field input{padding:8px 14px}.surah-top{text-align:start;display:block}.surah-top .lang-btn{float:inline-end}[dir=ltr] .big-btn{padding-inline:28px;font-size:1.3rem}.map-top{gap:6px}.map-top .back-btn{padding-inline:12px}.parents-btn{padding-inline:10px}.surah-title{text-align:center;margin-top:8px;font-size:1.7rem}.ayah{padding:6px 12px;font-size:1.9rem}}@media (height<=700px){#app{padding-top:24px;padding-bottom:24px}.screen-map{height:calc(100dvh - 48px)}.title{margin-bottom:16px}.record-hero .hero-art{width:120px}.record-surah{margin-bottom:12px}.mic-wrap{width:130px;height:130px;margin:24px auto 22px}.star-hero .hero-art{width:140px}.celebrate-sub{margin-bottom:20px}.intro-slide figcaption{font-size:1.4rem}.intro-dots{margin:10px 0 14px}.celebrate-hero .hero-art{width:150px}.celebrate-actions{gap:12px}.hadith-mini{font-size:.9rem;line-height:1.6}.hero-card .hero-art{max-width:76px}}:where(button,.p-play):not(.big-btn,.play-btn,.echo-done-btn,.mic-btn):active:not(:disabled){translate:0 3px}.sfx-btn{cursor:pointer;background:#ffffffe6;border:none;border-radius:50%;flex:none;width:40px;height:40px;padding:0;font-size:1.2rem;line-height:1;box-shadow:0 3px 10px #78502833}.sfx-btn[aria-pressed=true]{opacity:.7}.sfx-btn:focus-visible{outline:4px solid var(--gold);outline-offset:3px}.screen-top{z-index:22;position:relative}.stars-count.bump{animation:.35s count-bump}@keyframes count-bump{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}.flying-star{z-index:40;pointer-events:none;width:34px;height:34px;margin:-17px 0 0 -17px;position:fixed}.flying-star svg{filter:drop-shadow(0 2px 4px #e9a21a80);width:100%;display:block}.station-hero.cheer .hero-art,.world-hero.cheer .hero-art{transform-origin:bottom;animation:.9s ease-in-out 2 big-jump,2s ease-in-out 1.8s infinite happy-bob}.badge-star.new-star{animation:.8s cubic-bezier(.3,1.6,.5,1) .2s both star-pop}.confetti{z-index:-1;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}