:root{--ion-color-primary: #1b7e72;--ion-color-primary-rgb: 27, 126, 114;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #176f65;--ion-color-primary-tint: #328b80;--ion-color-secondary: #b57d16;--ion-color-secondary-rgb: 181, 125, 22;--ion-color-secondary-contrast: #1d1606;--ion-color-secondary-contrast-rgb: 29, 22, 6;--ion-color-secondary-shade: #9f6e13;--ion-color-secondary-tint: #bc8a2d;--ion-color-tertiary: #2f6f9e;--ion-color-tertiary-rgb: 47, 111, 158;--ion-color-tertiary-contrast: #ffffff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #29628b;--ion-color-tertiary-tint: #447da8;--ion-background-color: #edf4ee;--ion-background-color-rgb: 237, 244, 238;--ion-text-color: #173e35;--ion-text-color-rgb: 23, 62, 53;--ion-card-background: #fffefa;--ion-font-family: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--app-safe-area-top: var( --safe-area-inset-top, env(safe-area-inset-top, 0px) );--app-safe-area-right: var( --safe-area-inset-right, env(safe-area-inset-right, 0px) );--app-safe-area-bottom: var( --safe-area-inset-bottom, env(safe-area-inset-bottom, 0px) );--app-safe-area-left: var( --safe-area-inset-left, env(safe-area-inset-left, 0px) );--app-tab-bar-content-height: 56px;color-scheme:light}.ion-palette-dark{--ion-color-primary: #42c2ae;--ion-color-primary-rgb: 66, 194, 174;--ion-color-primary-contrast: #061f19;--ion-color-primary-contrast-rgb: 6, 31, 25;--ion-color-primary-shade: #3aab99;--ion-color-primary-tint: #55c8b6;--ion-color-secondary: #e5b84f;--ion-color-secondary-rgb: 229, 184, 79;--ion-color-secondary-contrast: #261906;--ion-color-secondary-contrast-rgb: 38, 25, 6;--ion-color-secondary-shade: #caa246;--ion-color-secondary-tint: #e8bf61;--ion-color-tertiary: #6ea8d0;--ion-color-tertiary-rgb: 110, 168, 208;--ion-color-tertiary-contrast: #071c2c;--ion-color-tertiary-contrast-rgb: 7, 28, 44;--ion-color-tertiary-shade: #6194b7;--ion-color-tertiary-tint: #7db1d5;--ion-background-color: #0b2f3a;--ion-background-color-rgb: 11, 47, 58;--ion-text-color: #edf6f2;--ion-text-color-rgb: 237, 246, 242;--ion-card-background: #103d4b;color-scheme:dark}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/fonts/nunito-sans/NunitoSans-Variable.ttf) format("truetype")}@font-face{font-family:Yeseva One;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/yeseva-one/YesevaOne-Regular.ttf) format("truetype")}:root{--app-ground: #edf4ee;--app-surface: #fffefa;--app-surface-muted: #f4f7f1;--app-border: #cddbd3;--app-ink-muted: #5d6e67;--app-focus-ring: #1b7e72;--app-gold: #b57d16;--app-terracotta: #b94f32;--app-blue: #2f6f9e;--avatar-tile: #f4d873;--avatar-tile-ink: #1f2937;--app-rosette: url(/rosette-emerald.svg);--app-rosette-opacity: .14;--app-ornament-rosette: url(/rosette-emerald-faint.svg);--app-ornament-pattern: url(/pattern-emerald.svg);--app-ground-gradient: radial-gradient( 130% 90% at 50% 0%, #f4faf2 0%, #eaf3ea 48%, #dfece2 100% );--fs-2xs: .6875rem;--fs-xs: .75rem;--fs-sm: .875rem;--fs-md: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.25rem;--fs-2xl: 1.375rem;--fs-3xl: 1.5rem;--fs-4xl: 1.75rem;--fs-5xl: 2rem;--r-xs: 4px;--r-sm: 7px;--r-md: 8px;--r-lg: 14px;--r-xl: 18px;--r-pill: 999px}.ion-palette-dark{--app-ground: #0b2f3a;--app-surface: #103d4b;--app-surface-muted: #0d3541;--app-border: #276176;--app-ink-muted: #b8ccc8;--app-focus-ring: #e5b84f;--app-gold: #e5b84f;--app-terracotta: #df795a;--app-blue: #6ea8d0;--app-rosette: url(/rosette-gold.svg);--app-rosette-opacity: .1;--app-ornament-rosette: url(/rosette-gold-faint.svg);--app-ornament-pattern: url(/pattern-gold.svg);--app-ground-gradient: radial-gradient( 130% 90% at 50% 0%, #11505f 0%, #0c3b4a 52%, #08242f 100% )}.ion-palette-high-contrast{--app-ground: var(--ion-background-color);--app-surface: var(--ion-card-background, var(--ion-background-color));--app-surface-muted: var(--ion-background-color);--app-border: var(--ion-text-color);--app-ink-muted: var(--ion-text-color);--app-focus-ring: var(--ion-color-primary);--app-gold: var(--ion-color-warning);--app-terracotta: var(--ion-color-danger);--app-blue: var(--ion-color-primary);--app-rosette-opacity: 0;--app-ornament-rosette: none;--app-ornament-pattern: none;--app-ground-gradient: none}html,body,ion-app{background:var(--app-ground)}body{-webkit-tap-highlight-color:transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0;clip:rect(0,0,0,0)}ion-content{--background: var(--app-ornament-rosette) left -50px top -50px / 250px 250px no-repeat, var(--app-ornament-rosette) right -55px bottom -55px / 220px 220px no-repeat, var(--app-ornament-pattern) center top / 96px 96px repeat, var(--app-ground-gradient), var(--app-ground)}ion-content::part(scroll),.app-scrollable{scrollbar-color:color-mix(in srgb,var(--app-border) 85%,transparent) transparent;scrollbar-width:thin}ion-content::part(scroll)::-webkit-scrollbar,.app-scrollable::-webkit-scrollbar{width:6px;height:6px}ion-content::part(scroll)::-webkit-scrollbar-track,.app-scrollable::-webkit-scrollbar-track{background:transparent}ion-content::part(scroll)::-webkit-scrollbar-thumb,.app-scrollable::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--app-border) 88%,transparent);background-clip:padding-box;border:1px solid transparent;border-radius:var(--r-pill)}ion-content::part(scroll)::-webkit-scrollbar-thumb:hover,.app-scrollable::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--ion-color-primary) 55%,var(--app-border));background-clip:padding-box}ion-content.page-loader::part(scroll){display:grid;place-items:center;min-height:100%;padding:max(24px,var(--app-safe-area-top)) max(24px,var(--app-safe-area-right)) max(24px,var(--app-safe-area-bottom)) max(24px,var(--app-safe-area-left))}.page-loader__status{display:grid;gap:10px;align-content:center;justify-items:center;width:min(100%,260px);min-height:160px;color:var(--app-ink-muted);text-align:center}.page-loader__logo{width:72px;height:72px;object-fit:contain;background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--r-md)}.page-loader__brand{font-family:Yeseva One,Georgia,serif;font-size:var(--fs-2xl);color:var(--ion-text-color)}ion-tabs ion-content.content-fullscreen::part(scroll){bottom:0}.about-page__header,.achievements-page__header,.daily-page__header,.leaderboard-page__header,.profile-page__header,.review-page__header,.rules-page__header{position:relative;min-height:72px;overflow:hidden;isolation:isolate}.about-page__header:after,.daily-page__header:after,.leaderboard-page__header:after,.review-page__header:after,.rules-page__header:after{position:absolute;top:-34px;right:-26px;z-index:-1;width:132px;height:132px;content:"";background:var(--app-rosette) center / contain no-repeat;opacity:var(--app-rosette-opacity)}ion-toolbar{--background: var(--app-surface);--border-color: var(--app-border);--color: var(--ion-text-color)}ion-title,h1,h2,h3{font-family:Yeseva One,Georgia,serif;font-weight:400;letter-spacing:0}ion-button{--border-radius: var(--r-sm);font-weight:700;text-transform:none;letter-spacing:0}ion-toolbar ion-buttons ion-button{--padding-bottom: 6px;--padding-top: 6px;height:44px;min-height:44px}:where(a,button,summary,[tabindex]:not([tabindex="-1"])):focus-visible,ion-button::part(native):focus-visible{outline:3px solid var(--app-focus-ring);outline-offset:3px}ion-tab-button::part(native):focus-visible,ion-segment-button::part(native):focus-visible{outline:3px solid var(--app-focus-ring);outline-offset:-3px}ion-input,ion-select{--border-color: var(--app-border);--highlight-color-focused: var(--app-border);--highlight-color-invalid: var(--app-border);--highlight-color-valid: var(--app-border)}ion-input:focus-within,ion-checkbox:focus-within,ion-toggle:focus-within{outline:3px solid var(--app-focus-ring);outline-offset:2px}[tabindex="-1"]:focus{outline:none}ion-segment{--background: var(--app-surface-muted);border:1px solid var(--app-border);border-radius:var(--r-md)}ion-segment-button{--border-radius: var(--r-sm);--indicator-color: var(--ion-color-primary);--color: var(--app-ink-muted);min-height:42px;text-transform:none;letter-spacing:0}ion-segment-button.md{--color-checked: var(--ion-color-primary)}ion-segment-button.ios{--color-checked: var(--ion-color-primary-contrast)}@media(pointer:coarse){:where(a,button,summary):active{filter:brightness(.82)}ion-button,ion-back-button,ion-checkbox,ion-segment-button{min-width:44px;min-height:44px}}ion-alert.app-dialog{--width: min( calc(100% - 24px) , 480px);--max-width: 480px;--max-height: calc( 100% - 24px - var(--app-safe-area-top) - var(--app-safe-area-bottom) )}ion-alert.app-dialog .alert-wrapper{background:var(--app-surface);border:1px solid var(--app-border)}ion-alert.app-dialog .alert-title{font-size:var(--fs-xl);line-height:1.25}ion-alert.app-dialog .alert-message{font-size:var(--fs-md);line-height:1.5;color:var(--app-ink-muted);overflow-wrap:anywhere}ion-alert.app-dialog .alert-button{min-height:44px;font-size:var(--fs-sm);line-height:1.35}ion-alert.app-dialog .alert-button-inner{white-space:normal}ion-alert.question-content-advisory .alert-button,ion-alert.question-content-advisory .alert-button.ion-focused{font-weight:700;color:var(--ion-color-primary-contrast);background:var(--ion-color-primary);border-radius:var(--r-sm)}ion-alert.question-content-advisory .alert-button.ion-focused{outline:3px solid var(--app-focus-ring);outline-offset:3px}ion-alert.app-confirmation-alert .alert-button-role-destructive{color:var(--ion-color-danger)}ion-toast.app-action-toast::part(message){line-height:1.5;overflow-wrap:anywhere}ion-toast.app-action-toast::part(button){flex:1 1 auto;justify-content:center;min-width:0;min-height:44px;text-align:center;text-transform:none;letter-spacing:0;white-space:normal}ion-toast.app-join-toast::part(button){color:#fff;font-weight:700;border-radius:12px;background:var(--ion-color-danger, #eb445a);box-shadow:0 0 #eb445ab3;animation:app-join-toast-pulse 1.1s ease-in-out infinite}@keyframes app-join-toast-pulse{0%,to{opacity:1;box-shadow:0 0 #eb445ab3}50%{opacity:.72;box-shadow:0 0 18px 6px #eb445a8c}}@media(prefers-reduced-motion:reduce){ion-toast.app-join-toast::part(button){animation:none}}ion-toast.pwa-update-toast::part(cancel){flex:0 0 auto;min-width:64px;min-height:max(44px,calc(1.4em + 18px))}ion-list,ion-item{--background: transparent;--ion-item-background: transparent;background:transparent}ion-item{--border-color: var(--app-border);--border-width: 0 0 1px 0}ion-tab-bar{--background: color-mix(in srgb, var(--app-surface) 96%, transparent);--border: 1px solid var(--app-border);padding-top:4px;padding-right:var(--app-safe-area-right);padding-bottom:var(--app-safe-area-bottom);padding-left:var(--app-safe-area-left);box-shadow:0 -6px 24px #09302814}ion-tab-button{--color: var(--app-ink-muted);--color-selected: var(--ion-color-primary)}ion-tab-button ion-icon{font-size:var(--fs-2xl);transition:transform .2s ease}ion-tab-button ion-label{max-width:100%;font-size:var(--fs-2xs);line-height:1.1;white-space:normal}ion-tab-button::part(native){padding-right:2px;padding-left:2px}ion-tab-button.tab-selected ion-icon{transform:translateY(-1px) scale(1.08)}ion-tab-button.tab-selected ion-label{font-weight:800}ion-tab-button.tab-selected::part(native):after{position:absolute;top:2px;left:50%;width:44px;height:28px;content:"";background:color-mix(in srgb,var(--ion-color-primary) 14%,transparent);border-radius:var(--r-pill);transform:translate(-50%)}@media(max-width:430px){:root{--app-tab-bar-content-height: max(56px, calc(2.125rem + 22px) )}ion-tab-bar[slot=bottom]{height:var(--app-tab-bar-content-height);min-height:var(--app-tab-bar-content-height)}ion-tab-button{flex:1 1 0;width:auto;min-width:0;max-width:none;height:100%}}@media(min-width:900px)and (hover:hover)and (pointer:fine){ion-tabs>ion-router-outlet{inset:0 0 0 88px;width:auto;height:100%}ion-tab-bar[slot=bottom]{position:absolute;inset:0 auto 0 0;flex-direction:column;justify-content:center;width:88px;height:auto;padding:var(--app-safe-area-top) 0 var(--app-safe-area-bottom) var(--app-safe-area-left);border-top:0;border-right:1px solid var(--app-border);box-shadow:6px 0 24px #09302814}ion-tab-button{flex:0 0 76px;width:100%;max-width:none;border-top:0;border-left:3px solid transparent}ion-tab-button.tab-selected{border-left-color:var(--app-gold)}}ion-app .field-page__hero--active,ion-app .field-page__hero--finished,ion-app .field-page__panel,ion-app .online-room-page__hero,ion-app .online-room-page__panel,ion-app .profile-page__account,ion-app .profile-page__data,ion-app .profile-page__summary,ion-app .profile-page__parent-pin,ion-app .profile-page__player,ion-app .profile-page__sound,ion-app .profile-page__appearance,ion-app .profile-page__online-progress,ion-app .profile-page__online,ion-app .profile-page__group,ion-app .review-page__card,ion-app .rules-page__section,ion-app .about-page__section,ion-app .about-page__contact{background:var(--app-surface);border-color:var(--app-border);box-shadow:0 10px 28px #14483d0f}.field-page__text,.online-room-page__text,.profile-page__empty,.review-page__empty,.rules-page__steps,.about-page__greeting{color:var(--app-ink-muted)}@keyframes app-reveal-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes app-reveal-pop{0%{opacity:0;transform:translateY(14px) scale(.9)}60%{opacity:1;transform:translateY(0) scale(1.03)}to{opacity:1;transform:none}}.app-reveal{animation:app-reveal-rise .38s cubic-bezier(.05,.7,.1,1) both}.app-stagger>*{animation:app-reveal-rise .38s cubic-bezier(.05,.7,.1,1) both}.app-stagger--pop>*{animation-name:app-reveal-pop;animation-duration:.44s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}.app-stagger>*:nth-child(1){animation-delay:30ms}.app-stagger>*:nth-child(2){animation-delay:75ms}.app-stagger>*:nth-child(3){animation-delay:.12s}.app-stagger>*:nth-child(4){animation-delay:165ms}.app-stagger>*:nth-child(5){animation-delay:.21s}.app-stagger>*:nth-child(6){animation-delay:255ms}.app-stagger>*:nth-child(7){animation-delay:.3s}.app-stagger>*:nth-child(8){animation-delay:345ms}.app-stagger>*:nth-child(9){animation-delay:.39s}.app-stagger>*:nth-child(10){animation-delay:435ms}.app-stagger>*:nth-child(11){animation-delay:.48s}.app-stagger>*:nth-child(12){animation-delay:.52s}@media(prefers-reduced-motion:reduce){.app-reveal,.app-stagger>*{animation:none}}.app-ansar-cta{--background: var(--app-gold);--background-hover: var(--app-gold);--background-activated: var(--app-gold);--background-focused: var(--app-gold);--color: #241a00;--border-radius: var(--r-lg);--border-width: 0;--box-shadow: none;font-weight:800;letter-spacing:.01em}.app-ansar-cta::part(native){border:none;border-radius:var(--r-lg);box-shadow:none}.app-ansar-cta ion-icon{font-size:1.15em;color:#e5322b}.welcome-gate{--welcome-door-grad: linear-gradient(115deg, #f6faf4, #eaf1e8 50%, #dde8dc);--welcome-door-edge: rgba(181, 125, 22, .55);--welcome-door-carve: rgba(27, 126, 114, .28);--welcome-seam-shadow: rgba(20, 72, 61, .22);--welcome-beam: rgba(255, 252, 242, .95);--welcome-burst: radial-gradient( circle, rgba(255, 250, 232, .98), rgba(255, 244, 214, .55) 45%, rgba(255, 244, 214, 0) 72% );--welcome-cloud-upper: rgba(255, 255, 255, .85);--welcome-cloud-lower: rgba(247, 224, 196, .7);--welcome-sky: radial-gradient( 60% 42% at 50% 50%, rgba(255, 253, 246, .9), rgba(255, 253, 246, 0) 70% );--welcome-basmala: #bf922b;--welcome-diamond: rgba(31, 138, 123, .65);--welcome-greet-ar: #1f8a7b;--welcome-title: #163b33;position:fixed;inset:0;z-index:60000;overflow:hidden;background:var(--app-ground)}.ion-palette-dark .welcome-gate{--welcome-door-grad: linear-gradient(115deg, #13506b, #0e3a4d 50%, #0b2e3c);--welcome-door-edge: rgba(229, 184, 79, .5);--welcome-door-carve: rgba(229, 184, 79, .22);--welcome-seam-shadow: rgba(0, 0, 0, .5);--welcome-beam: rgba(255, 247, 224, .9);--welcome-burst: radial-gradient( circle, rgba(255, 243, 208, .95), rgba(255, 228, 166, .45) 45%, rgba(255, 228, 166, 0) 72% );--welcome-cloud-upper: rgba(240, 232, 210, .55);--welcome-cloud-lower: rgba(226, 168, 120, .4);--welcome-sky: radial-gradient( 60% 42% at 50% 50%, rgba(255, 248, 228, .55), rgba(255, 248, 228, 0) 70% );--welcome-basmala: #e9c46a;--welcome-diamond: rgba(233, 196, 106, .7);--welcome-greet-ar: #f4ead0;--welcome-title: #fbf4e2}.welcome-gate__sky{position:absolute;inset:0;z-index:1;background:var(--welcome-sky)}.welcome-gate__cloud{position:absolute;left:50%;z-index:1;border-radius:50%;filter:blur(24px);transform:translate(-50%)}.welcome-gate__cloud--upper{top:33%;width:160px;height:96px;background:var(--welcome-cloud-upper)}.welcome-gate__cloud--lower{top:60%;width:130px;height:76px;background:var(--welcome-cloud-lower)}.welcome-gate__burst{position:absolute;top:50%;left:50%;z-index:3;width:min(70vmin,420px);height:min(70vmin,420px);margin:calc(min(70vmin,420px)/-2) 0 0 calc(min(70vmin,420px)/-2);pointer-events:none;background:var(--welcome-burst);border-radius:50%}.welcome-gate__stage{position:absolute;inset:0;z-index:2;perspective:1100px;perspective-origin:50% 50%}.welcome-gate__door{position:absolute;top:0;bottom:0;width:51%;background:var(--welcome-door-grad);transform-style:preserve-3d;backface-visibility:hidden;will-change:transform}.welcome-gate__door--left{left:0;border-right:1.5px solid var(--welcome-door-edge);box-shadow:inset -30px 0 46px -16px var(--welcome-seam-shadow);transform-origin:left center}.welcome-gate__door--right{right:0;border-left:1.5px solid var(--welcome-door-edge);box-shadow:inset 30px 0 46px -16px var(--welcome-seam-shadow);transform-origin:right center}.welcome-gate__door-ornament{position:absolute;inset:0;background:var(--app-rosette) 0 0 / 132px 132px repeat;opacity:calc(var(--app-rosette-opacity) * .8)}.welcome-gate__door-panel{position:absolute;inset:11% 14%;border:1.5px solid var(--welcome-door-carve);border-radius:var(--r-pill) var(--r-pill) var(--r-lg) var(--r-lg);box-shadow:inset 0 0 34px -12px var(--welcome-seam-shadow)}.welcome-gate__door-panel:before{position:absolute;inset:10px;content:"";border:1px solid var(--welcome-door-carve);border-radius:inherit;opacity:.7}.welcome-gate__door-medallion{position:absolute;top:50%;left:50%;width:108px;height:108px;background:var(--app-rosette) center / contain no-repeat;opacity:calc(var(--app-rosette-opacity) * 2.4);transform:translate(-50%,-50%)}.welcome-gate__seam{position:absolute;top:0;bottom:0;left:50%;z-index:3;width:3px;background:linear-gradient(180deg,#f0d28a,#e9c46a 30%,#e2784f 80%);box-shadow:0 0 22px 3px #e9c46a99;transform:translate(-50%)}.welcome-gate__content{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--app-safe-area-top) max(32px,var(--app-safe-area-right)) var(--app-safe-area-bottom) max(32px,var(--app-safe-area-left));text-align:center}.welcome-gate__basmala{display:block;width:min(100%,250px);height:34px;background:var(--welcome-basmala);filter:drop-shadow(0 2px 8px rgba(0,0,0,.25));-webkit-mask:url(/basmala.png) center / contain no-repeat;mask:url(/basmala.png) center / contain no-repeat}.welcome-gate__diamond{margin:12px 0 26px;font-size:var(--fs-md);color:var(--welcome-diamond)}.welcome-gate__greeting-ar{margin:0 0 4px;font-size:clamp(1.8rem,6vw,2.4rem);line-height:1.6;color:var(--welcome-greet-ar)}.welcome-gate__title{margin:0 0 36px;font-size:clamp(1.5rem,5.4vw,2rem);line-height:1.3;color:var(--welcome-title);text-shadow:0 3px 16px rgba(0,0,0,.3)}.welcome-gate__play{display:inline-flex;gap:8px;align-items:center;padding:16px 48px;font-family:inherit;font-size:var(--fs-lg);font-weight:800;color:#3a2208;cursor:pointer;background:linear-gradient(180deg,#f3d186,#e6a24a 60%,#e2784f);border:none;border-radius:var(--r-pill);box-shadow:0 10px 26px #e2784f73,inset 0 1px #ffffff80}.welcome-gate__play:disabled{opacity:.7}