.boss-gate{background:#f3f9f5;border:2px dashed #aac9ba;border-radius:24px;gap:15px;padding:20px;display:flex}.boss-gate.unlocked{background:linear-gradient(130deg,#edf9ed,#fff9d6);border-style:solid;border-color:#10816f}.boss-gate h3{margin:2px 0;font-size:23px}.boss-gate p{margin:7px 0 13px;line-height:1.55}.boss-gate-icon{color:#10816f;flex-shrink:0;padding-top:8px}.boss-page{max-width:700px!important;padding-bottom:40px!important}.boss-page>.eyebrow{margin-top:24px}.boss-hud{color:#185d4a;justify-content:space-between;align-items:center;gap:10px;margin:22px 0 10px;font-size:14px;font-weight:800;display:flex}.boss-hud>span{align-items:center;gap:6px;display:flex}.boss-stage{isolation:isolate;background:#d8f1e7;border:3px solid #22694f;border-radius:27px;height:260px;position:relative;overflow:hidden;box-shadow:0 8px #bdd4c0}.boss-landscape{width:100%;height:100%;position:absolute;inset:0}.boss-hero{width:110px;height:150px;animation:3s ease-in-out infinite hero-breathe;position:absolute;bottom:15px;left:8%}.boss-character{transform-origin:bottom;width:155px;height:185px;animation:2.8s ease-in-out infinite boss-breathe;position:absolute;bottom:15px;right:7%}.boss-projectile{color:#155f45;background:#fff9b7;border:3px solid #e0c44b;border-radius:50%;place-items:center;width:40px;height:40px;font-size:29px;font-weight:900;animation:.55s ease-in forwards letter-shot;display:grid;position:absolute;top:53%;left:23%;box-shadow:0 0 18px #fff9b7}.boss-hit-star{color:#fff8a6;text-shadow:0 2px #7c6522;opacity:0;font-size:60px;animation:.8s ease-out .35s forwards hit-star;position:absolute;top:28%;right:13%}.boss-confetti{text-align:center;color:#f4d647;letter-spacing:14px;font-size:35px;animation:1.6s ease-out both celebrate;position:absolute;inset:15px 0 auto}.boss-stage.paused *{animation-play-state:paused!important}.boss-question{margin-top:22px;padding:24px;line-height:1.65}.boss-question h2{margin:10px 0 14px;font-size:22px;line-height:1.4}.boss-question .button{min-height:48px}.boss-question>.button{justify-content:center;width:100%}.boss-options{grid-template-columns:1fr 1fr;gap:12px;margin:18px 0;display:grid}.boss-options>.button{white-space:normal;overflow-wrap:anywhere;justify-content:center;min-height:72px;font-size:19px}.boss-options>.arabic{padding:14px 10px;font-size:29px;line-height:1.9}.boss-timer{color:#176c51;background:#eef8f1;border-radius:17px;align-items:center;gap:16px;padding:10px 14px;font-size:27px;display:flex}.boss-timer small{font-size:13px}.boss-timer progress{accent-color:#10816f;flex:1;min-width:50px;height:14px}.boss-timer.urgent{color:#83521a;background:#fff3d6}.boss-timer.urgent progress{accent-color:#b87918}.boss-result{text-align:center;color:#185d4a}.boss-result>svg{color:#b79621}.boss-result>strong{background:#fff4ae;border-radius:17px;padding:15px;display:block}.boss-question .notice{margin-top:16px}.boss-result .tutor-actions{flex-wrap:wrap;justify-content:center}@keyframes hero-breathe{50%{transform:translateY(-4px)rotate(-2deg)}}@keyframes boss-breathe{50%{transform:scale(1.025,.975)rotate(1deg)}}@keyframes boss-hit{15%,45%{transform:translate(8px)rotate(5deg)}30%,60%{transform:translate(-4px)rotate(-2deg)}to{transform:none}}@keyframes letter-shot{0%{opacity:1;transform:translate(0)scale(.5)}90%{opacity:1}to{opacity:0;left:76%;transform:translateY(-18px)scale(1.15)}}@keyframes hit-star{0%{opacity:0;transform:scale(.3)}35%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:translateY(-20px)}}@keyframes boss-friendly{50%{transform:translateY(-8px)rotate(-2deg)}}@keyframes celebrate{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@media (width<=430px){.boss-stage{height:225px}.boss-hero{width:88px;height:130px;left:5%}.boss-character{width:125px;height:160px;right:4%}.boss-question{padding:17px}.boss-gate{gap:10px;padding:15px}.boss-gate-icon{display:none}.boss-options{gap:9px}.boss-options>.arabic{font-size:26px}.boss-hud{font-size:12px}}.boss-health{accent-color:#10816f;width:100%;height:14px;margin-bottom:12px}.boss-word-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.boss-word-grid .button{white-space:normal;overflow-wrap:anywhere;justify-content:center;min-height:52px;padding:7px 3px;font-size:23px;line-height:1.5}.boss-word-grid .picked{opacity:.35;background:#d2e5d8}.boss-clue{min-height:26px;font-size:14px}.boss-projectile{width:95px;height:30px;box-shadow:none;filter:drop-shadow(0 2px 2px #31553c);background:0 0;border:0;border-radius:0;animation:.75s ease-in forwards arrow-flight;display:block;top:53%;left:19%}.boss-stage.impact .boss-character{animation:1.35s ease-out boss-damage,2.8s 1.35s infinite boss-breathe}.boss-hit-star{animation:1s ease-out .65s forwards hit-star}.boss-stage.impact{box-shadow:0 8px #bdd4c0}.boss-stage.victory .boss-character{animation:1.35s ease-out boss-damage,1.6s 1.35s infinite boss-friendly}@keyframes arrow-flight{0%{opacity:1;left:19%;transform:translateY(5px)rotate(-7deg)}85%{opacity:1}to{opacity:0;left:76%;transform:translateY(-8px)}}@keyframes boss-damage{0%,49%{filter:none;transform:none}55%,70%,85%{filter:brightness(1.8)sepia(.7);transform:translate(12px)rotate(8deg)}62%,78%,92%{filter:brightness(.8);transform:translate(-6px)rotate(-4deg)}to{filter:none;transform:none}}@media (width<=430px){.boss-stage{height:170px}.boss-hero{width:78px;height:110px;bottom:6px}.boss-character{width:110px;height:140px;bottom:6px}.boss-word-grid .button{min-height:46px;font-size:21px}.boss-page .page-title{font-size:28px}.boss-hud{margin-top:10px}}.boss-page>div:has(.boss-stage){z-index:5;position:sticky;top:8px}.boss-stage{height:180px}.boss-page .boss-hero{width:82px;height:115px;bottom:8px}.boss-page .boss-character{width:118px;height:150px;bottom:8px}.boss-health{transition:all .25s}.boss-question{padding:16px}.boss-word-grid .button:disabled{cursor:default}.boss-word-grid .button:disabled:not(.picked){opacity:1}@media (width<=430px){.boss-stage{height:145px}.boss-page .boss-character{height:125px}.boss-page .boss-hero{height:100px}}.boss-page .boss-stage *{animation-play-state:running!important}.boss-page.motion-off .boss-stage *{animation:none!important}.boss-page.motion-off .boss-projectile,.boss-page.motion-off .boss-hit-star{display:none}.boss-page.motion-off .boss-stage.impact{outline:3px solid #e2c53f}.boss-motion-toggle{margin-left:auto;font-size:12px;display:block;min-height:30px!important;padding:5px 9px!important}.boss-stage.impact .boss-character{animation-name:boss-damage,boss-breathe!important;animation-duration:1.35s,2.8s!important;animation-iteration-count:1,infinite!important;animation-delay:0s,1.35s!important}.boss-stage .boss-projectile{animation-name:arrow-flight!important;animation-duration:.75s!important;animation-iteration-count:1!important}.boss-stage .boss-hit-star{animation-name:hit-star!important;animation-duration:1s!important;animation-iteration-count:1!important;animation-delay:.65s!important}.boss-page.motion-off .boss-stage *{animation-name:none!important}@font-face{font-family:El Messiri;src:url(/fonts/el-messiri.ttf)format("truetype");font-weight:400 700;font-display:swap}:root{color:var(--ink);background:var(--sand);font-synthesis:none;text-rendering:optimizelegibility;--brand-green:#01a54d;--brand-teal:#10816f;--brand-blue:#1d5f82;--brand-indigo:#2c368b;--brand-yellow:#faed21;--brand-red:#e8242a;--font-display:"El Messiri", Georgia, serif;--forest:var(--brand-teal);--forest-dark:var(--brand-blue);--leaf:var(--brand-teal);--mint:#f7fcf9;--sun:var(--brand-yellow);--sand:#f4f8f7;--ink:#172f35;--muted:#526970;--line:#d6e4df;--coral:var(--brand-red);--card:#fff;--shadow:0 12px 36px #1d5f8212;--color-info-soft:#eaf1f6;--color-warning-soft:#fffbdc;--color-danger-soft:#fff0f0;--color-danger-text:#a71920;--color-on-accent:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--sand);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--sun);outline-offset:2px}#root,.app-shell{min-height:100vh}.student-shell{background:var(--sand);width:min(100%,480px);min-height:100vh;margin:0 auto;padding:22px 18px 108px}.desktop-shell{grid-template-columns:246px minmax(0,1fr);min-height:100vh;display:grid}.side-nav{min-width:0;min-height:100vh;color:var(--color-on-accent);background:var(--forest);flex-direction:column;padding:28px 18px;display:flex}.main-content{justify-self:center;width:min(1120px,100%);min-width:0;padding:34px clamp(20px,4vw,56px)}.sidebar-account{color:#fffc;overflow-wrap:anywhere;margin-top:auto;padding-top:24px;font-size:12px;line-height:1.45}.brand{letter-spacing:-.04em;align-items:center;gap:10px;font-weight:850;display:flex}.brand-mark{width:38px;height:38px;color:var(--forest);background:var(--sun);font-family:var(--font-display);border-radius:13px;place-items:center;font-size:25px;font-weight:700;display:grid}.card{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);border-radius:24px}.eyebrow{color:var(--leaf);letter-spacing:.13em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:850}.muted{color:var(--muted)}.pill{color:var(--forest);background:var(--mint);border-radius:999px;align-items:center;gap:6px;padding:7px 11px;font-size:12px;font-weight:750;display:inline-flex}.button{color:#fff;background:var(--forest);min-height:46px;box-shadow:0 5px 0 var(--forest-dark);border:0;border-radius:15px;padding:0 18px;font-weight:800;transition:transform .15s,box-shadow .15s}.button.secondary{color:var(--forest);background:var(--mint);box-shadow:0 4px 0 var(--line)}.button.ghost{min-height:40px;color:var(--forest);box-shadow:none;background:0 0}.field{color:var(--ink);gap:7px;margin:14px 0;font-size:13px;font-weight:750;display:grid}.field input,.field select{border:1px solid var(--line);width:100%;min-height:47px;color:var(--ink);background:#fff;border-radius:14px;padding:0 14px}.field textarea{resize:vertical;border:1px solid var(--line);width:100%;color:var(--ink);background:var(--card);border-radius:11px;padding:12px;line-height:1.6}.field input[type=file]{padding:12px}.roadmap-panel{margin-bottom:20px}.roadmap-panel h2,.roadmap-panel h3{font-family:var(--font-display)}.roadmap-panel p{overflow-wrap:anywhere;line-height:1.6}.roadmap-panel .button{align-items:center;gap:8px;display:inline-flex}.roadmap-review{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.roadmap-chapter,.roadmap-exercise{border:1px solid var(--line);border-radius:14px;margin:14px 0;padding:16px}.roadmap-exercise{background:var(--sand)}.roadmap-panel summary{cursor:pointer;overflow-wrap:anywhere;font-weight:750;line-height:1.5}.roadmap-confirm{align-items:flex-start;gap:12px;margin:20px 0;line-height:1.6;display:flex}.roadmap-confirm input{width:20px;height:20px;accent-color:var(--forest);flex:none;margin-top:4px}.notice{color:var(--color-danger-text);background:var(--color-danger-soft);border-radius:14px;margin:12px 0;padding:12px 14px;font-size:13px;line-height:1.5}.notice.success{color:var(--forest);background:var(--mint)}.student-tabbar{z-index:10;padding:10px 12px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border-top:1px solid #20372d14;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.student-tabbar-inner{justify-content:space-around;width:min(100%,450px);display:flex}.tab-button{min-width:68px;color:var(--muted);background:0 0;border:0;place-items:center;gap:4px;font-size:10px;font-weight:750;display:grid}.tab-button.active{color:var(--forest)}.tab-button svg{width:21px;height:21px}.page-title{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(27px,5vw,42px);line-height:1.05}.map-scene{background:linear-gradient(160deg, var(--mint) 0%, var(--color-info-soft) 65%, var(--color-warning-soft) 100%);border:1px solid #194d3a17;border-radius:30px;min-height:630px;margin-top:20px;position:relative;overflow:hidden}.map-scene:before,.map-scene:after{content:"";background:#ffffff47;border-radius:50%;position:absolute}.map-scene:before{width:175px;height:175px;top:42px;left:-45px}.map-scene:after{width:218px;height:218px;bottom:50px;right:-62px}.map-path{background:repeating-linear-gradient(to bottom, var(--card) 0 16px, transparent 16px 29px);opacity:.9;border-radius:99px;width:7px;position:absolute;top:70px;bottom:70px;left:50%;transform:translate(-50%)rotate(5deg)}.zone-block{z-index:1;background:#fffffff2;border-radius:25px;justify-content:space-between;align-items:center;gap:14px;padding:17px;display:flex;position:absolute;left:18px;right:18px;box-shadow:0 8px 24px #2a4d301c}.zone-block.zone-0{top:48px}.zone-block.zone-1{top:244px}.zone-block.zone-2{top:440px}.zone-copy{min-width:0}.map-scene{gap:26px;padding:28px 14px;display:grid;min-height:0!important}.map-scene .zone-block{position:relative;top:auto;left:auto;right:auto}.zone-copy{flex:1}.zone-copy p{overflow-wrap:anywhere;line-height:1.5}.zone-lessons{flex-wrap:wrap}.zone-copy h3{font-family:var(--font-display);margin:3px 0 5px;font-size:19px}.zone-copy p{color:var(--muted);margin:0;font-size:12px}.zone-badge{background:var(--mint);border-radius:20px;flex:none;place-items:center;width:58px;height:58px;font-size:28px;display:grid}.zone-1 .zone-badge{background:var(--color-warning-soft)}.zone-2 .zone-badge{background:var(--color-info-soft)}.zone-lessons{gap:6px;margin-top:10px;display:flex}.mission-map{gap:14px;margin-top:20px;display:grid}.mission-intro{background:var(--mint);border-radius:20px;padding:16px 18px}.mission-intro p{color:var(--muted);margin:6px 0 0;font-size:13px}.chapter-missions{border:1px solid var(--line);background:var(--card);border-radius:23px;overflow:hidden}.chapter-missions>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:20px;list-style:none;display:flex}.chapter-missions>summary::-webkit-details-marker{display:none}.chapter-missions summary small{letter-spacing:1px;color:var(--muted);margin-bottom:5px;font-size:10px;display:block}.chapter-missions summary strong{font-family:var(--font-display);font-size:22px}.mission-list{gap:12px;padding:0 14px 14px;display:grid}.mission-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:15px}.mission-card.available{border-color:var(--forest);background:#f7fcfa}.mission-top{align-items:center;gap:12px;display:flex}.mission-medal{font-size:27px}.mission-top h3{font-size:18px;font-family:var(--font-display);margin:2px 0}.mission-top .eyebrow{margin:0;font-size:10px}.mission-card>p{margin:9px 0;font-size:12px}.mission-card .zone-lessons{justify-content:space-between;gap:0}.mission-card .lesson-dot{flex-basis:36px;width:40px;height:44px}.mission-card .lesson-dot:before{inset:6px 4px}.mission-reward{color:var(--forest);font-weight:700}.lesson-dot{isolation:isolate;width:44px;height:44px;color:var(--muted);touch-action:manipulation;background:0 0;border:0;border-radius:50%;flex:0 0 44px;place-items:center;padding:0;font-size:10px;font-weight:800;display:grid;position:relative}.lesson-dot:before{z-index:-1;border:1px solid var(--line);content:"";background:#fff;border-radius:50%;position:absolute;inset:10.5px}.lesson-dot.available{color:#fff}.lesson-dot.available:before{border-color:var(--forest);background:var(--forest)}.lesson-dot.complete{color:var(--ink)}.lesson-dot.complete:before{border-color:var(--sun);background:var(--sun)}.lesson-dot>span{z-index:1;place-items:center;display:grid;position:relative}.topline{justify-content:space-between;align-items:center;gap:12px;margin-bottom:23px;display:flex}.stats-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:17px 0;display:grid}.stat-card{padding:16px}.stat-value{margin:4px 0 0;font-size:25px;font-weight:850}.lesson-card{padding:21px}.arabic{text-align:center;direction:rtl;font-family:Noto Naskh Arabic,Amiri,Arial,serif;font-size:36px;line-height:1.8}.option-list{gap:10px;margin-top:20px;display:grid}.lesson-audio{flex-wrap:wrap;justify-content:center;gap:10px;margin:18px 0 10px;display:flex}.lesson-audio .button{justify-content:center;align-items:center;gap:7px;min-height:44px;display:inline-flex}.audio-status{text-align:center}.tutor-audio{gap:8px;margin:13px 0 3px}.tutor-audio .button{padding:0 10px;font-size:12px}.tutor-audio-status .button{align-items:center;gap:6px;display:inline-flex}.option-row{min-width:0;display:grid}.option-row.has-audio{grid-template-columns:minmax(0,1fr) 48px;gap:8px}.option-audio{border:1px solid var(--line);min-height:48px;color:var(--forest);background:var(--mint);cursor:pointer;border-radius:14px;place-items:center;gap:3px;padding:8px 4px;display:grid}.option-audio span{font-size:10px;font-weight:800}.option-audio:disabled{cursor:wait}.lesson-audio [aria-pressed=true],.option-audio[aria-pressed=true]{outline:2px solid var(--forest);outline-offset:2px}.option{border:1px solid var(--line);min-height:54px;color:var(--ink);background:#fff;border-radius:16px;font-size:17px;font-weight:750}.option.selected{border:2px solid var(--leaf);background:var(--mint)}.option.correct{border-color:var(--forest);color:var(--forest);background:var(--mint)}.option.wrong{border-color:var(--coral);background:var(--color-danger-soft)}.companion{background:linear-gradient(135deg, var(--color-warning-soft), var(--sun));border-radius:18px;flex:none;place-items:center;width:54px;height:54px;font-size:29px;display:grid;box-shadow:inset 0 -5px #554d1f14}.tutor-card{margin-top:18px;padding:22px;overflow:hidden}.tutor-heading{align-items:center;gap:11px;display:flex}.tutor-description{margin:12px 0 16px;line-height:1.6}.tutor-privacy{margin:13px 0}.tutor-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0;display:grid}.tutor-actions .button,.tutor-camera-actions .button,.tutor-result-actions .button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.tutor-actions .button{min-height:55px;padding:0 12px}.tutor-gallery-button{border:1px solid var(--line);background:#fff!important}.tutor-camera{background:var(--ink);border-radius:20px;margin-top:12px;overflow:hidden}.tutor-camera video{object-fit:cover;width:100%;max-height:380px;display:block}.tutor-camera-actions{gap:9px;padding:11px;display:flex}.tutor-camera-actions .button:first-child{flex:1}.tutor-camera-actions .button.ghost{color:#fff}.tutor-progress{border:1px solid var(--line);color:var(--forest);background:var(--mint);border-radius:16px;align-items:center;gap:10px;margin:14px 0;padding:15px;font-weight:750;display:flex}.tutor-photo-loading{border:1px solid var(--line);background:var(--sand);border-radius:18px;align-items:center;gap:13px;margin:15px 0;padding:11px;display:flex}.tutor-photo-loading img{object-fit:cover;border-radius:13px;flex:none;width:76px;height:76px}.tutor-photo-loading>div{color:var(--forest);grid-template-columns:20px 1fr;align-items:center;gap:3px 8px;display:grid}.tutor-photo-loading strong{font-size:13px}.tutor-photo-loading span{color:var(--muted);grid-column:2;font-size:12px}.tutor-result{border:1px solid var(--line);background:linear-gradient(155deg, var(--mint) 0%, var(--card) 65%);border-radius:23px;margin:15px 0 0;padding:15px;box-shadow:0 8px 22px #20493114}.tutor-result-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.tutor-result-header .pill{padding:8px 11px}.tutor-result-photo{object-fit:cover;border:3px solid #fff;border-radius:18px;width:68px;height:68px;box-shadow:0 3px 11px #2049311f}.tutor-result-word{border:1px solid var(--line);text-align:center;background:#ffffffe0;border-radius:19px;margin:12px 0;padding:14px 12px 10px}.tutor-result-label{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:850}.tutor-result-arabic{color:var(--forest);margin:3px 0 0;font-size:clamp(42px,11vw,58px);line-height:1.7}.tutor-result-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.tutor-result-detail{border:1px solid var(--line);background:var(--mint);border-radius:15px;gap:4px;min-width:0;padding:12px;display:grid}.tutor-result-detail span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:850}.tutor-result-detail strong{overflow-wrap:anywhere;color:var(--forest);font-size:14px}.tutor-example{color:#fff;background:var(--forest);border-radius:18px;margin-top:10px;padding:15px}.tutor-example-heading{color:var(--sun);align-items:center;gap:8px;font-size:13px;display:flex}.tutor-example-arabic{color:#fff;margin:8px 0 3px;font-size:clamp(24px,7vw,30px);line-height:1.85}.tutor-example-translation{color:#e8f5ef;margin:2px 0 0;font-size:13px;line-height:1.55}.tutor-answer-notice{margin-top:15px}.tutor-result-actions{justify-content:flex-end;gap:8px;margin:13px 0 2px;display:flex}.tutor-footer{align-items:flex-start;gap:5px;margin-top:16px;display:flex}.tutor-footer svg{flex:none;margin-top:2px}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.dashboard-card{padding:22px}.table-wrap{border:1px solid var(--line);background:var(--card);border-radius:18px;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th,td{border-bottom:1px solid var(--line);white-space:nowrap;padding:12px 14px;font-size:13px}th{color:var(--muted);background:var(--sand);letter-spacing:.07em;text-transform:uppercase;font-size:11px}.side-links{gap:7px;margin-top:38px;display:grid}.side-links button{color:#e8f5ef;text-align:left;background:0 0;border:0;border-radius:13px;align-items:center;gap:12px;min-height:46px;padding:0 13px;font-weight:700;display:flex}.side-links button.active,.side-links button:hover{color:var(--forest);background:var(--card)}.signin-card{width:calc(100% - 28px);min-width:0;max-width:430px;margin:8vh auto;padding:28px}.signin-card h1{font-family:var(--font-display);margin:22px 0 8px;font-size:32px}.helper{color:var(--muted);margin:7px 0 0;font-size:12px;line-height:1.55}.loading{min-height:45vh;color:var(--muted);place-items:center;font-weight:700;display:grid}.section-head{justify-content:space-between;align-items:end;gap:16px;min-width:0;margin-bottom:22px;display:flex}.class-create-form{align-items:end;gap:10px;display:flex}.class-create-form .class-name-field{flex:1;min-width:0;margin:0}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.empty{color:var(--muted);text-align:center;padding:28px}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}@media (width<=760px){.desktop-shell{display:block}.side-nav{flex-direction:row;justify-content:space-between;align-items:center;min-height:0;padding:15px 18px}.sidebar-account{display:none}.side-links{gap:4px;margin:0;display:flex}.side-links button{min-height:40px;padding:0 8px;font-size:11px}.side-links button span{display:none}.main-content{width:100%;padding:25px 16px 40px}.section-head{flex-wrap:wrap;align-items:flex-start;gap:12px}.section-head>div{flex:220px;min-width:0}.class-create-form{flex-direction:column;align-items:stretch}.class-create-form .button{width:100%}.dashboard-grid{grid-template-columns:1fr}}@media (width<=480px){.student-shell{padding:18px 14px 104px}.map-scene{min-height:610px}.zone-block{left:14px;right:14px}.dashboard-grid{grid-template-columns:1fr}.signin-card{margin-top:5vh;padding:23px}}.brand{letter-spacing:-.025em}.brand>span:last-child{font-family:var(--font-display);font-size:23px;font-weight:600;line-height:1.3}.brand-mark{color:var(--card);background:var(--brand-teal);border-radius:12px;font-size:29px;box-shadow:inset 0 -3px #00000014}.side-nav .brand-mark{color:var(--brand-teal);background:var(--card)}.side-nav{background:linear-gradient(165deg, var(--brand-teal), var(--brand-blue))}.page-title,.signin-card h1,.zone-copy h3{letter-spacing:-.025em;font-weight:600;line-height:1.2}.button{box-shadow:0 3px 0 var(--forest-dark);border-radius:12px}.button:hover:not(:disabled){box-shadow:0 4px 0 var(--forest-dark);transform:translateY(-1px)}.button:active:not(:disabled){box-shadow:0 1px 0 var(--forest-dark);transform:translateY(1px)}.field input,.field select{border-radius:11px}.card{border-radius:20px}.signin-card{border-top:5px solid var(--brand-green);margin-top:clamp(24px,7vh,80px);padding:34px;position:relative;overflow:hidden}.signin-card:after{content:"";pointer-events:none;background:linear-gradient(135deg, transparent 50%, var(--mint) 50%);width:100px;height:100px;position:absolute;top:0;right:0}.signin-card .brand{z-index:1;position:relative}.signin-card h1{font-size:34px}.signin-card>.muted{line-height:1.65}.signin-card .helper{border-top:1px solid var(--line);margin-top:22px;padding-top:16px}.app-shell:has(>.signin-card){background:radial-gradient(ellipse at 15% 15%, #10816f0d, transparent 55%), var(--sand);display:flow-root}textarea:focus-visible,a:focus-visible{outline:3px solid var(--brand-blue);outline-offset:3px}button:focus-visible,input:focus-visible,select:focus-visible{outline-color:var(--brand-blue)}.side-nav button:focus-visible{outline-color:var(--sun)}@media (prefers-reduced-motion:reduce){.button{transition:none}.spin{animation:none}}@media (width<=480px){.signin-card{padding:26px 23px}.signin-card h1{font-size:30px}.brand>span:last-child{font-size:21px}}.hunter-card{border:2px solid var(--forest);background:linear-gradient(155deg,#f4fff8,#fff 65%);position:relative;overflow:hidden}.hunter-card .tutor-heading .companion{background:var(--forest);color:#fff;animation:3s ease-in-out infinite hunter-float;box-shadow:0 0 0 6px #d9f3e5}.hunter-hud{background:#e6f6ec;border-radius:20px;flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0;padding:14px;display:flex}.hunter-score{color:var(--forest);flex:1;align-items:center;gap:8px;display:flex}.hunter-score strong{font-size:25px}.hunter-score span{font-size:12px;font-weight:700}.hunter-collection{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;width:100%;max-height:380px;display:grid;overflow:auto}.hunter-mini{background:#fff;border:1px solid #c4e8d5;border-radius:15px;gap:5px;padding:14px;display:grid}.hunter-mini .arabic{font-size:26px}.hunter-mini small{color:var(--forest)}.hunter-encounter,.hunter-challenge,.hunter-win{padding:20px 0;animation:.35s ease-out hunter-enter}.hunter-reward{color:#405a16;background:#fff7bb;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:800;display:flex}.hunter-steps{gap:12px;margin:8px 0 22px;display:flex}.hunter-steps span{background:#e4eae6;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.hunter-steps .active{background:var(--forest);color:#fff;box-shadow:0 3px #075b49}.hunter-challenge h3{margin:12px 0;font-size:22px}.hunter-challenge>p.arabic{text-align:center;font-size:30px;line-height:1.8}.hunter-options{gap:10px;margin:18px 0;display:grid}.hunter-options .button{white-space:normal;justify-content:center}.hunter-answer{background:#edf8f1;border:2px dashed #92c8a8;border-radius:18px;flex-wrap:wrap;align-items:center;gap:8px;min-height:85px;margin:18px 0;padding:14px;display:flex}.hunter-words{flex-wrap:wrap;justify-content:center;gap:9px;margin:18px 0;display:flex}.hunter-token{color:var(--forest);cursor:pointer;background:#fff;border:1px solid #b5d8c5;border-bottom:4px solid #a2c7b4;border-radius:13px;padding:8px 14px;font-size:26px}.hunter-token:disabled{opacity:.3;cursor:default}.hunter-win{text-align:center}.hunter-win .arabic{margin:12px;font-size:36px}.hunter-orb{color:#fff7a1;background:radial-gradient(circle at 35% 30%,#a7f7b5,#0d8069);border-radius:50%;place-items:center;width:100px;height:100px;margin:10px auto;font-size:65px;animation:.6s ease-out hunter-catch;display:grid;box-shadow:0 0 0 10px #def4e7,0 0 0 20px #f0f9f3}.hunter-card [hidden]{display:none!important}.hunter-challenge>.button{width:100%;margin-top:8px}@keyframes hunter-float{50%{transform:translateY(-4px)}}@keyframes hunter-enter{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes hunter-catch{0%{transform:scale(.4)rotate(-20deg)}70%{transform:scale(1.12)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.hunter-card *{transition:none!important;animation:none!important}}.hunter-scan-zone{text-align:center;background:radial-gradient(#d5f5e1,#0000 70%);border-radius:22px;padding:28px 10px}.hunter-scan-zone .tutor-actions{justify-content:center}.hunter-radar{width:130px;height:130px;color:var(--forest);background:repeating-radial-gradient(circle,#e7f8ed 0 20px,#95ceb0 21px 22px);border-radius:50%;place-items:center;margin:0 auto 24px;animation:3s ease-in-out infinite hunter-float;display:grid;position:relative;box-shadow:0 0 0 9px #eff9f2}.hunter-radar span{color:#8f7900;font-size:26px;position:absolute;top:10px;right:10px}.hunter-token:not(:disabled):active{border-bottom-width:2px;transform:translateY(2px)}@media (prefers-reduced-motion:reduce){.hunter-radar{animation:none}}.leaderboard-hero{text-align:center;background:linear-gradient(145deg,#e5f8ec,#fffce2);border:1px solid #c6e4cf;padding:24px 18px}.leaderboard-crown{background:var(--forest);color:#fff37d;border-radius:24px;place-items:center;width:65px;height:65px;margin:0 auto 15px;display:grid;box-shadow:0 5px #075c4c}.leaderboard-hero h2{font-family:var(--font-display);overflow-wrap:anywhere;margin:10px 0;font-size:26px}.leaderboard-hero p:not(.eyebrow){font-size:14px;line-height:1.6}.leaderboard-list{gap:10px;margin:18px 0;padding:0;list-style:none;display:grid}.leaderboard-row{align-items:center;gap:12px;padding:14px;display:flex}.leaderboard-row.is-you{border:2px solid var(--forest);background:#f0fbf4}.leaderboard-rank{background:#edf2ef;border-radius:14px;justify-content:center;align-items:center;gap:3px;min-width:42px;height:42px;font-weight:850;display:flex}.leaderboard-rank.rank-1{color:#706000;background:#fff1a8}.leaderboard-rank.rank-2{color:#45586c;background:#e5ebf1}.leaderboard-rank.rank-3{color:#7a4c22;background:#f2dfcd}.leaderboard-name{flex:1;gap:5px;min-width:0;display:grid}.leaderboard-name strong{overflow-wrap:anywhere;font-size:14px}.leaderboard-name span{color:var(--muted);font-size:11px}.leaderboard-name small{color:var(--forest);background:#daf1e4;border-radius:8px;padding:3px 6px;font-size:10px}.leaderboard-points{text-align:right;color:var(--forest);flex-shrink:0;gap:2px;display:grid}.leaderboard-points strong{font-size:22px}.leaderboard-points small{font-size:10px}.teacher-statistics h2,.teacher-collection h3{align-items:center;gap:8px;display:flex}.teacher-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.teacher-stats-grid .dashboard-card{min-width:0;padding:18px}.teacher-stats-grid .stat-value{margin-top:8px;display:block}.teacher-summary,.teacher-actions,.teacher-pagination{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.teacher-summary{background:var(--mint);border-radius:14px;padding:14px}.teacher-summary span{flex:1;min-width:160px}.teacher-word-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.teacher-word-grid .hunter-mini{overflow-wrap:anywhere}.teacher-word-grid .arabic{line-height:1.7}.teacher-search{max-width:380px}.teacher-search span{align-items:center;gap:6px;display:flex}.teacher-collection{margin-top:18px}.teacher-pagination{justify-content:space-between;margin-top:18px}.teacher-delete{color:#9b2929}.teacher-delete-confirm{border:2px solid #dcaaaa;margin-bottom:18px}.teacher-danger{color:#fff;background:#9b2929;box-shadow:0 4px #6b1c1c}@media (width<=600px){.teacher-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-stats-grid .dashboard-card{padding:14px}.teacher-stats-grid .stat-value{font-size:27px}.teacher-pagination{font-size:12px}.teacher-word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.teacher-collection-button{white-space:nowrap;margin-top:8px;padding:8px 10px;font-size:12px}