/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.visible\!{visibility:visible!important}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.static\!{position:static!important}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.isolate{isolation:isolate}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.hidden\!{display:none!important}.inline{display:inline}.table{display:table}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--control-paper:#fff;--control-ink:#203e37;--control-muted:#5b7068;--control-line:#dbe4df;--control-soft:#f0f5f2;--control-accent:#ffcf45;--forest:#173e32;--ink:#243c30;--gold:#c8af78;--cream:#f5ecda;--paper:#f8f0e1;color:var(--ink);font-synthesis:none;background:#252b24;font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;border:0}button:disabled{cursor:wait;opacity:.75}button:focus-visible,a:focus-visible,input:focus-visible,.world:focus-visible{outline-offset:4px;outline:3px solid #d5ab55}a{color:inherit}svg{display:block}h1,h2,p{margin:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.game-shell{background:var(--cream);width:100%;max-width:1280px;min-height:100svh;margin:0 auto;overflow:hidden;box-shadow:0 0 120px #0005}.topbar{color:#ddc994;z-index:10;background:linear-gradient(100deg,#2a3028,#263128 68%,#1d2924);border-bottom:1px solid #af98693b;align-items:center;gap:16px;height:72px;padding:10px 24px;display:flex;position:relative;box-shadow:0 4px 24px #11261e33}.round-control{border:1px solid var(--gold);background:0 0;border-radius:50%;flex:0 0 46px;place-items:center;width:46px;height:46px;transition:background .2s;display:grid}.round-control:hover{background:#b5a16b20}.round-control svg{stroke-width:1.7px;width:24px;height:24px}.wordmark{text-transform:uppercase;letter-spacing:.13em;white-space:nowrap;font-size:20px}.topbar-spacer{flex:1}.play-layout{grid-template-columns:minmax(0,1fr) 370px;min-height:calc(100svh - 72px);display:grid}.world{isolation:isolate;background:#bbae94;height:calc(100svh - 72px);min-height:650px;position:relative;overflow:hidden}.world-art{z-index:-2;width:100%;height:100%;position:absolute;inset:0}.world-light{z-index:-1;pointer-events:none;background:linear-gradient(#fffaf382,#0000 33% 80%,#222a2638);position:absolute;inset:0}.location-heading{text-align:center;text-shadow:0 1px 12px #fff8ea,0 1px 3px #fff8ea;position:absolute;top:29px;left:24px;right:24px}.location-heading>p{text-transform:uppercase;letter-spacing:.09em;font-size:15px;line-height:1.7}.location-heading>p span{padding:0 4px}.location-heading h1{letter-spacing:-.015em;margin:3px 0 12px;font-size:clamp(31px,3.7vw,53px);font-weight:500;line-height:1.3}.school-badge{text-shadow:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f3eddfa8;border:1px solid #314a3ac9;border-radius:10px;padding:7px 17px;font-size:17px;display:inline-block}.counter{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(125deg,#fff9edeb,#e7dac3ee);border:1px solid #fff9dc;border-radius:21px;min-width:155px;padding:12px 15px 16px;position:absolute;top:190px;right:27px;box-shadow:0 0 0 1px #bba27a,0 8px 26px #3e382633}.counter strong{font-variant-numeric:tabular-nums;font-size:42px;font-weight:500;line-height:1}.counter strong span{font-size:29px}.counter-label{margin:6px 0 13px;font-size:16px;display:block}.counter-dots{justify-content:center;gap:8px;display:flex}.counter-dots>span{border:1px solid #756d58;border-radius:50%;width:12px;height:12px;transition:background .25s,transform .25s}.counter-dots .filled{background:var(--forest);border-color:var(--forest);transform:scale(1.06)}.counter-dots .pending{border-color:var(--forest);background:#355d4a44}.is-complete{border-color:#345e44}.world-tools{gap:20px;display:flex;position:absolute;bottom:24px;left:25px}.world-tools button{color:#fff9e8;text-shadow:0 2px 8px #1a211d;background:0 0;justify-items:center;gap:7px;min-width:48px;font-size:16px;font-weight:500;display:grid}.world-tools button>span{background:#1b352bd9;border:1px solid #e4d2a1;border-radius:12px;place-items:center;width:54px;height:54px;transition:transform .2s,background .2s;display:grid;box-shadow:inset 0 0 0 3px #1b352b,inset 0 0 0 4px #c8b58950}.world-tools button:hover>span{background:#254b3cef;transform:translateY(-2px)}.world-tools svg{stroke-width:1.3px;color:#dbc899;width:31px;height:31px}.scene-hint{text-align:right;color:#fff9e8;text-shadow:0 2px 8px #152a20;max-width:190px;font-size:14px;position:absolute;bottom:38px;right:24px}.landing-message{white-space:nowrap;color:var(--paper);background:#173e32e8;border:1px solid #dbcc9e80;border-radius:22px;align-items:center;gap:7px;padding:9px 15px;font-size:14px;animation:.3s ease-out message-in;display:flex;position:absolute;top:64%;left:50%;transform:translate(-50%)}.player-marker{opacity:.9}.pilgrim-figure{transform-origin:302px 1143px;animation:5s ease-in-out infinite breathe}.is-throwing .pilgrim-figure{animation:1.45s ease-in-out both throw-body}.landing-ripple{transform-origin:576px 835px;animation:.8s ease-out forwards ripple}.is-paused .pilgrim-figure,.is-paused .landing-ripple{animation-play-state:paused}.flying-pebble{filter:drop-shadow(0 2px 2px #302a2566)}.learning-card{z-index:5;background:radial-gradient(at 15% 16%,#fffaf2aa,#0000 70%),linear-gradient(100deg,#f5ecdc,#eae0cd);border-left:1px solid #bca774;justify-content:center;align-items:center;padding:34px 27px;display:flex;position:relative;box-shadow:inset 5px 0 #f8f0df,inset 6px 0 #c9b58766}.card-inner{text-align:center;width:100%;max-width:380px}.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:13px;line-height:1.5}.arabic{white-space:nowrap;color:var(--forest);margin:13px 0 0;font-family:Amiri,Noto Naskh Arabic,Traditional Arabic,serif;font-size:76px;font-weight:400;line-height:1.55}.translation{font-size:18px;font-weight:400;line-height:1.7}.listen-button{color:#5e604f;background:0 0;border:1px solid #6b6654;border-radius:24px;align-items:center;gap:9px;min-height:44px;margin:17px auto 0;padding:8px 18px;font-size:17px;display:inline-flex}.listen-button:hover{background:#d8c8a741}.ornament{color:var(--gold);justify-content:center;align-items:center;gap:10px;margin:32px 8px 25px;display:flex}.ornament span{background:linear-gradient(90deg, transparent, var(--gold));width:40%;height:1px}.ornament span:last-child{transform:rotate(180deg)}.ornament i{border:1px solid var(--gold);flex:none;width:8px;height:8px;transform:rotate(45deg)}.main-instruction{max-width:295px;margin:auto;font-size:21px;line-height:1.5}.throw-button{outline:1px solid var(--forest);outline-offset:2px;color:#fff9ee;background:linear-gradient(130deg,#244e3e,#103429);border:1px solid #afad82;border-radius:13px;justify-content:center;align-items:center;gap:14px;width:100%;min-height:64px;margin:23px 0 13px;padding:15px;font-size:23px;transition:filter .2s,transform .12s;display:flex;box-shadow:inset 0 0 0 3px #234438,0 5px 13px #1d31231c}.throw-button:not(:disabled):hover{filter:brightness(1.15)}.throw-button:not(:disabled):active{transform:translateY(2px)}.throw-button svg{stroke-width:1.5px;flex-shrink:0;width:24px}.pebble-icon{background:radial-gradient(at 33% 23%,#eee5d7,#cec3ab 45%,#8b826f);border-radius:70% 44% 63% 36%;flex-shrink:0;width:26px;height:21px;display:block;transform:rotate(-18deg);box-shadow:1px 3px 3px #08170e88,inset -1px -2px 1px #9e927c}.why-button{text-underline-offset:5px;background:0 0;min-height:44px;padding:8px 12px;font-size:19px;text-decoration:underline}.save-note{color:#74705e;margin-top:20px;font-size:12px;line-height:1.7}.completion-seal{color:#e3ce98;background:#1f4838;border:1px solid #b59c64;border-radius:50%;place-items:center;width:83px;height:83px;margin:28px auto 20px;display:grid;box-shadow:0 0 0 5px #e4d7bd,0 0 0 6px #bca572}.completion-seal svg{width:46px;height:46px}.complete-title{font-size:30px;font-weight:400;line-height:1.4}.lesson-done .main-instruction{font-size:19px}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:30;background:#12241dd1;position:fixed;inset:0}.modal-panel{--panel-y:28px;--panel-x:28px;width:min(520px,100vw - 28px);max-height:calc(100dvh - 40px);padding:var(--panel-y) var(--panel-x);color:var(--ink);z-index:31;background:linear-gradient(125deg,#fbf6e9,#eee3cf);border:1px solid #c7af77;border-radius:24px;outline:none;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 20px 100px #04150d66,inset 0 0 0 5px #f5eddd}.modal-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;display:flex}.modal-heading .eyebrow{color:#7f7257;margin-bottom:6px;font-size:12px}.modal-heading h2{font-size:29px;font-weight:400;line-height:1.2}.modal-close{background:#d9cfb94d;border:1px solid #a99a7770;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.modal-close svg{height:20px}.modal-description{color:#686753;margin-bottom:24px;font-size:16px;line-height:1.65}.primary-small{color:#fbf6e9;background:#1c4334;border:1px solid #a28f5e;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:50px;margin:21px 0 0;padding:14px 18px;font-size:18px;display:flex}.secondary-button{background:0 0;border:1px solid #b2a17b;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:48px;margin-top:12px;padding:12px;font-size:16px;display:flex}.study-content>p{margin-bottom:20px;font-size:17px;line-height:1.75}.rule-note{border-left:2px solid var(--gold);background:linear-gradient(90deg,#cbb99120,#0000);margin:24px 0;padding:4px 0 4px 18px}.rule-note>span{text-transform:uppercase;letter-spacing:.09em;color:#837449;margin-bottom:7px;font-size:13px;display:block}.rule-note strong{font-size:19px;font-weight:500}.rule-note p{margin-top:10px;font-size:16px;line-height:1.7}.source-link{text-underline-offset:4px;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;font-size:14px;line-height:1.6;display:flex}.journey-map{background:#e9dfc8;border:1px solid #c9b997;border-radius:13px;padding:10px 15px 14px;overflow:hidden}.journey-map svg{width:100%}.map-ridge{fill:none;stroke:#c6b992;stroke-width:17px;stroke-linecap:round;opacity:.45}.map-route{fill:none;stroke:#49634a;stroke-width:2px;stroke-dasharray:5 5}.place-dot{fill:#f3ecdc;stroke:#476747;stroke-width:2px}.current-place{fill:#1e4a37;stroke:#c5a770;stroke-width:4px}.journey-map text{fill:#314830;font-family:Georgia,serif;font-size:18px}.journey-map .north-mark{font-size:14px}.map-caption{color:#7d735b;text-align:center;font-size:12px;display:block}.map-place-list{grid-template-columns:1fr 1fr;gap:18px 14px;margin:22px 0;display:grid}.map-place-list strong{font-size:17px;font-weight:500}.map-place-list p{color:#71705d;margin-top:5px;font-size:14px;line-height:1.5}.here-badge{letter-spacing:.04em;text-transform:uppercase;color:#557348;margin-top:4px;font-size:12px;display:block}.journal-progress{border-bottom:1px solid #c9b991;align-items:center;gap:20px;padding:0 0 23px;display:flex}.journal-number{font-size:60px;line-height:1}.journal-number small{color:#7c7c65;margin-left:6px;font-size:25px}.journal-progress strong{font-size:20px;font-weight:400}.journal-progress p{color:#75715e;margin-top:7px;font-size:15px}.journal-checklist{margin:25px 0;padding:0;list-style:none}.journal-checklist li{align-items:center;gap:12px;margin:17px 0;font-size:16px;line-height:1.6;display:flex}.journal-checklist svg{flex:none;width:21px;height:21px}.empty-check{border:1px solid #aea080;border-radius:50%;flex:none;width:19px;height:19px;display:block}.checked{color:#335d42}.study-note{background:#d7cdb84d;border-radius:13px;padding:20px}.study-note p:not(.eyebrow){margin-top:10px;font-size:16px;line-height:1.7}.study-note .secondary-text{color:#7a725e;font-size:14px!important}.pause-state{text-align:center;padding:10px 0 22px}.pause-state>svg{stroke-width:1px;width:52px;height:52px;margin:0 auto 14px}.setting-row{border-top:1px solid #cbbd9e;border-bottom:1px solid #cbbd9e;justify-content:space-between;align-items:center;padding:20px 0;font-size:18px;display:flex}.setting-row small{color:#7b765e;margin-top:6px;font-size:13px;display:block}.setting-row input{accent-color:var(--forest);cursor:pointer;width:23px;height:23px}.reset-note{font-size:18px;line-height:1.8}.audio-lesson{text-align:center;border:1px solid #c9b994;border-radius:14px;padding:0 15px 28px}.audio-lesson strong{font-size:23px;font-weight:400}.audio-lesson>p:last-child{margin-top:9px;font-size:19px}.audio-pending{color:#6c6955;margin-top:22px;font-size:16px;line-height:1.7}@keyframes breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes throw-body{0%,to{transform:rotate(0)}27%{transform:rotate(-1deg)}44%{transform:rotate(2deg)}70%{transform:rotate(.4deg)}}@keyframes ripple{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(2.2)}}@keyframes message-in{0%{opacity:0;translate:0 5px}to{opacity:1;translate:0}}@media (width<=900px){.topbar{gap:11px;height:64px;padding:8px 15px}.round-control{flex-basis:44px;width:44px;height:44px}.wordmark{letter-spacing:.09em;font-size:18px}.play-layout{flex-direction:column;min-height:calc(100svh - 64px);display:flex}.world{width:100%;height:calc(100svh - 388px);min-height:480px}.location-heading{top:18px;left:10px;right:10px}.location-heading>p{font-size:13px}.location-heading h1{margin-bottom:8px;font-size:35px}.school-badge{border-radius:9px;padding:5px 14px;font-size:16px}.counter{border-radius:17px;min-width:145px;padding:10px 13px 13px;top:145px;right:18px}.counter strong{font-size:35px}.counter strong span{font-size:24px}.counter-label{margin:4px 0 10px;font-size:15px}.counter-dots{gap:7px}.counter-dots>span{width:11px;height:11px}.world-tools{gap:16px;bottom:22px;left:17px}.world-tools button{gap:5px;font-size:15px}.world-tools button>span{width:49px;height:49px}.world-tools svg{width:28px;height:28px}.scene-hint{display:none}.learning-card{border:1px solid #b99f6a;border-radius:29px 29px 0 0;min-height:322px;margin-top:-13px;padding:19px 25px 12px;display:block;box-shadow:inset 0 4px #fff9ec,inset 0 5px #bca57277,0 -5px 20px #554d3426}.card-inner{max-width:530px;margin:auto}.eyebrow{font-size:12px}.arabic{margin:5px 0 0;font-size:63px;line-height:1.32}.translation{font-size:17px;line-height:1.55}.listen-button{min-height:40px;margin-top:9px;padding:4px 15px;font-size:15px}.ornament{gap:9px;margin:15px 8px 13px}.ornament i{width:6px;height:6px}.main-instruction{max-width:none;font-size:18px}.throw-button{border-radius:10px;min-height:53px;margin-top:15px;margin-bottom:5px;padding:12px 10px;font-size:21px}.why-button{min-height:39px;padding:6px 12px;font-size:17px}.save-note{margin-top:3px;font-size:12px}.completion-seal{width:53px;height:53px;margin:15px auto}.completion-seal svg{width:32px;height:32px}.complete-title{font-size:24px}.lesson-done .main-instruction{font-size:17px}.landing-message{padding:8px 12px;font-size:13px;top:68%}}@media (width<=400px){.topbar{gap:8px;padding:8px 11px}.wordmark{letter-spacing:.07em;font-size:16px}.round-control{flex-basis:41px;width:41px;height:41px}.location-heading h1{font-size:30px}.location-heading>p{font-size:12px}.counter{min-width:132px;top:135px;right:12px}.counter-dots{gap:6px}.world{min-height:448px}.learning-card{padding-left:20px;padding-right:20px}.main-instruction{font-size:16px}.translation{font-size:15px}.arabic{font-size:58px}.modal-panel{--panel-y:23px;--panel-x:23px;padding:var(--panel-y) var(--panel-x)}.modal-heading h2{font-size:25px}}@media (width>=600px) and (width<=900px){.world{height:66svh;min-height:580px}.location-heading{top:24px}.location-heading h1{font-size:45px}.counter{top:175px;right:30px}.learning-card{padding-top:23px}.card-inner{max-width:480px}}@media (height<=600px) and (width>=650px){.topbar{height:56px}.play-layout{grid-template-columns:minmax(0,1fr) 300px;min-height:calc(100svh - 56px);display:grid}.world{height:calc(100svh - 56px);min-height:420px}.learning-card{border-radius:0;margin:0;padding:20px;display:flex}.arabic{font-size:59px}.location-heading h1{font-size:31px}.location-heading{top:15px}.counter{top:135px;right:17px}.wordmark,.main-instruction{font-size:17px}.throw-button{font-size:18px}.save-note{margin-top:9px}}@media (width<=599px){.world{height:calc(100svh - 427px);min-height:310px}.learning-card{min-height:376px;padding:12px 22px 9px}.learning-card .eyebrow,.learning-card .ornament,.save-note{display:none}.arabic{margin:0;font-size:48px;line-height:1.15}.translation{font-size:15px;line-height:1.5}.listen-button{min-height:44px;margin-top:3px;padding:5px 16px}.main-instruction{margin-top:12px;font-size:16px;line-height:1.5}.throw-button{min-height:52px;margin:12px 0 2px;font-size:20px}.why-button{min-height:44px;font-size:16px}.round-control{flex-basis:44px;width:44px;height:44px}.wordmark{font-size:15px}.counter{min-width:127px;padding:8px 10px 11px;top:133px}.counter strong{font-size:30px}.counter-label{font-size:13px}.counter-dots{gap:6px}.counter-dots>span{width:10px;height:10px}.world-tools{gap:12px;bottom:21px}.world-tools button>span{width:44px;height:44px}.world-tools button{font-size:13px}.lesson-done .eyebrow{display:block}.lesson-done .main-instruction{margin-top:20px}}.reduced-motion .pilgrim-figure,.reduced-motion .landing-ripple,.reduced-motion .landing-message{animation:none}.reduced-motion .trajectory{opacity:.4}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.pilgrim-figure,.landing-ripple,.landing-message{animation:none!important}button{transition:none!important}}.app-error{color:#2b4439;text-align:center;background:#f8f9f1;place-content:center;gap:14px;min-height:100svh;padding:24px;font:400 17px/1.6 DM Sans,Arial,sans-serif;display:grid}.app-error h1{margin:0;font:600 28px/1.2 Fredoka,DM Sans,sans-serif}.app-error p{max-width:44ch;margin:0 auto}.app-error button{color:#2b2204;min-height:48px;font:inherit;cursor:pointer;background:#ffd25f;border:0;border-radius:999px;justify-self:center;padding:10px 22px;font-weight:700}.app-error button:focus-visible{outline-offset:3px;outline:3px solid #245845}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@font-face{font-family:Fredoka;src:url(/fonts/fredoka-latin-600-normal.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:DM Sans;src:url(/fonts/dm-sans-latin-400-normal.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:DM Sans;src:url(/fonts/dm-sans-latin-700-normal.woff2)format("woff2");font-weight:700;font-display:swap}.style-switch{min-height:44px;color:inherit;border:1px solid #ffffff35;border-radius:12px;align-items:center;gap:8px;padding:9px 12px;font:13px Arial,sans-serif;text-decoration:none;display:flex}.playful-game{--little-ink:#293f38;--little-sage:#b9cfbd;--little-paper:#fffdf0;--little-yellow:#ffce46;background:var(--little-sage);color:var(--little-ink);font-family:DM Sans,Arial,sans-serif}.playful-game .scene-vignette{z-index:1;background:linear-gradient(90deg,#b9cfbdf2 0%,#b9cfbdb3 20%,#0000 46%)}.playful-game .immersive-header{color:var(--little-ink);background:0 0;border:0;gap:12px;height:90px;padding:18px 30px}.playful-game .immersive-header>.round-control:first-child{display:none}.playful-game .wordmark{text-transform:none;letter-spacing:-.6px;padding-left:59px;font-family:Fredoka,sans-serif;font-size:25px;font-weight:600;line-height:1.05;position:relative}.playful-game .wordmark small{letter-spacing:2px;margin-top:6px;font:700 12px DM Sans,sans-serif;display:block}.little-brand-icon{color:#ffce46;background:#293f38;border-radius:15px;place-items:center;width:47px;height:49px;display:grid;position:absolute;top:-4px;left:0;transform:rotate(-6deg)}.little-brand-icon svg{width:27px;height:27px}.playful-game .round-control,.playful-game .immersive-tools button{color:#395446;background:#f9fcefbc;border:1px solid #f8fbed80;border-radius:13px;box-shadow:0 3px #6b89651a}.playful-game .style-switch{background:#ecf3e1a1;border-color:#f4f8e57a;font-family:DM Sans,sans-serif;font-weight:700}.playful-game .place-heading{max-width:330px;color:var(--little-ink);text-shadow:none;top:130px;left:38px}.playful-game .place-heading>p:first-child{letter-spacing:1.7px;color:#526f5e;margin-bottom:22px;font:700 12px DM Sans,sans-serif}.playful-game .place-heading h1{letter-spacing:-1.6px;margin-bottom:23px;font-family:Fredoka,sans-serif;font-size:clamp(40px,4.2vw,62px);font-weight:600;line-height:1.05}.playful-game .place-heading h1 em{color:#fffef0;text-shadow:0 3px #6d916742;font-style:normal;display:inline-block;position:relative}.playful-game .place-heading h1 em:after{content:"";background:#e8b831;border-radius:50%;height:5px;position:absolute;bottom:-8px;left:2px;right:0;transform:rotate(-1deg)}.playful-game .place-heading>span{color:#405d4c;-webkit-backdrop-filter:none;backdrop-filter:none;background:#dce7d1;border:0;border-radius:8px;padding:7px 10px;font-size:12px}.playful-game .place-heading .little-description{letter-spacing:0;color:#526d5d;max-width:260px;margin-top:16px;font-family:DM Sans,sans-serif;font-size:15px;line-height:1.65}.little-location{z-index:2;color:#365143;pointer-events:none;background:#f9fbeabf;border:1px solid #ffffff5c;border-radius:12px;grid-template-columns:10px 1fr;align-items:center;gap:5px 8px;padding:10px 15px;font-size:13px;font-weight:700;display:grid;position:absolute;top:112px;left:60%;transform:translate(-50%)}.little-location>span{background:#649277;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #719c7320}.little-location small{letter-spacing:1.1px;color:#677f6b;grid-column:2;font-size:12px}.playful-game .immersive-tools{gap:8px;top:108px;right:30px}.playful-game .immersive-tools span{font:700 12px DM Sans,sans-serif}.playful-game .pebble-counter{color:#3c5948;background:#fffdefe8;border:1px solid #ffffffa3;border-radius:18px;min-width:142px;padding:14px;top:195px;right:30px;box-shadow:0 5px #7d976220}.playful-game .pebble-counter strong{font-family:Fredoka,sans-serif;font-size:35px;font-weight:600}.playful-game .pebble-counter strong span{color:#8c9d7f;font-size:24px}.playful-game .pebble-dots{gap:5px}.playful-game .pebble-dots i{background:#e1e7d3;border:0;border-radius:5px 6px 4px 7px;width:12px;height:13px;transform:rotate(-12deg)}.playful-game .pebble-dots .filled{background:#e7b633;box-shadow:0 2px #c39623}.playful-game .pebble-counter small{color:#63785e;font-size:12px;font-weight:700}.playful-game .approach-card,.playful-game .completion-card,.playful-game .ritual-dock{color:var(--little-ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffef0f5;border:1px solid #fffff6c9;border-radius:21px;box-shadow:0 6px #78966b29,0 16px 40px #526b4214}.playful-game .approach-card,.playful-game .completion-card{flex-wrap:wrap;gap:12px;width:310px;padding:21px;display:flex;bottom:190px;left:32px;transform:none}.playful-game .objective-icon,.playful-game .completion-icon{display:none}.playful-game .approach-card h2,.playful-game .completion-card h2{letter-spacing:-.3px;margin-top:7px;font:600 25px/1.1 Fredoka,sans-serif}.playful-game .approach-card .eyebrow,.playful-game .completion-card .eyebrow{letter-spacing:1.1px;color:#78876b;font:700 12px DM Sans,sans-serif}.playful-game .approach-card p:not(.eyebrow),.playful-game .completion-card p:not(.eyebrow){color:#62705c;margin-top:8px;font-size:13px;line-height:1.6}.playful-game .distance-label{color:#59714d;background:#eaf0dd;border-radius:8px;margin:3px 0 0;padding:7px 10px;font:700 12px DM Sans,sans-serif}.playful-game .begin-button,.playful-game .throw-button{color:#344334;background:#ffce46;border:1px solid #e8b739;border-radius:12px;font-family:DM Sans,sans-serif;font-weight:700;box-shadow:0 4px #d5a929}.playful-game .begin-button{white-space:normal;justify-content:space-between;width:100%;margin-top:5px;font-size:14px}.playful-game .begin-button:hover,.playful-game .throw-button:not(:disabled):hover{background:#ffda68}.playful-game .stick-group{bottom:39px;left:54px}.playful-game .walk-stick{background:#dce7cbb3;border:2px solid #f4f8e5aa;box-shadow:inset 0 0 0 9px #eff4e325,0 5px #72946920}.playful-game .stick-knob{color:#607b55;background:#fffdee;border:1px solid #fff;box-shadow:0 4px #879b6f4a}.playful-game .walk-label{color:#486747;text-shadow:none;font:700 12px DM Sans,sans-serif}.playful-game .camera-reset{color:#55734e;background:#f6fae9ce;border:1px solid #ffffff80;border-radius:13px;font:700 12px DM Sans,sans-serif;bottom:41px;right:30px}.playful-game .look-hint{color:#486547;text-shadow:none;font:12px DM Sans,sans-serif;bottom:15px;left:210px;right:180px}.playful-game .device-save{display:none}.playful-game .ritual-dock{width:310px;padding:19px 17px 7px;bottom:185px;left:32px;transform:none}.playful-game.ritual-mode .place-heading h1{font-size:40px}.playful-game.ritual-mode .little-description{display:none}.playful-game .recitation-row{border-color:#d8dfca;gap:12px}.playful-game .recitation-row .arabic{font-family:Georgia,serif;font-size:32px}.playful-game .recitation-row>div>p:last-child{font-size:12px}.playful-game .listen-button{color:#546d47;background:#e9efda;border:0;border-radius:9px;font-size:12px}.playful-game .ritual-instruction{font-size:13px}.playful-game .throw-button{min-height:49px;margin-top:12px;font-size:15px}.playful-game .key-hint{color:#687045;border-color:#b89536}.playful-game .dock-links button{font-size:12px}.playful-game .scene-loading,.playful-game .scene-error{background:#fffdf0;border-color:#fff;font-family:DM Sans,sans-serif}.playful-game .scene-loading strong{font-family:Fredoka,sans-serif}.playful-panel{color:#293f38;background:#fffdf0;border-radius:22px;font-family:DM Sans,Arial,sans-serif}.playful-panel .modal-heading h2{font-family:Fredoka,sans-serif}@media (height<=820px) and (width>=901px){.playful-game .place-heading{top:112px}.playful-game .place-heading h1{margin-bottom:20px;font-size:45px}.playful-game .place-heading .little-description{display:none}.playful-game .approach-card,.playful-game .completion-card{bottom:172px}.playful-game .ritual-dock{bottom:152px}.playful-game.ritual-mode .place-heading h1{font-size:34px}.playful-game.ritual-mode .place-heading>span{display:none}}@media (width<=900px){.playful-game .immersive-header{gap:8px;height:76px;padding:13px 18px}.playful-game .wordmark{padding-left:49px;font-size:21px}.little-brand-icon{width:39px;height:42px}.playful-game .wordmark small{letter-spacing:1.3px;font-size:12px}.playful-game .scene-vignette{background:linear-gradient(#b9cfbdd4,#0000 32% 72%,#b9cfbd88)}.playful-game .place-heading{max-width:none;top:95px;left:23px;right:155px}.playful-game .place-heading h1{letter-spacing:-.5px;margin-bottom:12px;font-size:28px;line-height:1.1}.playful-game .place-heading h1 br{display:none}.playful-game .place-heading h1 em{color:#293f38;text-shadow:none;margin-left:6px}.playful-game .place-heading h1 em:after{height:3px;bottom:-3px}.playful-game .place-heading>p:first-child{margin-bottom:10px;font-size:12px}.playful-game .place-heading .little-description,.little-location{display:none}.playful-game .immersive-tools{top:93px;right:20px}.playful-game .pebble-counter{min-width:116px;padding:10px;top:174px;right:20px}.playful-game .pebble-counter strong{font-size:29px}.playful-game .pebble-counter small{font-size:12px}.playful-game .pebble-dots i{width:10px;height:11px}.playful-game .approach-card,.playful-game .completion-card{flex-wrap:nowrap;width:min(410px,100% - 36px);padding:17px 19px;bottom:156px;left:50%;transform:translate(-50%)}.playful-game .has-arrived,.playful-game .completion-card{flex-wrap:wrap}.playful-game .approach-card h2,.playful-game .completion-card h2{font-size:23px}.playful-game .distance-label{white-space:nowrap;margin-left:auto}.playful-game .ritual-dock{width:min(410px,100% - 28px);padding:15px 20px 6px;bottom:16px;left:50%;transform:translate(-50%)}.playful-game .recitation-row .arabic{font-size:33px}.playful-game .recitation-row>div>p:last-child{font-size:12px}.playful-game .throw-button{font-size:17px}.playful-game .stick-group{bottom:34px;left:26px}.playful-game .walk-stick{width:98px;height:98px}.playful-game .camera-reset{bottom:66px;right:24px}.playful-game .look-hint{font-size:12px;bottom:13px;left:0;right:0}.playful-game .desktop-keys{display:none}.playful-game.ritual-mode .stick-group{bottom:261px}.playful-game.ritual-mode .camera-reset{bottom:286px}.playful-game.ritual-mode .look-hint{bottom:246px}.playful-game.ritual-mode .place-heading h1{font-size:28px}}@media (width<=550px){.playful-game .immersive-header{gap:6px;height:72px;padding:10px 13px}.playful-game .wordmark{padding-left:43px;font-size:18px}.playful-game .wordmark small{letter-spacing:.9px;font-size:12px}.little-brand-icon{border-radius:11px;width:35px;height:38px;top:-2px}.little-brand-icon svg{width:23px}.playful-game .immersive-header .round-control{flex-basis:38px;width:38px;height:40px}.style-switch{justify-content:center;min-width:38px;padding:8px}.style-switch>span{display:none}.playful-game .place-heading{top:91px;left:20px;right:70px}.playful-game .place-heading h1,.playful-game.ritual-mode .place-heading h1{max-width:250px;font-size:27px}.playful-game .place-heading>span{padding:5px 8px;font-size:12px}.playful-game .immersive-tools{flex-direction:column;top:88px;right:15px}.playful-game .pebble-counter{border-radius:13px;min-width:113px;padding:9px 10px;top:210px;right:15px}.playful-game .pebble-counter strong{font-size:26px}.playful-game .pebble-counter small{margin-top:7px;font-size:12px}.playful-game .pebble-dots{gap:4px;margin-top:8px}.playful-game .approach-card h2{font-size:22px}.playful-game .approach-card p:not(.eyebrow){font-size:12px}.playful-game .recitation-row{gap:19px}.playful-game .look-hint{font-size:12px}}@media (height<=620px) and (orientation:landscape){.playful-game .immersive-header{height:60px;padding:8px 20px}.playful-game .place-heading{max-width:260px;top:78px;left:23px;right:auto}.playful-game .place-heading h1,.playful-game.ritual-mode .place-heading h1{font-size:26px}.playful-game .place-heading h1 br,.playful-game .place-heading>span,.playful-game .little-description,.playful-game .little-location{display:none}.playful-game .immersive-tools{flex-direction:row;top:74px;right:20px}.playful-game .pebble-counter,.playful-game.ritual-mode .pebble-counter{min-width:110px;top:150px;right:20px}.playful-game .approach-card,.playful-game .completion-card{flex-wrap:wrap;width:275px;padding:14px;bottom:110px;left:23px;transform:none}.playful-game .approach-card h2{font-size:21px}.playful-game .ritual-dock,.playful-game.ritual-mode .ritual-dock{width:290px;padding:12px 15px 4px;bottom:18px;left:23px;right:auto;transform:none}.playful-game.ritual-mode .stick-group{bottom:26px;left:auto;right:170px}.playful-game .stick-group{bottom:22px;left:30px}.playful-game .walk-stick{width:75px;height:75px}.playful-game .camera-reset,.playful-game.ritual-mode .camera-reset{bottom:40px;right:24px}.playful-game .look-hint,.playful-game.ritual-mode .look-hint{bottom:9px;left:325px;right:20px}.playful-game.ritual-mode .place-heading{max-width:290px}.playful-game.ritual-mode .place-heading h1{display:none}}@media (width>=901px){.playful-game:has(.completion-card) .place-heading h1{font-size:34px}.playful-game:has(.completion-card) .place-heading>span{display:none}.playful-game:has(.completion-card) .little-description{display:none}}@media (prefers-reduced-motion:reduce){.playful-game *,.playful-panel *{scroll-behavior:auto}}@media (width<=550px){.immersive-game:not(.playful-game) .immersive-header{gap:6px;padding:10px}.immersive-game:not(.playful-game) .immersive-header .wordmark{letter-spacing:.03em;font-size:12px}.immersive-game:not(.playful-game) .immersive-header .round-control{flex-basis:39px;width:39px;height:42px}}
