:root{font-family:Tahoma,Noto Naskh Arabic,Noto Sans Arabic,system-ui,sans-serif;color:#f5f6f0;background:#061322;font-synthesis:none;--gold:#f6c779;--muted:#b7cbd0;--teal:#6ee0cc;--border:#315569;--navy:#081c2b}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--teal);outline-offset:2px}.app,.signup-page{min-height:100dvh;background:radial-gradient(ellipse at 75% -20%,#244f59,#0d2739,#061322 68%)}.app{padding-bottom:80px}.header{height:73px;background:#071421ed;border-bottom:1px solid #51718255;display:flex;justify-content:space-between;align-items:center;padding:8px clamp(14px,4vw,42px)}.brand{display:flex;align-items:center;gap:11px;color:var(--gold)}.brand span,.student span{display:flex;flex-direction:column;align-items:flex-start}.brand b{font-size:20px}.brand small{font-size:11px;letter-spacing:.8px;color:#c2e4dc}.student{display:flex;align-items:center;gap:9px;color:#fff;background:#163448;border:1px solid #385c6b;border-radius:15px;padding:6px 11px;text-align:right}.student b{font-size:13px}.student small{font-size:11px;color:#b8cbd4}.app-main{width:min(1120px,94%);margin:28px auto 32px}h1,h2,p{margin-top:0}p{line-height:1.9;color:#d5e2e5}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--gold);font-size:13px;font-weight:700;letter-spacing:.2px}.primary,.outline,.back{border:0;border-radius:14px;padding:12px 22px;display:inline-flex;justify-content:center;align-items:center;gap:10px;font-weight:800;transition:transform .18s}.primary{background:linear-gradient(135deg,#f4d29a,#d5a352);color:#0a2233;box-shadow:0 9px 24px #0003}.outline,.back{background:#1b3c4f;color:#e7f7ef;border:1px solid #537282}.primary:active,.outline:active,.back:active{transform:scale(.98)}.back{margin-bottom:18px;padding:9px 15px;font-size:13px}.hero{min-height:295px;border:1px solid #6d796044;background:radial-gradient(circle at 12% 45%,#d6a85f33,transparent 40%),linear-gradient(112deg,#12354b,#0d2539 65%,#07172b);border-radius:25px;display:flex;align-items:center;justify-content:space-between;padding:35px clamp(20px,5vw,60px);overflow:hidden;position:relative}.hero:after,.signup-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(#e8cb88 1px,transparent 1px);background-size:49px 56px;opacity:.14}.hero-copy{z-index:1;max-width:620px}.hero h1{font-size:clamp(28px,4.3vw,48px);line-height:1.3;margin:12px 0}.hero p{max-width:480px}.hero-art{position:relative;flex:none;color:var(--gold);opacity:.82;filter:drop-shadow(0 4px 30px #dfaa5666)}.actions{display:flex;gap:12px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 28px}.stats>div{background:#112b3e;border:1px solid #45617188;border-radius:17px;padding:15px;text-align:center}.stats b{display:block;color:var(--gold);font-size:27px}.stats span{color:#b8d0d3;font-size:12px}.heading-small{font-size:22px;display:flex;align-items:center;gap:10px;margin:28px 0 12px;color:#f0e8d0}.heading-small svg{color:var(--gold)}.heading-small small{font-size:11px;color:var(--muted)}.shortcut-grid,.demos,.world-grid,.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.shortcut-grid button,.demos button{color:inherit;text-align:right;border-radius:18px;border:1px solid #496a76;background:linear-gradient(130deg,#143849,#10283a);padding:20px;display:flex;align-items:flex-start;flex-direction:column;gap:8px}.shortcut-grid svg{color:var(--gold)}.shortcut-grid b,.demos strong{font-size:18px}.shortcut-grid small,.demos small{color:var(--muted)}.shortcut-grid button>svg:last-child,.demos button>svg{align-self:flex-end}.demos{grid-template-columns:repeat(3,1fr)}.demos button span{font-size:26px;color:var(--gold)}.page-title,.unit-banner{border:1px solid #4b6577;border-radius:22px;padding:28px;margin:0 0 20px;background:linear-gradient(115deg,#1c4453,#10283e)}.page-title h1,.unit-banner h1{font-size:clamp(26px,4vw,39px);margin:13px 0 8px}.page-title p,.unit-banner p{margin:0}.tabs{display:flex;gap:9px;margin-bottom:23px}.tabs button{flex:1;background:#163349;color:#cadce0;border:1px solid #456678;padding:12px;border-radius:12px}.tabs button.active{background:#d3ac6c;color:#152333;font-weight:900}.world-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.world{border:1px solid #b8976266;border-radius:21px;min-height:235px;display:flex;flex-direction:column;align-items:flex-start;text-align:right;padding:20px;color:#fff;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 0%,#be994a50,transparent 57%),linear-gradient(135deg,#153950,#0d2438)}.world-1{background:radial-gradient(circle at 20% 10%,#5396915a,transparent 55%),linear-gradient(130deg,#153f4b,#102337)}.world-2{background:radial-gradient(circle at 80% 20%,#8c6cbb65,transparent 55%),linear-gradient(130deg,#2b315a,#102339)}.world-3{background:radial-gradient(circle at 60% 0%,#b68b6560,transparent 55%),linear-gradient(130deg,#503b37,#172638)}.world.locked{filter:saturate(.5);color:#c7d5d7}.world-icon{margin:auto 0 8px;color:var(--gold)}.world small{color:#f7ce8c;font-size:13px}.world strong{font-size:21px;margin:5px 0}.world span{font-size:12px;color:#c7dadd}.world em{font-style:normal;font-size:11px;margin-top:10px;color:#dfd3be}.bar-meter,.meter{height:7px;border-radius:15px;width:100%;background:#031421a8;overflow:hidden;margin-top:14px}.bar-meter i,.meter i{display:block;height:100%;background:linear-gradient(90deg,#efca8a,#67d9bd);border-radius:12px}.lesson-list{display:flex;flex-direction:column;gap:10px}.lesson-row{border-radius:15px;border:1px solid #405b6e;background:#112c40;padding:13px 18px;color:#fff;text-align:right;display:flex;align-items:center;gap:15px}.lesson-row .number{width:42px;height:42px;border-radius:12px;flex:none;display:grid;place-items:center;background:#c1a069;color:#162838;font-weight:900}.lesson-row>div:nth-child(2){flex:1;display:flex;flex-direction:column;gap:7px}.lesson-row b{font-size:16px}.lesson-row small{color:#b7cdd3}.lesson-row>span{display:flex;align-items:center;gap:3px;color:var(--gold);font-size:12px}.lesson-row.muted-row{opacity:.7}.mode-card{border-radius:20px;min-height:210px;color:#fff;display:flex;flex-direction:column;text-align:right;align-items:flex-start;padding:21px;border:1px solid #6a879288;background:linear-gradient(145deg,#245461,#102c40);overflow:hidden}.mode-card.adventure{background:radial-gradient(circle at 85% 0%,#d2a25e77,transparent 70%),linear-gradient(130deg,#3b4f4d,#172e3d)}.mode-card.practice{background:radial-gradient(circle at 85% 0%,#3fb7a277,transparent 70%),linear-gradient(130deg,#115560,#113041)}.mode-card.selftest{background:radial-gradient(circle at 80% 10%,#b78dd077,transparent 70%),linear-gradient(130deg,#383b68,#192a47)}.mode-card.arena{background:radial-gradient(circle at 85% 10%,#ce755077,transparent 70%),linear-gradient(130deg,#5c3d43,#222b3f)}.mode-symbol{height:70px;display:grid;place-items:center;color:#f8dca7}.mode-symbol svg{width:48px;height:48px}.mode-card strong{font-size:21px}.mode-card span{font-size:15px;color:#dff0eb;margin:8px 0}.mode-card small{color:#ebdbbf;margin-top:auto}.notice{margin-top:18px;color:#bdd4d8;font-size:13px;border-right:3px solid #bd9454;padding:8px 15px;background:#10283a}.play-view{max-width:900px;margin:auto}.play-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:14px}.play-bar .back{margin:0}.game-stage{min-height:170px;border:1px solid #bd9b6555;border-radius:22px;display:flex;gap:25px;align-items:center;padding:20px;background:radial-gradient(circle at 15% 25%,#ae855c50,transparent 48%),linear-gradient(130deg,#283e40,#0e2436)}.play-view.practice .game-stage{background:linear-gradient(120deg,#145465,#0d293c)}.play-view.selftest .game-stage{background:linear-gradient(120deg,#49426e,#10263c)}.play-view.arena .game-stage{background:linear-gradient(120deg,#68403d,#16283d)}.game-symbol{width:100px;display:grid;place-items:center;color:#ffdb90}.game-symbol svg{height:72px;width:72px}.game-stage h1{margin-bottom:4px;font-size:31px}.game-stage p{margin:0}.challenge{border:1px solid #587080;background:#122b3e;border-radius:21px;padding:clamp(18px,4vw,30px);margin:18px 0}.challenge h2{font-size:clamp(20px,3vw,29px);line-height:1.8}.question-counter{color:var(--gold);font-size:13px}.options{display:grid;gap:10px;margin:18px 0}.options button{background:#1e4155;border:1px solid #537487;color:#fff;border-radius:13px;padding:13px 16px;text-align:right;display:flex;gap:13px;align-items:center}.options button span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#0c2639;color:var(--gold);flex:none}.options button.selected{border-color:#f9c378;background:#32535a}.options button.right{border-color:#71d7aa;background:#205246}.options button.wrong{border-color:#f18c88;background:#593a48}.why{padding:13px;border-radius:12px;margin-bottom:14px}.why.ok{background:#194939;border:1px solid #39896f}.why.mistake{background:#54373a;border:1px solid #bd7c7b}.why p{margin:5px 0}.why small{font-size:11px;color:#d6e3e4}.challenge>.primary,.result>.primary{width:100%}.result{text-align:center}.result>svg,.score{color:var(--gold)}.result .score{display:block;font-size:55px}.result small{display:block;color:var(--muted);margin-bottom:20px}.team-board{padding:12px;border:1px solid #846963;border-radius:13px;margin-top:15px;background:#1f3141}.team-board>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.team-board button{border-radius:10px;background:#1b3749;color:#e9e9e9;border:1px solid #587080;padding:8px}.team-board button.active{border-color:var(--gold)}.team-board b{display:block;font-size:20px;color:var(--gold)}.team-board small{display:block;margin-top:10px;color:var(--muted)}.award{width:100%;margin-bottom:9px}.teacher-video{display:flex;align-items:center;gap:14px;border:1px dashed #ba9b78;padding:16px;border-radius:16px;color:var(--gold)}.teacher-video div{display:flex;flex-direction:column;gap:4px}.teacher-video small{color:var(--muted)}.castle-page{text-align:center;padding:30px;border:1px solid #82704a;border-radius:22px;background:radial-gradient(circle at 50% 30%,#c09b5b2b,transparent 50%),#102a3c}.castle-icon{display:flex;align-items:center;flex-direction:column;gap:10px;color:var(--gold);margin:25px}.castle-levels{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px}.castle-levels>div{padding:15px 10px;background:#0a2032;border:1px solid #41556a;border-radius:15px;display:flex;flex-direction:column;align-items:center;gap:5px;opacity:.57}.castle-levels .earned{opacity:1;border-color:#c3a161}.castle-levels svg{color:var(--gold)}.castle-levels small{color:var(--muted)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:70px;background:#071929f5;display:flex;justify-content:space-around;border-top:1px solid #476374;z-index:9}.bottom-nav button{border:0;background:none;color:#b8cbd3;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px;min-width:90px;font-size:12px}.bottom-nav button svg{width:22px;height:22px}.bottom-nav button.current{color:var(--gold)}.signup-page{display:flex;align-items:center;justify-content:center;gap:60px;padding:30px;min-height:100dvh;position:relative}.signup-symbol{display:flex;flex-direction:column;align-items:center;gap:20px;color:#f3c980;font-size:17px;z-index:1}.signup-card{background:#102b3def;border-radius:25px;border:1px solid #6b7a78;box-shadow:0 20px 60px #0007;padding:32px;width:min(445px,100%);z-index:1}.signup-card h1{font-size:38px;color:#f7d49a;margin:12px 0 7px}.signup-card p{font-size:14px}.signup-card label{display:block;margin:12px 0 6px;color:#e6dcc2;font-size:14px}.signup-card input,.signup-card select{width:100%;background:#092031;color:#fff;padding:12px;border:1px solid #66818d;border-radius:10px}.signup-card .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.signup-card .primary{width:100%;margin:20px 0 10px}.signup-card small{display:block;font-size:11px;line-height:1.8;color:#bdcdd2}.returning{display:flex;flex-direction:column;gap:7px;padding:10px 0;border-top:1px solid #59717c}.returning button{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#244757;color:#fff;border:1px solid #62808b;border-radius:10px;padding:9px}@media(max-width:720px){.app-main{width:94%;margin:15px auto}.hero{padding:25px;min-height:275px}.hero-art{opacity:.16;position:absolute;left:-20px}.hero-copy{position:relative}.stats{gap:6px}.stats>div{padding:12px 6px}.stats b{font-size:22px}.world-grid,.demos{grid-template-columns:repeat(2,minmax(0,1fr))}.world{padding:16px;min-height:225px}.world strong{font-size:17px}.shortcut-grid{grid-template-columns:1fr}.signup-page{flex-direction:column;gap:10px}.signup-symbol svg{height:45px;width:45px}.signup-card{padding:23px}.mode-card{padding:15px;min-height:190px}.mode-card strong{font-size:17px}.game-symbol{width:50px}.game-symbol svg{width:42px;height:42px}.game-stage{min-height:135px}.game-stage h1{font-size:24px}.header{padding:8px}.brand b{font-size:16px}.student small{font-size:10px}}@media(max-width:370px){.world-grid,.mode-grid{grid-template-columns:1fr}.team-board>div{grid-template-columns:1fr}.signup-card h1{font-size:30px}}.journey,.challenge-world{width:min(100%,980px);margin:auto;color:#fff}.journey-header,.challenge-top{display:flex;align-items:center;gap:13px;justify-content:space-between;font-weight:700}.journey-header .back,.challenge-top .back{margin:0}.stage-counter{font-size:13px;color:var(--gold)}.journey-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:20px 0 24px}.journey-steps button{min-height:62px;border:1px solid #4a6878;border-radius:14px;background:#132b3c;color:#b8cdd2;display:flex;gap:6px;align-items:center;justify-content:center;flex-direction:column;font-size:11px}.journey-steps button.current{border-color:var(--gold);background:#324b50;color:#fff}.journey-steps button.visited{color:#a8e9d8;background:#1b4b48}.journey-steps button>span{border-radius:50%;border:1px solid #a8b9c4;width:22px;height:22px;display:grid;place-items:center}.journey-reading,.journey-panel{padding:clamp(18px,3.8vw,38px);background:linear-gradient(150deg,#122e42,#0d2336);border:1px solid #48677a;border-radius:20px}.journey-reading h1{font-size:clamp(26px,4vw,40px);margin:10px 0 19px}.reading-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#bcd1d9;margin-bottom:13px}.reading-actions .outline{padding:7px 14px}.reading-paper{border-radius:12px;padding:clamp(21px,3.5vw,45px);font-size:clamp(20px,3vw,29px);line-height:2.15;min-height:175px;direction:rtl;white-space:pre-wrap}.reading-paper.night{background:#000;color:#fff;border:1px solid #697582}.reading-paper.day{background:#fffef5;color:#172331}.reading-paper h2{font-size:1.2em;margin-bottom:16px}.reading-paper p{color:inherit}.source-warning{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.9;background:#342e26;border:1px solid #846c4b;border-radius:12px;padding:12px;margin-top:16px;color:#f2dfc0}.source-warning svg{flex:none;margin-top:3px}.audio-notice{display:flex;gap:15px;background:#18364a;border:1px dashed #bd9e6e;border-radius:13px;padding:17px;margin:16px 0}.audio-notice svg{color:var(--gold);flex:none}.audio-notice p{margin:2px 0;font-size:13px}.journey-panel h2{margin:9px 0 14px}.question-progress{color:var(--gold);font-size:14px;margin:12px 0}.question-shell{padding:clamp(15px,4vw,27px);border-radius:15px;background:#071b2d;border:1px solid #465d72}.question-shell h3{font-size:clamp(20px,3vw,27px);line-height:1.9}.question-shell p{font-size:16px}.question-shell textarea{resize:vertical;border-radius:12px;outline:0;width:100%;color:#fff;border:1px solid #72919d;background:#112f44;padding:15px;font-size:17px;line-height:1.8;direction:rtl}.journey-controls{display:flex;justify-content:space-between;gap:10px;margin-top:16px}.quran-witness{margin:17px 0;padding:22px;border-radius:16px;border:1px solid #85765c;background:linear-gradient(125deg,#1a433f,#0a2533)}.quran-heading{color:var(--gold);font-size:14px}.quran-witness blockquote{font-family:Amiri,Noto Naskh Arabic,serif;font-size:clamp(26px,4vw,37px);line-height:2;color:#fff;margin:18px 0;text-align:center}.quran-witness p{color:#dce7e3}.witness-answer{margin-top:12px;color:#aef4d6;border-right:3px solid #74d6b0;padding:10px 15px;background:#113a36}.journey-summary{text-align:center;padding:30px 5px}.journey-summary svg{color:var(--gold)}.interaction-lab{border:1px solid #456578;background:#0a1e30;padding:clamp(15px,3vw,25px);border-radius:20px}.interaction-lab h3{font-size:clamp(20px,3vw,26px)}.lab-instructions{font-size:14px;color:#bfd3d9}.matching-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.match-origin,.match-target{display:flex;flex-direction:column;gap:11px}.match-token,.match-target button{border:1px solid #658392;background:#183c52;padding:17px 12px;border-radius:12px;color:#fff;min-height:76px;font-size:18px;font-weight:700}.match-token{cursor:grab;touch-action:manipulation}.match-token.active{border-color:#f6cd80;background:#365958}.match-token.linked{border-color:#72d0b0}.match-token span,.match-target span{display:block;font-size:12px;font-weight:400;color:#c3d5d7;margin-top:7px}.match-target button{background:#183b39;border-style:dashed}.match-target button:active{background:#315e52}.sequence-lane{display:flex;flex-direction:column;gap:10px}.sequence-piece{display:flex;align-items:center;gap:12px;border:1px solid #71919f;border-radius:13px;background:#1b4051;padding:10px 12px;touch-action:pan-y}.sequence-piece>span{display:grid;place-items:center;border-radius:50%;background:#d5b16b;color:#15273a;font-weight:900;min-width:32px;height:32px}.sequence-piece strong{flex:1;line-height:1.8}.move-tools{display:flex;gap:6px}.move-tools button{display:grid;place-items:center;width:35px;height:35px;background:#244d60;border:1px solid #5e8792;border-radius:8px;color:#fff}.lab-success,.lab-error{margin-top:15px;padding:13px;border-radius:12px;line-height:1.7}.lab-error{background:#562d33;border:1px solid #d57f7e}.lab-success{background:#174b40;border:1px solid #76e0ba;display:flex;gap:6px;align-items:center}.lab-actions{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:19px}.lab-actions button{flex:1}.challenge-world .challenge-scene{margin:17px 0;padding:24px 22px;border:1px solid #d6a968;border-radius:23px;min-height:195px;position:relative;overflow:hidden;background:radial-gradient(circle at 85% -5%,#997c5580,transparent 43%),linear-gradient(110deg,#27444c,#102438)}.challenge-world.mode-practice .challenge-scene{background:radial-gradient(circle at 90% 0%,#348e98a0,transparent 50%),linear-gradient(130deg,#174650,#102336)}.challenge-world.mode-selftest .challenge-scene{background:radial-gradient(circle at 90% 10%,#7166a4a0,transparent 55%),linear-gradient(130deg,#25385f,#122239)}.challenge-world.mode-arena .challenge-scene{background:radial-gradient(circle at 90% 10%,#a96960aa,transparent 50%),linear-gradient(130deg,#53363a,#17293f)}.challenge-scene h1{font-size:clamp(25px,5vw,42px);position:relative;z-index:1}.challenge-scene p{position:relative;z-index:1;max-width:560px}.scene-columns{position:absolute;left:16px;bottom:0;font-size:82px;color:#e6d0a04a;display:flex;align-items:end;gap:20px;pointer-events:none}.scene-columns span:nth-child(2){font-size:36px;margin-bottom:40px}.challenge-work{border:1px solid #426a7c;background:#132e42;border-radius:20px;padding:clamp(16px,3vw,28px)}.teacher-controls{padding:15px;background:#1c3342;border:1px solid #7c6570;border-radius:15px;margin-bottom:15px}.teacher-scoreboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.teacher-scoreboard button{padding:9px;border:1px solid #5e7c89;border-radius:10px;color:#fff;background:#172d41}.teacher-scoreboard button.active{border-color:var(--gold)}.teacher-scoreboard button b{display:block;color:var(--gold);font-size:23px}.teacher-controls p{display:flex;gap:8px;align-items:start;font-size:12px;margin:10px 0}.timer-controls{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:10px}.timer-controls b{font-size:25px}.timer-controls button{display:flex;align-items:center;gap:5px;background:#254b58;color:#fff;border:1px solid #668493;padding:9px;border-radius:10px}.judge-actions{display:flex;flex-wrap:wrap;gap:9px}.judge-actions button{flex:1;padding:12px;background:#2c4f59;border:1px solid #c3a36b;border-radius:10px;color:#fff}.judge-panel .primary{margin-top:16px}@media(max-width:550px){.journey-header{font-size:12px}.journey-steps{gap:3px}.journey-steps button{font-size:9px;padding:4px;min-height:60px}.reading-paper{padding:21px;font-size:23px}.lab-actions{flex-direction:column}.lab-actions button{width:100%}.sequence-piece{gap:6px}.sequence-piece strong{font-size:14px}.match-token,.match-target button{font-size:15px;min-height:85px;padding:12px 7px}.matching-columns{gap:6px}.scene-columns{font-size:48px}.teacher-scoreboard button{font-size:11px}}.poem-experience{margin:18px 0;border:1px solid #8e7860;border-radius:20px;background:radial-gradient(circle at 80% 0%,#dec39033,transparent 40%),#132f42;padding:clamp(15px,3vw,25px)}.poem-heading h2{font-size:32px;color:var(--gold);margin:8px 0}.poem-heading p{font-size:13px}.poem-controller{display:flex;align-items:center;justify-content:space-between;gap:7px;margin:17px 0}.poem-controller button,.poem-toolbar button{border:1px solid #748999;background:#24495b;color:#fff;border-radius:10px;padding:11px 13px;display:flex;gap:7px;align-items:center}.poem-controller b{color:var(--gold);font-size:13px;white-space:nowrap}.poem-parchment{background:linear-gradient(140deg,#141d2b,#0a1423);border:1px solid #d7b77b7d;border-radius:20px;padding:25px 17px;text-align:center}.poem-couplet{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:21px;font-size:clamp(21px,2.9vw,33px);line-height:2.05;font-family:Amiri,Noto Naskh Arabic,Traditional Arabic,serif}.poem-couplet>div{min-width:0;direction:rtl}.poem-token{font-size:inherit;font-family:inherit;line-height:inherit;background:transparent;color:#fff7e8;border:0;padding:1px 3px;cursor:pointer}.poem-token:not(:disabled):hover,.poem-token.chosen{color:#ffd282;background:#514331;border-radius:5px}.poem-token:disabled{opacity:1;cursor:default}.memorize-note{display:flex;justify-content:center;gap:7px;margin-top:12px;color:#d1b885;font-size:12px}.poem-toolbar{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:14px 0}.poem-word-analysis,.poem-explanation{background:#0e2537;border:1px solid #45677b;border-radius:13px;padding:15px;margin-top:10px}.poem-word-analysis h3,.poem-explanation h3{font-size:18px;color:#e7c17d;display:flex;align-items:center;gap:8px}.poem-explanation p{margin:4px 0 17px}@media(max-width:620px){.poem-couplet{grid-template-columns:1fr;gap:7px;font-size:24px}.poem-controller button{padding:8px 4px;font-size:11px}.poem-experience{padding:12px}.poem-parchment{padding:17px 10px}}.world-map{max-width:1120px;margin:auto}.world-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.world-heading .back{margin:0}.world-map .tabs{margin:18px auto;max-width:490px}.realm{height:clamp(420px,58vw,650px);position:relative;overflow:hidden;border-radius:25px;border:1px solid #bda16f7a;box-shadow:0 22px 60px #0006;background:linear-gradient(180deg,#09213f,#235c6b 48%,#415b55 76%,#162e29);touch-action:pan-y;isolation:isolate}.realm-1{background:linear-gradient(180deg,#281c48,#54638a 51%,#67806c 76%,#263b2b)}.realm-2{background:linear-gradient(180deg,#4d263c,#91715b 50%,#9d8352 76%,#3f332a)}.realm-3{background:linear-gradient(180deg,#083c42,#266965 50%,#3e685c,#1d3637)}.realm:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(#f5ce9a 1px,transparent 1px);background-size:54px 65px;opacity:.17;pointer-events:none}.realm-sun{position:absolute;left:19%;top:13%;width:128px;height:128px;border-radius:50%;background:#fff1b39c;filter:blur(3px);box-shadow:0 0 90px 30px #ffe3a13b}.realm-mountains{position:absolute;top:42%;right:-5%;bottom:-8%;left:-5%;background:linear-gradient(150deg,#172e3c,#1b433d);clip-path:polygon(0 55%,14% 16%,24% 50%,38% 3%,48% 40%,62% 14%,78% 55%,91% 0,100% 44%,100% 100%,0 100%);opacity:.66}.realm-hills{position:absolute;top:70%;right:-5%;bottom:-10%;left:-5%;background:linear-gradient(180deg,#0f2c31,#0c212b);clip-path:polygon(0 25%,18% 0,34% 30%,50% 7%,67% 21%,83% 0%,100% 24%,100% 100%,0 100%)}.realm-citadel{position:absolute;left:7%;bottom:11%;width:41%;height:53%;filter:drop-shadow(8px 9px 13px #03101882);opacity:.89}.realm-citadel:before{content:"";position:absolute;bottom:0;left:8%;width:85%;height:54%;background:repeating-linear-gradient(0deg,#856c59 0,#856c59 16px,#9b8466 18px,#9b8466 19px);clip-path:polygon(0 18%,16% 18%,16% 0,28% 0,28% 18%,42% 18%,42% 0,56% 0,56% 18%,70% 18%,70% 0,84% 0,84% 18%,100% 18%,100% 100%,0 100%)}.citadel-tower{position:absolute;bottom:0;width:27%;height:88%;background:repeating-linear-gradient(0deg,#83755e 0,#83755e 18px,#a68b69 18px,#a68b69 20px);border:3px solid #655444}.citadel-tower.left{left:2%;height:70%}.citadel-tower.center{left:37%;height:99%;width:27%}.citadel-tower.right{right:0;height:76%}.citadel-tower:before{content:"";position:absolute;top:-12%;left:-14%;width:128%;height:13%;background:#a9916d;clip-path:polygon(0 0,18% 0,18% 38%,38% 38%,38% 0,65% 0,65% 38%,80% 38%,80% 0,100% 0,100% 100%,0 100%)}.citadel-tower:after{content:"";position:absolute;top:24%;left:30%;width:39%;height:24%;background:#162f37;border-radius:40% 40% 0 0}.citadel-door{position:absolute;bottom:0;left:40%;width:21%;height:31%;background:#132935;border:7px solid #cfb182;border-bottom:0;border-radius:50% 50% 0 0}.realm-trees{position:absolute;left:1%;bottom:7%;color:#8bc6a3;font-size:42px;opacity:.6}.realm-content{position:absolute;z-index:2;right:clamp(18px,5vw,60px);top:18%;max-width:53%;text-shadow:0 3px 18px #071321d9}.realm-content h1{font-size:clamp(30px,5vw,58px);line-height:1.28;color:#fff0cf;margin:18px 0}.realm-content p{color:#f3ede1;font-size:clamp(14px,2vw,18px)}.realm-progress{font-size:14px;color:#d7ffdb;margin:13px 0}.realm-enter{margin-top:8px}.realm-arrows{position:absolute;right:3%;left:3%;bottom:15px;display:flex;justify-content:space-between;pointer-events:none}.realm-arrows button{pointer-events:auto;border-radius:50%;display:grid;place-items:center;width:49px;height:49px;background:#0b263cb5;border:1px solid #d5bc8b;color:#fff}.realm-dots{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin:16px}.realm-dots button{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;border:1px solid #5a7c8c;background:#172c41;color:#aebdcc}.realm-dots button.current{background:#d6ac73;color:#172c41;border-color:#f5d08a}.map-note{font-size:13px;text-align:center;color:#bacdd4}@media(max-width:720px){.realm{height:520px}.realm-content{top:9%;right:5%;max-width:90%}.realm-content h1{font-size:34px}.realm-content p{max-width:260px}.realm-citadel{width:72%;height:46%;left:-2%;bottom:8%;opacity:.68}.realm-sun{left:10%;width:75px;height:75px}.world-heading{align-items:flex-start;flex-direction:column}.realm-arrows{bottom:10px}}.castle-real{padding:clamp(16px,3vw,35px)}.castle-real h1{color:#ffe3a8}.castle-env{max-width:980px;margin:auto}.castle-landscape{position:relative;overflow:hidden;border:1px solid #af9877;border-radius:20px;background:#0a2737;box-shadow:0 20px 38px #0006}.castle-landscape svg{display:block;width:100%;aspect-ratio:1000/560}.castle-world-name{position:absolute;top:18px;right:18px;display:flex;align-items:center;gap:9px;color:#ffe5b0;background:#173549c9;border:1px solid #bda47c;border-radius:12px;padding:10px 15px;font-weight:700}.castle-flag{transform-box:fill-box;transform-origin:left center;animation:flag-wave 4s ease-in-out infinite}.castle-unlocked{animation:castle-rise 1s ease-out both}@keyframes flag-wave{0%,to{transform:skewY(0)}50%{transform:skewY(6deg)}}@keyframes castle-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.castle-features{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:17px 0}.castle-features button{border:1px solid #4b657b;background:#0b263b;color:#b9c4d2;border-radius:13px;min-height:88px;padding:9px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.castle-features button.built{color:#ffe1a0;border-color:#c5a266}.castle-features button.selected{background:#234b55}.castle-features button strong{font-size:12px;line-height:1.4}.castle-feature-detail{border:1px solid #476475;border-radius:12px;background:#0b2638;text-align:right;padding:16px}.castle-feature-detail h3{color:var(--gold);margin:0 0 8px}.castle-feature-detail p{margin:0}@media(max-width:600px){.castle-features{grid-template-columns:repeat(3,minmax(0,1fr))}.castle-features button strong{font-size:11px}.castle-world-name{font-size:12px;top:9px;right:9px;padding:6px 9px}}@media(prefers-reduced-motion:reduce){.castle-flag,.castle-unlocked{animation:none!important}}.mode-hub{width:100%;padding-bottom:24px}.mode-cinematic{position:relative;isolation:isolate;height:min(75vh,710px);min-height:485px;max-height:740px;border:1px solid #dfb37e;border-radius:25px;overflow:hidden;box-shadow:0 22px 50px #0009;background:#102e47;touch-action:pan-y}.world-painting{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;display:block;z-index:-3}.mode-film-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:linear-gradient(270deg,#07182bde,#07172895 42%,#11233720 83%),linear-gradient(0deg,#031724a9 0%,transparent 38%);pointer-events:none}.mode-cinematic-copy{position:absolute;top:17%;right:5%;width:min(54%,560px);z-index:2;max-height:72%;overflow:auto;text-shadow:0 4px 20px #071424}.mode-cinematic-copy .eyebrow{font-size:15px}.mode-cinematic-copy h1{font-size:clamp(35px,5.5vw,76px);line-height:1.35;margin:16px 0 7px;color:#ffe7b6}.mode-cinematic-copy h2{font-size:clamp(19px,2.7vw,30px);color:#f6ebd7;font-weight:600}.mode-cinematic-copy p{font-size:clamp(14px,1.8vw,18px);color:#f7f8f7;line-height:2;max-width:520px}.mode-enter{display:flex;align-items:center;gap:14px;background:linear-gradient(125deg,#ffdc9c,#ce9a56);color:#102333;border:2px solid #ffefc8;border-radius:18px;padding:14px 20px;font-weight:900;box-shadow:0 6px 28px #040e1c88}.mode-cinematic-side{position:absolute;left:5%;bottom:14%;display:flex;align-items:center;flex-direction:column;gap:5px;z-index:1;color:#f8e5b7;text-shadow:0 3px 15px #06121c}.mode-cinematic-side h3{font-size:23px;margin:0}.mode-cinematic-side>span{font-size:13px}.mode-symbol-large{display:grid;place-items:center;border-radius:50%;width:75px;height:75px;border:3px solid #f6c78b;background:#102a4dbf;font-size:41px;box-shadow:0 0 30px #f5c57a50}.mode-film-arrows{position:absolute;left:15px;right:15px;bottom:16px;display:flex;justify-content:space-between;pointer-events:none;z-index:5}.mode-film-arrows button{pointer-events:auto;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;border:1px solid #f8d6aa;background:#112a49cb;color:#fff}.mode-film-selector{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;background:#0b2032;border:1px solid #375c72;border-radius:18px;padding:7px;margin:14px 0}.mode-film-selector button{display:flex;justify-content:center;align-items:center;gap:8px;background:transparent;border:1px solid transparent;border-radius:12px;color:#c0d2d8;padding:12px 5px;font-size:14px}.mode-film-selector button.active{border-color:#eec98a;background:#3b404a;color:#ffdfa0;font-weight:700}.mode-film-selector button svg{width:23px;height:23px}.mode-progress{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#c9dfe4;background:#0e2a3e;border:1px solid #3a6279;padding:12px 17px;border-radius:14px;font-size:13px}.mode-progress button{display:flex;align-items:center;gap:8px;border:1px solid #bf9d68;background:#254259;color:#ffdfaa;border-radius:12px;padding:10px 14px}.mode-hub-practice .mode-enter{background:linear-gradient(125deg,#d8fff1,#60cab5)}.mode-hub-selftest .mode-enter{background:linear-gradient(125deg,#fff4f9,#c6aff0)}.mode-hub-arena .mode-enter{background:linear-gradient(125deg,#fcdfa7,#b8d5ac)}@media(max-width:750px){.mode-cinematic{height:570px;min-height:570px}.mode-cinematic-copy{top:9%;right:6%;width:89%;max-height:63%}.mode-cinematic-copy h1{font-size:39px}.mode-cinematic-copy p{max-width:340px;font-size:14px}.mode-cinematic-side{left:8%;bottom:10%;gap:1px}.mode-symbol-large{width:48px;height:48px;font-size:25px}.mode-cinematic-side h3{font-size:16px}.mode-cinematic-side>span{display:none}.mode-film-selector button{flex-direction:column;gap:4px;font-size:11px}.mode-film-selector button svg{width:21px;height:21px}.mode-film-arrows button{width:40px;height:40px}.mode-enter{padding:11px 13px;font-size:14px}.mode-progress{font-size:12px}}.actual-listening{padding:22px;margin:18px 0;border:1px solid #bda06d;border-radius:19px;background:radial-gradient(circle at 8% 18%,#37709080,transparent 45%),#102b40;color:#f4f7f7}.listen-title{display:flex;align-items:center;gap:13px}.listen-title svg{color:#f6d29e}.listen-title strong{display:block;font-size:22px}.listen-title small,.actual-listening>small{display:block;line-height:1.7;color:#c8d4d9}.actual-listening audio{width:100%;margin:20px 0 8px;min-height:50px}.listen-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.listen-actions button,.listen-upload{cursor:pointer;display:flex;align-items:center;gap:8px;border:1px solid #8ca2ab;color:#f2f6f6;background:#254858;border-radius:12px;padding:12px 15px;line-height:1.5}.listen-upload input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.listen-status{font-size:13px;color:#ead09c;margin:9px 0}.listen-success{display:flex;align-items:center;gap:8px;color:#c3ffe3;background:#194d3e;border:1px solid #6addad;padding:12px;border-radius:12px}.source-text-part h3{color:#f3d6a7;font-size:22px;margin-top:24px}.source-text-part p{line-height:2;font-size:clamp(19px,2.8vw,27px)}.source-footnote{font-size:13px!important;color:#c7ccca!important;border-top:1px solid #827056;padding-top:12px}@media(max-width:540px){.actual-listening{padding:16px}.listen-actions{flex-direction:column}.listen-actions>*{justify-content:center}.source-text-part p{font-size:22px}}.lesson-cinema{position:relative;height:clamp(430px,57vw,620px);margin:16px 0 22px;border:1px solid #c7a777;border-radius:23px;overflow:hidden;background:#102b42;box-shadow:0 20px 45px #0007;isolation:isolate}.lesson-artwork,.lesson-artwork svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:-2}.lesson-cinema:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(270deg,#081a2ad9 0%,#10203691 45%,transparent 90%),linear-gradient(0deg,#061b30c1 0%,transparent 46%);pointer-events:none}.lesson-cinema-words{position:absolute;right:4.5%;top:13%;width:min(52%,525px);color:#fff;text-shadow:0 2px 15px #04101f}.lesson-cinema-words h1{font-size:clamp(28px,4.3vw,51px);line-height:1.45;color:#ffe6b7;margin:16px 0}.lesson-cinema-words p{font-size:clamp(15px,2vw,20px);color:#f6f6ec}.lesson-chapter{color:#f7d4a2;margin-top:10px}.lesson-scene-caption{position:absolute;left:22px;bottom:21px;color:#f9d4a1;display:flex;align-items:center;gap:9px;background:#102f43a9;padding:8px 12px;border:1px solid #bba77d;border-radius:11px}.dialogue-toggle{background:#12394cbf;border:1px solid #b5cecb;border-radius:12px;color:#fff;padding:10px 14px;display:inline-flex;align-items:center;gap:9px}.lesson-dialogue{padding:13px;background:#fff1cced;border:1px solid #e9b57c;color:#18283e;text-shadow:none;border-radius:12px;font-size:15px;line-height:1.7;margin-top:10px;max-height:128px;overflow:auto}.lesson-cinema-words .primary{margin-top:12px}.lesson-cinema-words .eyebrow{color:#ffdb9f}@media(max-width:750px){.lesson-cinema{height:510px}.lesson-cinema-words{top:8%;right:5%;width:90%}.lesson-cinema-words h1{font-size:33px}.lesson-cinema-words p{font-size:16px;max-width:300px}.lesson-scene-caption{left:8px;bottom:9px;font-size:11px}.lesson-dialogue{font-size:13px}}.book-question-engine{background:#071c2d;border:1px solid #5e788a;border-radius:16px;padding:clamp(14px,3vw,25px)}.book-question-engine h3{font-size:clamp(20px,3vw,27px);line-height:1.85;margin:0 0 18px;color:#fff}.book-question-engine textarea,.book-fill-fields input{width:100%;border:1px solid #7a98a7;border-radius:12px;background:#18374b;color:#fff;font-size:17px;padding:13px;line-height:1.8;direction:rtl}.book-fill-fields{display:grid;gap:14px}.book-fill-fields label{display:flex;flex-direction:column;gap:10px}.book-fill-fields label span{font-size:20px;line-height:1.7}.book-multi{display:grid;gap:13px;border:1px solid #4c7c91;padding:18px;border-radius:14px}.book-multi legend{color:#f6dcab;padding:0 7px}.book-multi label{display:flex;align-items:center;gap:13px;background:#183d51;padding:12px;border-radius:9px}.book-multi label input{accent-color:#4ec9a8;width:24px;height:24px}.book-extract{margin-top:14px;padding:13px;border:1px dashed #567f8a;border-radius:12px;background:#102b3d}.book-word-bank{max-height:320px;overflow-y:auto;display:flex;flex-wrap:wrap;gap:6px;margin:13px 0}.book-word-bank button{background:#2a5363;border:1px solid #8ca6a5;border-radius:9px;color:#fff;padding:7px 10px;line-height:1.6}.book-extract small{color:#b8cfd6}.book-review-tools{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}.book-review-tools button{padding:9px 14px}.book-review-warning{display:flex;gap:7px;align-items:flex-start;color:#e1d0b6;font-size:12px;margin:8px 0 0;line-height:1.8}@media(max-width:500px){.book-question-engine{padding:14px}.book-word-bank button{padding:7px;font-size:14px}}.world-map-practice .realm{background:radial-gradient(ellipse at 65% 35%,#8cd6c773,transparent 53%),linear-gradient(145deg,#124858,#2d7381 53%,#17424d)}.world-map-selftest .realm{background:radial-gradient(ellipse at 70% 30%,#bc9bdd9c,transparent 60%),linear-gradient(145deg,#372755,#78608e 53%,#342d61)}.world-map-arena .realm{background:radial-gradient(ellipse at 72% 35%,#d8c18893,transparent 55%),linear-gradient(145deg,#16483e,#3a8d67 49%,#21483d)}.world-map-practice .realm-citadel{filter:hue-rotate(100deg) saturate(1.4) drop-shadow(0 10px 22px #042f41);transform:scale(.95) translate(-15%,-2%)}.world-map-selftest .realm-citadel{filter:hue-rotate(200deg) saturate(1.1) drop-shadow(0 10px 22px #302052);transform:scale(1.05) translate(-18%,-3%)}.world-map-arena .realm-citadel{filter:hue-rotate(70deg) drop-shadow(0 10px 23px #124326);transform:scale(1.06) translate(-9%)}.realm-mode-decoration{position:absolute;left:26%;top:18%;width:160px;height:160px;display:grid;place-items:center;z-index:1;border-radius:50%;border:13px double #fff2ba;background:#102b40bd;color:#fce4b6;font-size:77px;box-shadow:0 0 85px 15px #e5bf8f70;animation:landmark-breathe 4s ease-in-out infinite}.decoration-practice{color:#aefae3;border-color:#b6e0d7;box-shadow:0 0 85px 15px #6fe3c276}.decoration-selftest{color:#fae1ff;border-color:#dab8ee;box-shadow:0 0 85px 15px #d494df78;transform:rotate(24deg)}.decoration-arena{color:#fceabf;border-color:#cfe2bc;box-shadow:0 0 85px 15px #a9ce6a76}@keyframes landmark-breathe{50%{filter:brightness(1.35);box-shadow:0 0 115px 20px #e5bf8faa}}@media(max-width:720px){.realm-mode-decoration{top:39%;left:16%;width:115px;height:115px;font-size:58px;border-width:9px}}@media(prefers-reduced-motion:reduce){.realm-mode-decoration{animation:none}}.fair-raffle{margin:16px 0;padding:15px;background:#0e2a3b;border:1px solid #66918d;border-radius:16px}.fair-raffle-header{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.fair-raffle-header b{color:#f4d49c}.fair-raffle-header small{color:#bad1d4}.roster-input{display:flex;gap:8px;margin:13px 0}.roster-input input{min-width:0;flex:1;border-radius:9px;padding:11px;background:#17374d;border:1px solid #6f9aa5;color:#fff}.roster-input button,.raffle-draw,.raffle-selected button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 13px;background:#244e59;color:#fff;border:1px solid #9cbdaf;border-radius:9px}.roster-members{display:flex;flex-wrap:wrap;gap:5px;max-height:130px;overflow:auto;margin-bottom:15px}.roster-members span{display:flex;align-items:center;gap:5px;background:#234957;border:1px solid #688d91;border-radius:20px;padding:4px 8px;font-size:12px}.roster-members span.absent{color:#dec0b7;opacity:.8}.roster-members span button{font-size:10px;border:1px solid #a2a9ac;border-radius:12px;background:#35485d;color:#fff;padding:4px}.raffle-draw{width:100%;background:linear-gradient(120deg,#1f625b,#286774);font-weight:700}.raffle-selected{background:#e8d4a8;color:#182a38;padding:17px;border-radius:13px;margin-top:13px}.raffle-selected strong{display:block;font-size:19px;margin-bottom:12px}.raffle-selected div{display:flex;flex-wrap:wrap;gap:7px}.raffle-selected button{background:#285b59;border-color:#0c4c44}.fair-raffle .listen-success{margin-top:13px}.raffle-disclaimer{display:block;line-height:1.7;color:#c6d1cc;margin-top:9px}@media(max-width:620px){.roster-input,.raffle-selected div{flex-direction:column}.raffle-selected button{width:100%}}.saloom-on-mode{position:absolute;left:23%;bottom:13%;width:clamp(75px,11vw,145px);height:auto;z-index:1;filter:drop-shadow(0 0 12px #4bd3f3b0);animation:saloom-float 4s ease-in-out infinite;pointer-events:none;-webkit-user-select:none;user-select:none}.saloom-on-lesson{position:absolute;left:29%;bottom:14%;width:clamp(73px,9vw,125px);height:auto;z-index:0;filter:drop-shadow(0 0 16px #42badaaa);animation:saloom-float 4s ease-in-out infinite;pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes saloom-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(max-width:700px){.saloom-on-mode{left:17%;bottom:11%;width:95px}.saloom-on-lesson{left:20%;bottom:14%;width:80px}}@media(prefers-reduced-motion:reduce){.saloom-on-mode,.saloom-on-lesson{animation:none}}.lesson-row-active{cursor:default}.lesson-row-text{flex:1;display:flex;flex-direction:column;gap:7px}.lesson-enter-button{display:flex;align-items:center;gap:4px;border:1px solid #e2bb7e;border-radius:11px;padding:10px;color:#ffe9bc;background:#284d57;white-space:nowrap;font-size:13px}.lesson-enter-button:hover{background:#38666d}.lesson-not-ready{white-space:nowrap;color:#adb7c4;font-size:12px}@media(max-width:470px){.lesson-row-active{gap:7px;padding:11px}.lesson-row-text b{font-size:15px}.lesson-row-text small{font-size:11px}.lesson-enter-button{padding:8px 5px;font-size:11px}}.lesson-dialogue{display:flex;align-items:flex-start;gap:9px;max-height:190px}.lesson-dialogue>span{display:flex;flex:1;flex-direction:column;gap:7px}.lesson-dialogue>span>b{font-size:12px;color:#385675}.lesson-dialogue-next{align-self:end;color:#152a35;border:1px solid #997951;border-radius:9px;background:#f7d6a4;padding:8px;min-width:70px;font-size:12px}@media(max-width:620px){.lesson-dialogue{flex-wrap:wrap}.lesson-dialogue-next{margin-right:auto}}.living-experience{color:#f9f7f1;background:#071d32;border:1px solid #bda778;border-radius:23px;overflow:hidden;margin:20px auto;box-shadow:0 22px 47px #0009;isolation:isolate}.living-city-stage{height:clamp(275px,37vw,470px);overflow:hidden;position:relative;background:#133d5c}.living-city-stage svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.living-city-stage svg>g{transition:opacity .6s,filter .6s}.living-bloom{animation:living-appear .75s ease-out both}.living-saloom{position:absolute;left:24%;bottom:13%;width:clamp(62px,8vw,116px);height:auto;filter:drop-shadow(0 0 20px #5ad5e6);animation:saloom-float 4s ease-in-out infinite}.living-city-story{position:absolute;top:8%;right:5%;display:flex;flex-direction:column;gap:10px;max-width:54%;text-shadow:0 3px 10px #08182e;background:#0c294779;border-right:3px solid #ffd18c;padding:14px 20px;border-radius:9px}.living-city-story>span{display:flex;align-items:center;gap:8px;color:#d6e7ec;font-size:14px}.living-city-story strong{font-size:clamp(22px,4vw,43px);font-weight:900;color:#ffe4af}.living-city-story small{color:#d6f5d7}.living-panel{padding:clamp(17px,3vw,35px);background:radial-gradient(ellipse at 98% 1%,#426c7580,transparent 55%),linear-gradient(145deg,#102b40,#101f35)}.living-panel h2{font-size:clamp(24px,3.5vw,39px);line-height:1.5;color:#ffe3b0;margin:8px 0}.living-panel p{line-height:1.95;color:#dce9ec;font-size:clamp(15px,1.8vw,18px)}.living-kicker{display:flex;gap:7px;align-items:center;color:#b7e8d9}.living-prologue{max-width:850px}.living-prologue p{max-width:690px}.living-primary,.living-actions .living-primary{background:linear-gradient(115deg,#f6dc9d,#d3a46b);color:#132b3a;border:2px solid #ffebb9;border-radius:13px;padding:12px 20px;box-shadow:0 5px 19px #0006;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:9px}.living-secondary{background:#244b58;color:#fff;border:1px solid #a0c3ca;border-radius:12px;padding:11px 16px;display:inline-flex;align-items:center;gap:8px}.living-step{display:flex;justify-content:space-between;gap:13px;align-items:center;color:#f9d8a9;margin-bottom:15px}.living-step>div{display:flex;gap:7px}.living-step>div span{width:30px;height:8px;border-radius:7px;background:#31495c;border:1px solid #718692}.living-step>div span.lit{background:#8be1ae;box-shadow:0 0 15px #a4efbb}.living-chips{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0;justify-content:center;padding:16px;background:#142e43;border:1px solid #4e7d8b;border-radius:16px}.living-chip{position:relative;min-width:125px;min-height:64px;border:2px solid #ccbd93;background:linear-gradient(#fff1d5,#e0c18d);color:#273544;border-radius:12px;padding:12px 14px;font-weight:900;font-size:clamp(18px,2.2vw,24px);cursor:grab;box-shadow:0 5px #8b6840}.living-chip.selected{outline:4px solid #6ad5e2;transform:translateY(-5px)}.living-chip.filled{background:#c9e8d9;border-color:#78d5bc}.living-chip small{display:block;font-weight:500;font-size:12px;color:#355a55;margin-top:5px}.living-targets{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:9px}.living-target{min-height:93px;padding:15px 10px;border:2px dashed #9edcc6;border-radius:14px;background:#19424f;color:#f7f9eb;font-size:17px;font-weight:800}.living-target.waiting{box-shadow:0 0 19px #6dedbd4b;background:#215e5b}.living-target small{display:block;font-size:12px;color:#bed9da;font-weight:400;margin-top:7px;line-height:1.6}.living-forge-forms{display:grid;gap:10px;margin:22px 0}.living-forge-forms label{display:flex;align-items:center;gap:11px;border:1px solid #60909b;background:#132f45;padding:12px 16px;border-radius:14px}.living-forge-forms label>span:first-child{min-width:85px;font-size:22px;color:#ffe4a9;font-weight:700}.living-forge-forms label>svg{color:#8be0c6;flex:none}.living-forge-forms input{width:100%;min-width:0;background:#030f22;color:#fff;border:1px solid #a4bebc;border-radius:10px;font-size:22px;padding:12px;direction:rtl}.living-forge-forms .good{color:#91f4b3}.living-forge-forms .bad{color:#f4a5a5}.living-sentence{background:linear-gradient(125deg,#f4e6be,#e8d7ac);border:4px solid #bca27a;border-radius:16px;color:#242b39;padding:clamp(20px,4vw,40px);margin:20px 0;box-shadow:0 11px 25px #010b17a1}.living-sentence span{color:#59646b}.living-sentence blockquote{font-size:clamp(19px,3vw,31px);line-height:2.2;color:#1c3344;margin:8px 0}.living-sentence b{color:#8c4d32;background:#efdfad;border-bottom:3px dotted #98794b;padding:0 7px}.living-choices{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:18px}.living-choices button{padding:14px 23px;background:#244d61;color:#fff;border:2px solid #74adae;border-radius:12px;font-size:23px}.living-choices button.selected{background:#e8cf96;color:#192f3a;border-color:#ffe5ad}.living-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.living-actions button:not(.living-primary){display:flex;align-items:center;gap:7px;background:#244a59;color:#fff;border:1px solid #98b6af;border-radius:10px;padding:11px 14px}.living-actions button:disabled{opacity:.48;cursor:not-allowed}.living-hint{background:#e6d6af;color:#2c3540!important;border-right:5px solid #d8ac6d;padding:14px;border-radius:10px}.living-feedback{padding:15px;background:#1c4547;border:1px solid #89cbb7;border-radius:14px;margin-top:15px}.living-feedback.warning{background:#643f3a;border-color:#e0a396}.living-feedback h3{color:#ffdf9b}.living-feedback p{font-size:14px}.living-source{display:flex;align-items:flex-start;gap:8px;border-top:1px solid #3f657a;margin-top:22px;padding-top:12px;color:#b4cbd2;font-size:12px;line-height:1.8}.living-finale{text-align:center;max-width:710px;margin:auto;padding:30px 0}.living-finale>svg{color:#abf7b6;filter:drop-shadow(0 0 17px #68e3b6)}.living-finale button{margin:12px 4px}@keyframes living-appear{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media(max-width:610px){.living-city-stage{height:300px}.living-city-story{top:8%;right:3%;max-width:75%;padding:8px 10px}.living-city-story strong{font-size:24px}.living-saloom{width:65px;left:14%}.living-forge-forms label{padding:9px;gap:6px}.living-forge-forms input{font-size:17px}.living-forge-forms label>span:first-child{font-size:17px;min-width:67px}.living-targets{grid-template-columns:repeat(2,minmax(0,1fr))}.living-choices button{flex:1}.living-actions{flex-direction:column}.living-actions button{justify-content:center}}@media(prefers-reduced-motion:reduce){.living-bloom,.living-saloom{animation:none}}.living-chip{touch-action:none}.living-drag-ghost{position:fixed;transform:translate(-50%,-65%);z-index:2000;pointer-events:none;background:#ffe3a5;color:#173b4e;border:3px solid #76d9cb;border-radius:13px;padding:12px 22px;box-shadow:0 9px 28px #0009,0 0 25px #a1f3d7;white-space:nowrap;font-size:25px;font-weight:900}.mode-hub{position:relative;margin:-18px calc(50% - 50vw) 0;width:100vw;max-width:none;overflow:hidden;padding-bottom:90px;background:#061929}.mode-cinematic{height:calc(100dvh - 120px);min-height:610px;max-height:none;width:100%;border:0;border-radius:0;box-shadow:none;background:#091a2d;overflow:hidden}.mode-generated-art{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/art/cinematic-portals.webp);background-size:cover;background-position:center;z-index:-3;filter:saturate(1.15) contrast(1.1);transform:scale(1.01)}.mode-hub-adventure .mode-generated-art{background-position:0% center}.mode-hub-practice .mode-generated-art{background-position:38% center;filter:hue-rotate(8deg) saturate(1.35)}.mode-hub-selftest .mode-generated-art{background-position:65% center;filter:hue-rotate(-6deg) saturate(1.18)}.mode-hub-arena .mode-generated-art{background-position:100% center;filter:hue-rotate(14deg) saturate(1.25)}.mode-cinematic .world-painting{display:none}.mode-cinematic .mode-film-layer{background:linear-gradient(0deg,#050f23f0,#06172a85 38%,#08132645 75%,#07101d66)}.mode-cinematic-copy{right:5%;top:10%;width:90%;max-height:65%;overflow:visible;text-align:right}.mode-cinematic-copy h1{font-size:clamp(35px,7vw,76px);margin:5px 0;text-shadow:0 3px 18px #000,0 0 14px #100a18}.mode-cinematic-copy h2{font-size:clamp(17px,3.8vw,31px);text-shadow:0 3px 14px #000}.mode-cinematic-copy p{font-size:clamp(14px,2.7vw,19px);max-width:540px;text-shadow:0 2px 10px #000;color:#fff}.mode-enter{margin-top:17px;box-shadow:0 7px 28px #03132de0}.mode-cinematic-side{left:6%;bottom:13%;z-index:3}.mode-film-selector{position:relative;margin:-1px 0 0;border-radius:0;border:0;background:#081c30db;gap:4px}.mode-film-selector button.active{background:#20415bd9}.mode-progress{border-radius:0;background:#091d2b;border:0;border-top:1px solid #34526a}.mode-film-arrows{bottom:25px}.saloom-on-mode{left:13%;bottom:15%;width:clamp(75px,12vw,130px)}@media(max-width:750px){.mode-hub{margin:-15px calc(50% - 50vw) 0;width:100vw;padding-bottom:88px}.mode-cinematic{height:calc(100dvh - 145px);min-height:520px;max-height:none;border-radius:0}.mode-generated-art{background-size:auto 100%;background-position:33% center}.mode-hub-adventure .mode-generated-art{background-position:6% center}.mode-hub-practice .mode-generated-art{background-position:39% center}.mode-hub-selftest .mode-generated-art{background-position:69% center}.mode-hub-arena .mode-generated-art{background-position:96% center}.mode-cinematic-copy{top:9%;right:5%;width:90%;max-height:58%}.mode-cinematic-copy h1{font-size:clamp(31px,8vw,43px)}.mode-cinematic-copy p{font-size:15px;max-width:85%}.mode-cinematic-side{left:7%;bottom:9%}.saloom-on-mode{left:10%;bottom:12%;width:84px}.mode-film-selector button{padding:10px 2px}.mode-film-selector{margin-top:0}}.grammar-discovery{overflow:hidden;border-radius:22px;background:#0a2036;color:#fff;border:1px solid #d3ac79;margin:15px auto 22px;box-shadow:0 20px 48px #0008}.discovery-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 23px;background:#0a253d;color:#e8d3a8}.discovery-top span{display:flex;align-items:center;gap:9px}.discovery-top b{font-size:13px}.discovery-picture{height:clamp(180px,34vw,310px);position:relative;background:radial-gradient(circle at 30% 28%,#edc484aa,transparent 26%),linear-gradient(140deg,#244864,#887d77 70%,#4b634e);overflow:hidden}.discovery-picture:before{content:"";position:absolute;top:35%;right:0;bottom:0;left:0;background:linear-gradient(0deg,#142e3d,#31526c8c);clip-path:polygon(0 64%,14% 18%,24% 62%,40% 0,52% 67%,65% 15%,85% 68%,100% 11%,100% 100%,0 100%)}.discovery-picture[data-scene="1"]{background:radial-gradient(circle at 70% 15%,#fff1bd99,transparent 29%),linear-gradient(130deg,#375e74,#ad8c5e)}.discovery-picture[data-scene="2"]{background:radial-gradient(circle at 30% 20%,#c4b1f49c,transparent 32%),linear-gradient(130deg,#293957,#68718b)}.discovery-picture[data-scene="3"]{background:radial-gradient(circle at 67% 30%,#aee9dd91,transparent 33%),linear-gradient(135deg,#214e5b,#347672)}.discovery-picture[data-scene="4"]{background:radial-gradient(circle at 39% 30%,#d9c9ff99,transparent 33%),linear-gradient(135deg,#35305c,#666384)}.discovery-landmark{font-size:clamp(70px,13vw,150px);position:absolute;left:12%;top:12%;filter:drop-shadow(0 8px 22px #132335a9);transform:rotate(-7deg)}.discovery-scene-title{position:absolute;right:7%;bottom:25%;font-size:clamp(26px,5vw,52px);font-weight:900;text-shadow:0 3px 15px #061524;color:#fff0ce}.discovery-steps{display:flex;gap:7px;position:absolute;bottom:15px;right:6%;left:6%}.discovery-steps span{height:6px;border-radius:10px;flex:1;background:#b4c6d85c}.discovery-steps span.lit{background:#fce3a3;box-shadow:0 0 17px #ffe99b}.discovery-body{padding:clamp(18px,4vw,42px)}.discovery-chapter{font-size:13px;color:#f3c989}.discovery-body h2{font-size:clamp(28px,5vw,42px);color:#ffe3aa;margin:8px 0 17px}.discovery-narration{display:flex;align-items:flex-start;gap:13px;border-right:4px solid #e4bf84;background:#173a4d;padding:20px;border-radius:12px}.discovery-narration svg{flex:none;color:#f1d6a4}.discovery-narration p{margin:0;font-size:clamp(19px,2.9vw,26px);line-height:2;color:#fff}.discovery-task h3{margin:28px 0 14px;font-size:clamp(21px,3vw,29px);color:#e5eaf3}.discovery-answers{display:grid;gap:12px}.discovery-answers button{background:#203c51;border:2px solid #7fabb7;border-radius:15px;padding:16px 22px;text-align:right;color:#fff;font-size:clamp(17px,2.6vw,23px);line-height:1.65}.discovery-answers button.chosen{border-color:#ffdf98;box-shadow:0 0 17px #b6a3755c;background:#405263}.discovery-answers button.correct{border-color:#80e3b4;background:#1c5344}.discovery-answers button.wrong{border-color:#ffa39b;background:#633c43}.discovery-feedback{padding:19px;background:#19483e;border:1px solid #76d4aa;border-radius:13px;margin-top:17px}.discovery-feedback.retry{background:#543c40;border-color:#e4a8a0}.discovery-feedback b{display:flex;align-items:center;gap:9px;color:#d9f6e1}.discovery-feedback p{line-height:1.8}.discovery-rule{display:flex;gap:9px;color:#ffe2a4;font-size:21px;font-weight:800}.discovery-action{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:23px 0}.discovery-action button{min-height:48px}.discovery-help{display:flex;gap:8px;align-items:center;border:1px solid #8aadb3;color:#d6e4e6;background:#23465a;border-radius:10px;padding:9px 13px}.discovery-help:disabled,.discovery-action button:disabled{opacity:.45}.discovery-rules{background:#112c42;border:1px solid #5c788c;border-radius:10px;padding:12px 15px;color:#f6dcab}.discovery-rules p{color:#f0f4eb}.discovery-disclaimer{font-size:12px;color:#b1cbd0;margin:18px 0 0;line-height:1.8}@media(max-width:620px){.grammar-discovery{margin:8px 0 15px;border-radius:11px}.discovery-picture{height:205px}.discovery-landmark{left:9%;font-size:78px}.discovery-body{padding:19px}.discovery-narration{padding:14px}.discovery-narration p{font-size:19px}.discovery-action{flex-direction:column}.discovery-action button{justify-content:center}}.mode-cinematic .world-painting{display:block;z-index:-4}.mode-generated-art{z-index:-3}.app:has(.mode-hub) .header{position:absolute;top:0;left:0;right:0;z-index:50;height:69px;border:0;background:linear-gradient(#041126cb,transparent);padding:7px 16px}.app:has(.mode-hub) .header .student{background:#0e2940bd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app:has(.mode-hub) .app-main{width:100%;max-width:none;margin:0}.app:has(.mode-hub) .mode-hub{margin:0;width:100vw;padding-bottom:0;min-height:100dvh}.app:has(.mode-hub) .mode-cinematic{height:100dvh;min-height:580px;max-height:none}.app:has(.mode-hub) .mode-cinematic-copy{top:15%;right:6%;width:88%;max-height:60%}.app:has(.mode-hub) .mode-film-selector{position:absolute;bottom:81px;left:0;right:0;z-index:32;background:#041527bd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid #b39b6a;grid-template-columns:repeat(4,1fr)}.app:has(.mode-hub) .mode-progress{position:absolute;z-index:31;right:12px;left:12px;bottom:165px;background:#0a1e31a3;border:1px solid #3e6475;border-radius:13px;padding:8px;font-size:11px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app:has(.mode-hub) .mode-progress button{font-size:11px;padding:8px}.app:has(.mode-hub) .bottom-nav{background:#041528c9;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);z-index:51}.app:has(.mode-hub) .mode-film-arrows{bottom:245px;z-index:33}@media(max-width:700px){.app:has(.mode-hub) .header{height:68px}.app:has(.mode-hub) .mode-cinematic{height:100dvh;min-height:540px}.app:has(.mode-hub) .mode-cinematic-copy{top:16%;max-height:48%}.app:has(.mode-hub) .mode-film-selector{bottom:72px}.app:has(.mode-hub) .mode-progress{bottom:147px}.app:has(.mode-hub) .mode-film-arrows{bottom:232px}.app:has(.mode-hub) .mode-cinematic-side{bottom:29%;left:8%}.app:has(.mode-hub) .saloom-on-mode{bottom:28%;left:19%}}.lesson-artwork{background-image:linear-gradient(#102b46a0,#0c273c44),url(/art/cinematic-portals.webp);background-size:cover;background-position:center center}.lesson-artwork svg{opacity:.65;mix-blend-mode:luminosity}.lesson-artwork-tree,.lesson-artwork-garden{background-position:1% center}.lesson-artwork-machine,.lesson-artwork-workshop{background-position:33% center}.lesson-artwork-library,.lesson-artwork-stage{background-position:58% center}.lesson-artwork-bridge,.lesson-artwork-towers,.lesson-artwork-plaza{background-position:98% center}.living-city-stage{background-image:linear-gradient(0deg,#112e4d80,#173d4f40),url(/art/cinematic-portals.webp);background-position:62% center;background-size:cover}.living-city-stage svg{opacity:.78;mix-blend-mode:screen}.discovery-picture{background-image:linear-gradient(0deg,#071b2bc9,#1e385d48),url(/art/cinematic-portals.webp);background-size:cover;background-position:5% center}.discovery-picture[data-scene="1"]{background-image:linear-gradient(0deg,#0c273eb8,transparent),url(/art/cinematic-portals.webp);background-position:29% center}.discovery-picture[data-scene="2"]{background-image:linear-gradient(0deg,#112641a6,transparent),url(/art/cinematic-portals.webp);background-position:53% center}.discovery-picture[data-scene="3"]{background-image:linear-gradient(0deg,#102e37ae,transparent),url(/art/cinematic-portals.webp);background-position:76% center}.discovery-picture[data-scene="4"]{background-image:linear-gradient(0deg,#132b48a8,transparent),url(/art/cinematic-portals.webp);background-position:100% center}.discovery-picture:before{opacity:.3}.mode-generated-art{background-image:url(https://d2jqrm6oza8nb6.cloudfront.net/datasets/9879efed-18f4-4053-a8b4-91667d25a1ba.png?_jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJrZXlIYXNoIjoiZDdhZjQyNWY5OGQxMzIwYyIsImJ1Y2tldCI6InJ1bndheS1kYXRhc2V0cyIsInN0YWdlIjoicHJvZCIsImV4cCI6MTc5MjM1MDQzMX0.OOEQhBnHjOOtVjbD5CfBpJqWTapTpX-pO56Zpp6A91E),linear-gradient(125deg,#263851,#577a80)}.lesson-artwork,.living-city-stage,.discovery-picture{background-image:linear-gradient(0deg,#112d43a8,#142d3e4d),url(https://d2jqrm6oza8nb6.cloudfront.net/datasets/9879efed-18f4-4053-a8b4-91667d25a1ba.png?_jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJrZXlIYXNoIjoiZDdhZjQyNWY5OGQxMzIwYyIsImJ1Y2tldCI6InJ1bndheS1kYXRhc2V0cyIsInN0YWdlIjoicHJvZCIsImV4cCI6MTc5MjM1MDQzMX0.OOEQhBnHjOOtVjbD5CfBpJqWTapTpX-pO56Zpp6A91E)}.app:has(.mode-hub){height:100dvh;min-height:0;overflow:hidden}.app:has(.mode-hub) .app-main{height:100dvh;min-height:0;overflow:hidden;padding:0!important}.app:has(.mode-hub) .mode-hub{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;min-height:0;max-height:none;margin:0;padding:0;overflow:hidden;touch-action:pan-y;isolation:isolate}.app:has(.mode-hub) .mode-cinematic{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0;max-height:none;margin:0;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden}.app:has(.mode-hub) .mode-generated-art{top:0;right:0;bottom:0;left:0;z-index:-3;background-size:cover;transform:none}.app:has(.mode-hub) .mode-film-layer{z-index:-1;background:linear-gradient(180deg,#031425c9 0%,#071b3091 26%,transparent 53%,#041323a8 83%,#031323eb 100%)}.app:has(.mode-hub) .mode-cinematic-copy{top:clamp(95px,14dvh,158px);right:6%;left:6%;width:auto;max-height:43dvh;overflow:auto;scrollbar-width:none}.app:has(.mode-hub) .mode-cinematic-copy h1{font-size:clamp(37px,9vw,72px);line-height:1.2}.app:has(.mode-hub) .mode-cinematic-copy p{max-width:min(560px,86vw);line-height:1.75}.app:has(.mode-hub) .mode-enter{max-width:90vw}.app:has(.mode-hub) .mode-cinematic-side{position:absolute;left:5%;bottom:26dvh;z-index:4}.app:has(.mode-hub) .saloom-on-mode{bottom:26dvh;left:21%;z-index:3}.app:has(.mode-hub) .mode-film-arrows{left:12px;right:12px;bottom:23dvh;z-index:9}.app:has(.mode-hub) .mode-film-selector{position:fixed;bottom:calc(66px + env(safe-area-inset-bottom));left:0;right:0;z-index:54;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:6px 5px;border-radius:0;border:0;border-top:1px solid #b59a66;background:#071c32df;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app:has(.mode-hub) .mode-progress{position:fixed;bottom:calc(133px + env(safe-area-inset-bottom));left:10px;right:10px;z-index:53;min-height:0;margin:0;padding:7px 12px;background:#0a263bc9;border-radius:12px;border:1px solid #66848b}.app:has(.mode-hub) .header{position:fixed;top:0;left:0;right:0;z-index:59}.app:has(.mode-hub) .bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:60;min-height:66px;padding-bottom:env(safe-area-inset-bottom)}@media(max-width:490px){.app:has(.mode-hub) .mode-cinematic-copy{top:clamp(90px,13dvh,130px);max-height:39dvh}.app:has(.mode-hub) .mode-cinematic-copy h1{font-size:clamp(31px,8.5vw,43px)}.app:has(.mode-hub) .mode-cinematic-copy h2{font-size:18px}.app:has(.mode-hub) .mode-cinematic-copy p{font-size:14px}.app:has(.mode-hub) .mode-film-selector button{font-size:10px;gap:2px;min-width:0}.app:has(.mode-hub) .mode-progress{font-size:10px;gap:4px}.app:has(.mode-hub) .mode-cinematic-side{bottom:27dvh}.app:has(.mode-hub) .saloom-on-mode{bottom:28dvh}}@media(max-height:640px){.app:has(.mode-hub) .mode-cinematic-copy{top:76px;max-height:38dvh}.app:has(.mode-hub) .mode-cinematic-copy p{display:none}.app:has(.mode-hub) .mode-cinematic-side{display:none}.app:has(.mode-hub) .saloom-on-mode{bottom:26dvh}}.law-world{margin:10px auto 25px;border:1px solid #bba477;border-radius:19px;background:#081e34;color:#f4f6ed;overflow:hidden;box-shadow:0 15px 42px #0009;isolation:isolate}.law-backdrop{position:relative;height:clamp(280px,48vw,450px);background:#0a1d34;overflow:hidden}.law-bg-art{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#091a319c,#183a5180 46%,#071928f2),url(/art/cinematic-portals.webp) center / cover no-repeat;background-image:linear-gradient(to bottom,#091a3180,#183a515b 46%,#071928e8),url(https://d2jqrm6oza8nb6.cloudfront.net/datasets/9879efed-18f4-4053-a8b4-91667d25a1ba.png?_jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJrZXlIYXNoIjoiZDdhZjQyNWY5OGQxMzIwYyIsImJ1Y2tldCI6InJ1bndheS1kYXRhc2V0cyIsInN0YWdlIjoicHJvZCIsImV4cCI6MTc5MjM1MDQzMX0.OOEQhBnHjOOtVjbD5CfBpJqWTapTpX-pO56Zpp6A91E)}.law-scene-1 .law-bg-art{background-position:35% center}.law-scene-2 .law-bg-art{background-position:55% center;filter:hue-rotate(-9deg) saturate(1.08)}.law-scene-3 .law-bg-art{background-position:75% center;filter:hue-rotate(12deg)}.law-backdrop svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;filter:drop-shadow(0 0 21px #ffe5a18c)}.law-saloom{position:absolute;left:4%;bottom:11%;width:clamp(65px,12vw,122px);height:auto;filter:drop-shadow(0 0 22px #5ccfe3);animation:saloom-float 4s ease-in-out infinite}.law-landscape-label{position:absolute;top:18px;right:20px;display:flex;align-items:center;gap:10px;background:#0a203bca;padding:10px 15px;border-radius:10px;border:1px solid #cfa66e;color:#ffe2a6;font-size:clamp(17px,3.4vw,28px);font-weight:900}.law-content{background:radial-gradient(ellipse at 98% 0,#305a6dbb,transparent 54%),linear-gradient(155deg,#102c43,#0a1c30);padding:clamp(18px,3.5vw,37px)}.law-content h2{font-size:clamp(27px,4.6vw,45px);color:#ffe0a3;line-height:1.45;margin:12px 0}.law-content h3{font-size:clamp(20px,3vw,26px);color:#f5ebd0;line-height:1.8}.law-content p{color:#dae7ee;line-height:2;font-size:clamp(16px,2.1vw,21px)}.law-primary{border:2px solid #f9e9c1;border-radius:12px;background:linear-gradient(125deg,#efd6a4,#cfa471);padding:12px 20px;color:#142c37;font-weight:850;display:inline-flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 6px 22px #0006}.law-primary:disabled{opacity:.5}.law-progress{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #54747c;padding-bottom:15px}.law-progress strong{color:#f3dda9}.law-progress span{color:#b8d8df}.law-choices{display:grid;gap:10px;margin:22px 0}.law-choices button{display:flex;gap:12px;align-items:center;text-align:right;padding:16px 14px;background:#1b4256;color:#f5f7fa;border:2px solid #719eaa;border-radius:13px;font-size:clamp(16px,2.5vw,23px);line-height:1.6;min-height:66px}.law-choices button>span{flex:none;display:grid;place-items:center;background:#45687c;border-radius:50%;border:1px solid #c1d5ce;width:34px;height:34px}.law-choices button.selected{background:#35546c;border-color:#f2d19c}.law-choices button.right{background:#165346;border-color:#90e9ae}.law-choices button.wrong{background:#5c3340;border-color:#f2a3ac}.law-choices button:disabled{cursor:default}.law-wheel{display:flex;justify-content:center;gap:28px;align-items:center;margin:15px auto 25px;min-height:170px}.law-wheel-gear{height:130px;width:130px;border:14px double #f5dca8;border-radius:50%;background:radial-gradient(circle,#cfab688c,#174559);display:grid;place-items:center;transition:transform .7s cubic-bezier(.15,.9,.3,1.1);box-shadow:0 0 35px #ffe0a55c}.law-wheel-gear svg{color:#ffebbe}.law-wheel>button,.law-controls>button:not(.law-primary){display:inline-flex;align-items:center;gap:7px;background:#265269;color:#f4f8ee;padding:10px 14px;border:1px solid #b7c4b8;border-radius:10px}.law-question-emblem{margin:17px auto;display:flex;align-items:center;justify-content:center;gap:17px;color:#ffdfaa;font-size:25px;min-height:110px;background:#0a2c43ad;border:1px solid #5d8591;border-radius:14px}.law-question-emblem svg{filter:drop-shadow(0 0 10px #f4cb9a)}.law-bridge{display:flex;flex-direction:column;align-items:center;gap:8px;border:2px solid #bb9b66;border-radius:18px;padding:18px;background:#26415aba;min-height:140px}.law-bridge span{font-size:15px;color:#d7ceaa}.law-bridge strong{font-size:24px;color:#ffdda7;text-align:center}.law-reason{border:1px solid #8bd6b4;background:#194c47;padding:14px;border-radius:13px}.law-reason.retry{background:#633b45;border-color:#f3aaa2}.law-reason b{color:#f6dfab}.law-reason p{font-size:16px}.law-hint{display:flex;align-items:center;gap:8px;padding:13px;border-right:4px solid #e2c189;color:#f7e5b3;background:#384c50}.law-controls{display:flex;flex-wrap:wrap;gap:9px;justify-content:space-between;margin:15px 0}.law-source{font-size:12px!important;color:#b9cdd1!important;border-top:1px solid #5a747a;padding-top:12px;margin-top:20px}.law-done{text-align:center;padding:20px 0}.law-done>svg{color:#b7edb5}@media(max-width:650px){.law-backdrop{height:300px}.law-content{padding:16px}.law-landscape-label{right:8px;top:11px;font-size:17px}.law-saloom{left:4%;width:77px}.law-wheel{gap:12px}.law-wheel-gear{width:105px;height:105px;border-width:10px}.law-controls{flex-direction:column}.law-controls button{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){.law-saloom{animation:none}}.unit-path-world{position:relative;isolation:isolate;overflow:hidden;padding:0 0 35px;margin:-7px -10px 0;background:radial-gradient(ellipse at 55% 5%,#3f6783a0,transparent 45%),linear-gradient(135deg,#09263c,#0b192c 80%);border-radius:19px}.unit-path-world>.back{position:relative;z-index:3;margin:13px}.unit-path-hero{margin:6px 15px 0;padding:30px 22px 23px;border:1px solid #cdab72;border-radius:19px;background:linear-gradient(90deg,#0b233ccf,#0a233bb7),url(/art/cinematic-portals.webp) center/cover;color:#f7e8bf}.unit-path-hero h1{font-size:clamp(29px,4.7vw,49px);margin:12px 0;color:#ffe3ad;text-shadow:0 4px 12px #00101a}.unit-path-hero p{max-width:600px;line-height:1.8;color:#deedf0}.unit-path-stats{max-width:420px;display:flex;align-items:center;flex-wrap:wrap;gap:11px;margin-top:21px;border:1px solid #82a7a8;border-radius:11px;padding:11px;background:#031b30a0}.unit-path-stats b{font-size:21px;color:#fce0aa}.unit-path-stats span{font-size:14px;color:#d7dfd7}.unit-path-meter{height:8px;border-radius:99px;width:100%;background:#32495a;overflow:hidden}.unit-path-meter i{display:block;height:100%;background:linear-gradient(90deg,#63cfbd,#f0d189);box-shadow:0 0 20px #95ffd7;transition:width .5s}.unit-trail{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:17px;padding:28px 17px 17px}.unit-trail:before{content:"";position:absolute;z-index:0;top:24px;bottom:32px;width:10px;right:50%;transform:translate(50%);background:repeating-linear-gradient(to bottom,#d4a969 0,#d4a969 22px,#89caba 23px,#89caba 42px,#294a5a 43px,#294a5a 46px);box-shadow:0 0 24px #8cc9aa81;border-radius:99px}.trail-stop{position:relative;z-index:1;width:88%;display:flex;align-items:stretch;gap:10px;min-height:190px}.trail-stop.trail-right{margin-left:auto;margin-right:0;flex-direction:row-reverse}.trail-stop.trail-left{margin-right:auto;margin-left:0;flex-direction:row}.trail-bridge{position:absolute;top:80px;width:50px;height:5px;background:#b1bb9b;box-shadow:0 0 15px #f9dda8;border-radius:20px}.trail-right .trail-bridge{left:2%}.trail-left .trail-bridge{right:2%}.trail-node{position:absolute;top:64px;z-index:3;width:52px;height:52px;display:grid;place-items:center;right:calc(50% - 26px);border-radius:50%;border:4px solid #e4c18b;background:linear-gradient(135deg,#10374c,#477688);box-shadow:0 0 14px #bed49f;color:#fff1c4;font-size:22px;font-weight:900}.trail-stop.mastered .trail-node{background:#2d796b;border-color:#b0eab8;box-shadow:0 0 26px #73df9c}.trail-stop.sealed .trail-node{background:#384656;color:#a9b1ba;border-color:#7e8b92;box-shadow:none}.trail-chapter{position:relative;width:100%;overflow:hidden;display:flex;flex-direction:column;border-radius:17px;border:1px solid #ae9570;background:#0b2a3e;box-shadow:0 14px 30px #0008}.trail-art{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.55;background:radial-gradient(circle at 55% 36%,#fce09d58,transparent 50%),linear-gradient(140deg,#354f75,#325867)}.trail-listening .trail-art{background:linear-gradient(135deg,#1328497d,#366078a6),url(/art/cinematic-portals.webp) 12% center/cover}.trail-literature .trail-art{background:linear-gradient(135deg,#22385d85,#475b6dbe),url(/art/cinematic-portals.webp) 36% center/cover}.trail-grammar .trail-art{background:linear-gradient(135deg,#19275592,#4e6c86ad),url(/art/cinematic-portals.webp) 69% center/cover}.trail-writing .trail-art{background:linear-gradient(135deg,#2b3d537d,#3a7974ad),url(/art/cinematic-portals.webp) 95% center/cover}.trail-art span{position:absolute;top:10px;left:20px;color:#e4bb78;font-size:68px;opacity:.38;text-shadow:0 0 22px #ffe29d}.trail-copy{position:relative;z-index:1;padding:22px 16px 10px;margin-top:8px;background:linear-gradient(90deg,#031627db,#0a253d9b)}.trail-copy small{color:#ecd3a4;font-size:12px}.trail-copy h2{font-size:clamp(22px,3vw,31px);color:#fff1cb;margin:10px 0;line-height:1.3;text-shadow:0 2px 12px #061826}.trail-copy p{font-size:13px;color:#deedf0;margin:9px 0;line-height:1.6}.trail-actions{position:relative;z-index:2;display:flex;justify-content:flex-start;align-items:center;padding:0 16px 17px;background:#06192bbd}.trail-actions button{display:flex;align-items:center;gap:8px;border:1px solid #f2d6a3;background:#d9ba84;color:#1b3340;padding:9px 17px;border-radius:10px;font-weight:800}.trail-actions>span{color:#bcc1c5}.trail-stop.sealed .trail-chapter{filter:saturate(.54);opacity:.8}@media(max-width:650px){.unit-path-world{margin:-5px -8px 0}.unit-trail{padding:26px 7px 20px;gap:20px}.unit-trail:before{right:50%;width:8px}.trail-stop{width:91%;min-height:165px}.trail-node{top:62px;width:39px;height:39px;right:calc(50% - 19px);font-size:17px;border-width:3px}.trail-copy{padding:15px 9px 8px}.trail-copy h2{font-size:clamp(17px,5vw,25px)}.trail-copy p{font-size:11px}.trail-copy small{font-size:10px}.trail-actions{padding:0 9px 10px}.trail-actions button{padding:8px 9px;font-size:11px}.trail-art span{font-size:46px}}.book-guided-review{margin:20px 0;padding:16px;border:1px solid #648f9e;border-radius:14px;background:#102c41;color:#edf4ec}.book-rubric-trigger{display:flex;align-items:center;justify-content:center;gap:9px;padding:12px 16px;background:#2b6873;color:#fff;border:1px solid #a3c8c0;border-radius:10px;font-weight:700;width:100%}.book-rubric-trigger:disabled{opacity:.5}.book-rubric-report{margin-top:14px;border-top:1px solid #5d8c9d;padding-top:12px}.book-rubric-report h4{font-size:21px;color:#ffe0aa;margin:4px 0}.book-rubric-report p{line-height:1.8;color:#e0eaea}.book-rubric-report>div{border-radius:10px;padding:11px;margin:9px 0;display:flex;flex-direction:column;gap:4px}.book-rubric-report .rubric-found{border:1px solid #74bf9a;background:#134c43}.book-rubric-report .rubric-missing{border:1px solid #c0a17d;background:#634435}.book-rubric-report summary{cursor:pointer;color:#ffe1b3}.book-rubric-report details{border:1px solid #6c8f94;border-radius:10px;padding:12px;margin:13px 0}.book-rubric-report small{display:block;color:#c4d3d3;line-height:1.6}.app:has(.mode-hub) .mode-generated-art{top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:-3!important;background-image:linear-gradient(180deg,#06111c83 0%,transparent 43%,#051322a6 92%),url(/art/worlds-atlas.webp)!important;background-size:100% 100%,400% 100%!important;background-repeat:no-repeat!important;filter:none!important;transform:none!important}.app:has(.mode-hub-adventure) .mode-generated-art{background-position:center,0% 50%!important}.app:has(.mode-hub-practice) .mode-generated-art{background-position:center,33.33333% 50%!important}.app:has(.mode-hub-selftest) .mode-generated-art{background-position:center,66.66667% 50%!important}.app:has(.mode-hub-arena) .mode-generated-art{background-position:center,100% 50%!important}.app:has(.mode-hub) .world-painting{display:block!important;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-4!important;opacity:.22;pointer-events:none}.app:has(.mode-hub) .mode-film-layer{background:linear-gradient(180deg,#061625cc 0%,#0715238c 15%,transparent 52%,#07152387 85%,#071523c9 100%)!important;z-index:-1}.app:has(.mode-hub) .mode-cinematic-copy{top:clamp(91px,14dvh,133px)!important;right:5%;left:auto;width:min(89vw,490px);padding:16px 17px 18px;background:linear-gradient(90deg,#06172acb,#091a2e7a);border-right:3px solid #dfbe83;border-radius:12px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);max-height:44dvh;overflow:auto;box-sizing:border-box}.app:has(.mode-hub) .mode-cinematic-copy h1{font-size:clamp(29px,7.5vw,51px);line-height:1.3;margin:4px 0}.app:has(.mode-hub) .mode-cinematic-copy h2{font-size:clamp(15px,3.9vw,25px);margin:4px 0}.app:has(.mode-hub) .mode-cinematic-copy p{font-size:13px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:7px 0;color:#f6f8ff}.app:has(.mode-hub) .mode-enter{padding:10px 14px;max-width:100%;font-size:clamp(15px,3.7vw,18px);margin-top:9px}.app:has(.mode-hub) .mode-cinematic-side{display:none!important}.app:has(.mode-hub) .saloom-on-mode{display:none!important}.app:has(.mode-hub) .mode-film-selector{bottom:calc(136px + env(safe-area-inset-bottom))!important;left:12%!important;right:12%!important;z-index:54;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:3px 5px;height:53px;background:#06182bdc;border-radius:99px;border:1px solid #ad9a72;gap:2px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app:has(.mode-hub) .mode-film-selector button{padding:4px!important;min-width:0;display:flex;justify-content:center;align-items:center;border-radius:99px}.app:has(.mode-hub) .mode-film-selector button span{display:none!important}.app:has(.mode-hub) .mode-film-selector button svg{width:25px;height:25px}.app:has(.mode-hub) .mode-progress{bottom:calc(75px + env(safe-area-inset-bottom))!important;left:3%;right:3%;z-index:53;min-height:0;gap:8px;flex-wrap:wrap;justify-content:space-between;padding:9px 11px;background:#061a2bd8;border-radius:13px}.app:has(.mode-hub) .mode-progress>span{font-size:11px;white-space:nowrap}.app:has(.mode-hub) .mode-progress>button{padding:6px 9px;font-size:12px}.app:has(.mode-hub) .mode-film-arrows{bottom:calc(206px + env(safe-area-inset-bottom))!important}@media(max-width:410px){.app:has(.mode-hub) .mode-cinematic-copy{top:89px!important;max-height:43dvh;padding:11px 12px 13px}.app:has(.mode-hub) .mode-cinematic-copy h1{font-size:30px}.app:has(.mode-hub) .mode-progress>span:first-child{display:none}}.world-map .realm{background-image:linear-gradient(0deg,#061a31c9,transparent 55%,#06182ba8),url(/art/worlds-atlas.webp)!important;background-size:100% 100%,400% 100%!important;background-repeat:no-repeat}.world-map .realm-0{background-position:center,0% center!important}.world-map .realm-1{background-position:center,33.333% center!important}.world-map .realm-2{background-position:center,66.667% center!important}.world-map .realm-3{background-position:center,100% center!important}.world-map .realm-sun,.world-map .realm-mountains,.world-map .realm-hills,.world-map .realm-citadel,.world-map .realm-trees,.world-map .realm-mode-decoration{opacity:.02!important;pointer-events:none}.world-map .realm-content{position:relative;z-index:3;background:linear-gradient(90deg,#051729cb,#071b2f80);padding:14px;border-radius:13px;border-right:3px solid #ecd3a0}.world-map .realm-content h1{color:#ffdfa4;text-shadow:0 4px 13px #000}.unit-path-hero{background-image:linear-gradient(90deg,#061b2cdb,#061c2c9f),url(/art/worlds-atlas.webp)!important;background-size:100% 100%,400% 100%;background-position:center,0% center}.trail-listening .trail-art{background:linear-gradient(130deg,#102e4691,#18334a8c),url(/art/worlds-atlas.webp) 0% center/400% 100%!important}.trail-literature .trail-art{background:linear-gradient(130deg,#102e4691,#18334a8c),url(/art/worlds-atlas.webp) 33.33% center/400% 100%!important}.trail-grammar .trail-art{background:linear-gradient(130deg,#102e4691,#18334a8c),url(/art/worlds-atlas.webp) 66.67% center/400% 100%!important}.trail-writing .trail-art{background:linear-gradient(130deg,#102e4691,#18334a8c),url(/art/worlds-atlas.webp) 100% center/400% 100%!important}.lesson-artwork{background-image:linear-gradient(0deg,#0a203c71,#09172c80),url(/art/worlds-atlas.webp)!important;background-size:100% 100%,400% 100%!important;background-position:center,33.333% center}.lesson-artwork-tree,.lesson-artwork-garden{background-position:center,0% center!important}.lesson-artwork-machine,.lesson-artwork-workshop{background-position:center,66.667% center!important}.lesson-artwork-bridge,.lesson-artwork-stage,.lesson-artwork-plaza{background-position:center,100% center!important}.lesson-artwork svg{opacity:.12!important;pointer-events:none}.law-bg-art{background-image:linear-gradient(0deg,#091b31ab,#091b3170),url(/art/worlds-atlas.webp)!important;background-size:100% 100%,400% 100%!important}.law-scene-0 .law-bg-art,.law-scene-1 .law-bg-art{background-position:center,33.333% center!important}.law-scene-2 .law-bg-art{background-position:center,66.667% center!important}.law-scene-3 .law-bg-art,.law-scene-4 .law-bg-art{background-position:center,100% center!important}.discovery-picture{background-image:linear-gradient(0deg,#0b1a31b9,#0a203a72),url(/art/worlds-atlas.webp)!important;background-size:100% 100%,400% 100%!important}.discovery-picture[data-scene="0"]{background-position:center,0% center!important}.discovery-picture[data-scene="1"]{background-position:center,33.333% center!important}.discovery-picture[data-scene="2"]{background-position:center,66.667% center!important}.discovery-picture[data-scene="3"],.discovery-picture[data-scene="4"]{background-position:center,100% center!important}.butm-guardian{margin:15px auto 26px;border:1px solid #bfa576;border-radius:21px;overflow:hidden;background:#071d2d;box-shadow:0 16px 48px #0009;color:#fff;isolation:isolate}.butm-art{width:100%;height:clamp(175px,48vw,325px);background-image:linear-gradient(0deg,#071a2880,transparent 35%),url(/art/butm-six-scenes.webp);background-repeat:no-repeat;background-size:100% 100%,auto 600%;background-position:center,center 0%;border-bottom:3px solid #cda46a}.butm-art-0{background-position:center,center 0%}.butm-art-1{background-position:center,center 20%}.butm-art-2{background-position:center,center 40%}.butm-art-3{background-position:center,center 60%}.butm-art-4{background-position:center,center 80%}.butm-art-5{background-position:center,center 100%}.butm-story{padding:clamp(14px,3.1vw,34px);background:radial-gradient(ellipse at 88% 8%,#345b60b7,transparent 45%),linear-gradient(145deg,#092b3a,#071525)}.butm-episode{display:flex;justify-content:space-between;gap:9px;align-items:center;border-bottom:1px solid #587d80;padding-bottom:12px;color:#edc993}.butm-episode span{display:flex;align-items:center;gap:7px;font-weight:800}.butm-episode small{font-size:12px;color:#dce7d9}.butm-story h2{font-size:clamp(24px,4vw,41px);color:#ffe0a3;margin:15px 0 4px}.butm-story h3{font-size:clamp(20px,3vw,29px);color:#fff;margin:6px 0}.butm-story>p{font-size:clamp(15px,2vw,18px);color:#dde8e5;line-height:1.85}.butm-stage-dots{display:flex;gap:7px;margin:15px 0 22px}.butm-stage-dots span{flex:1;background:#294a56;height:7px;border-radius:99px}.butm-stage-dots span.on{background:linear-gradient(90deg,#e5a95e,#a8f4ca);box-shadow:0 0 13px #9debcc77}.butm-dial{display:flex;flex-direction:column;gap:14px;align-items:center;padding:25px 15px;border:1px solid #997d4d;background:linear-gradient(125deg,#123f52,#0e2b41);border-radius:17px}.butm-dial>svg{color:#f2d89c;filter:drop-shadow(0 0 15px #e2bc78)}.butm-dial label{font-size:20px;font-weight:700}.butm-dial input[type=range]{width:95%;accent-color:#edc477;height:25px;touch-action:auto}.butm-signal{padding:11px 18px;background:#503d45;border-radius:10px;text-align:center}.butm-signal.ready{background:#195744;color:#c4fad4}.butm-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:9px;margin:21px 0}.butm-choice-grid button{min-height:86px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:13px;border:2px solid #6e9ca6;border-radius:13px;color:#fff;background:#16394b;font-size:clamp(15px,2vw,18px);font-weight:700;line-height:1.6;touch-action:manipulation}.butm-choice-grid button.selected{border-color:#f4d29a;background:#3d5b69;box-shadow:0 0 19px #f7cb9657}.butm-choice-grid button.right{border-color:#86e8aa;background:#255c4a}.butm-orb{font-size:35px;color:#fce2ac;filter:drop-shadow(0 0 15px #f2c16a)}.butm-shadows{position:relative;background:radial-gradient(circle at var(--spot-x,50%) var(--spot-y,50%),#c3e6d822,transparent 27%),#041626;border:1px solid #486e7e;border-radius:16px;padding:16px}.butm-shadows button:not(.selected){opacity:.79}.butm-morph{padding:15px;border:1px solid #587c8b;background:#0f3446;border-radius:15px}.butm-verb{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#e6d7b2}.butm-verb>b{font-size:clamp(27px,5vw,40px);color:#ffe1a0}.butm-verb small{font-size:12px}.butm-morph>p{color:#e3edf0;line-height:1.8}.butm-memory{display:grid;gap:10px}.butm-memory>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px solid #5b8d8d;background:#17394b;border-radius:12px}.butm-memory strong{font-size:17px;min-width:100px}.butm-memory select{min-width:0;flex:1;max-width:260px;border:1px solid #97b8ae;border-radius:9px;padding:11px 5px;background:#0c283c;color:#fff;font-size:15px}.butm-harvest{display:grid;place-items:center;padding:20px}.butm-harvest button{width:min(92%,340px);min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border:3px solid #f4d2a1;border-radius:90px;background:radial-gradient(circle,#ab713e,#352f38);font-size:19px;font-weight:800;color:#fff;box-shadow:0 0 33px #dfac6981}.butm-harvest button.lit{background:radial-gradient(circle,#a4cf70,#2d5440);box-shadow:0 0 55px #c1ee96}.butm-feedback{display:flex;align-items:flex-start;gap:8px;margin:15px 0;padding:13px 16px;border-radius:12px;line-height:1.9;background:#345136;color:#f5fff5;border:1px solid #95d49a}.butm-feedback.retry{background:#513c3c;border-color:#d6a495}.butm-actions{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.butm-actions button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:1px solid #adbbc0;border-radius:11px;background:#285369;color:#fff;font-weight:700}.butm-actions button.butm-next{background:linear-gradient(110deg,#f2d49e,#d3a86c);color:#12293b;border-color:#ffe4b9}.butm-actions button:disabled{opacity:.45}.butm-note{display:flex;gap:7px;align-items:flex-start;font-size:12px!important;color:#bacfd3!important;border-top:1px solid #446878;padding-top:12px;margin-top:20px}@media(max-width:580px){.butm-art{height:195px}.butm-memory>div{flex-direction:column;align-items:stretch}.butm-memory select{max-width:100%}.butm-actions{flex-direction:column}.butm-actions button{width:100%}.butm-story{padding:15px}.butm-verb{flex-wrap:wrap}.butm-episode span{font-size:12px}}.lesson-cinema-g7-s1-u1-l01 .lesson-artwork{background-image:linear-gradient(0deg,#071b2c70,transparent 55%),url(/art/butm-six-scenes.webp)!important;background-size:100% 100%,auto 600%!important;background-position:center,center 0%!important}.lesson-cinema-g7-s1-u1-l01 .lesson-artwork svg{opacity:.02!important}.butm-chapter-art{width:100%;height:clamp(166px,42vw,285px);border-radius:15px;margin:17px auto 24px;border:1px solid #ceaf77;box-shadow:0 14px 25px #0008;background-image:linear-gradient(0deg,#07172d63,transparent 30%),url(/art/butm-six-scenes.webp);background-size:100% 100%,auto 600%;background-repeat:no-repeat;background-position:center,center 0%}.butm-chapter-art-0{background-position:center,center 0%}.butm-chapter-art-1{background-position:center,center 20%}.butm-chapter-art-2{background-position:center,center 40%}.butm-chapter-art-3{background-position:center,center 60%}.butm-chapter-art-4{background-position:center,center 80%}.butm-chapter-art-5{background-position:center,center 100%}@media(max-width:590px){.butm-chapter-art{height:171px}}.lesson-cinema-g8-s1-u1-l01 .lesson-artwork{background-image:linear-gradient(0deg,#071b2b88,#132b4180),url(/art/worlds-atlas.webp)!important;background-size:100% 100%,400% 100%!important;background-position:center,33.333% center!important}.lesson-cinema-g8-s1-u1-l01 .lesson-artwork svg{opacity:.07!important}.law-chapter-art{height:clamp(175px,45vw,285px);border:1px solid #cfb07c;border-radius:14px;margin:18px 0 23px;background-image:linear-gradient(0deg,#06182c8a,transparent 45%),url(/art/worlds-atlas.webp);background-repeat:no-repeat;background-size:100% 100%,400% 100%;box-shadow:0 12px 25px #0007}.law-chapter-art-0{background-position:center,0% center}.law-chapter-art-1{background-position:center,33.333% center}.law-chapter-art-2{background-position:center,66.667% center}.law-chapter-art-3{background-position:center,100% center}