*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.border{border-width:1px}.line-through{text-decoration-line:line-through}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--green:#58cc02;--green-d:#46a302;--blue:#1cb0f6;--blue-d:#1899d6;--red:#ff4b4b;--gold:#ffc800;--purple:#ce82ff;--orange:#ff9600;--bg:#fff;--ink:#3c3c3c;--gray:#afafaf;--line:#e5e5e5;--soft:#f7f7f7}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-bn),"Noto Sans Bengali","Hind Siliguri",var(--font-ar1),var(--font-ar2),sans-serif;background:var(--bg);color:var(--ink);max-width:520px;margin:0 auto;min-height:100vh;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ar{font-family:var(--font-ar1),"Scheherazade New",var(--font-ar2),"Noto Naskh Arabic","Traditional Arabic",serif;direction:rtl;unicode-bidi:isolate;font-weight:600}button{font-family:inherit;cursor:pointer;border:none;background:none}.screen{display:block;padding-bottom:90px;position:relative}.screen.active{display:block;animation:screenIn .25s ease}@keyframes screenIn{0%{opacity:0;top:8px}to{opacity:1;top:0}}#topbar{justify-content:space-between;padding:12px 16px;position:sticky;top:0;background:var(--bg);z-index:20;border-bottom:2px solid var(--line)}#topbar,.stat{display:flex;align-items:center}.stat{gap:5px;font-weight:700;font-size:17px}.stat .ico{font-size:20px}.stat.streak{color:var(--orange)}.stat.gems{color:var(--blue)}.stat.hearts{color:var(--red)}#path{padding:20px 0 30px}.part-head{display:flex;align-items:center;gap:12px;margin:34px 18px 6px}.part-head .rule{flex:1;height:2px;background:var(--line);border-radius:2px}.part-head .pt{font-size:13px;font-weight:800;letter-spacing:2px;color:var(--gray);white-space:nowrap}.sec-head{margin:16px 16px 4px;border-radius:14px;padding:13px 18px;color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 3px 0 rgba(0,0,0,.14)}.sec-head .st{font-size:16px;font-weight:800;letter-spacing:.3px}.sec-head .ss{font-size:12.5px;opacity:.9;margin-top:2px}.sec-head .sc{font-size:12.5px;font-weight:800;background:hsla(0,0%,100%,.2);border-radius:9px;padding:4px 9px;white-space:nowrap}.unit-head{margin:20px 16px 6px;padding:0 2px}.unit-head h2{font-size:16.5px;color:var(--ink);display:flex;gap:9px}.unit-head h2,.unit-head h2 .un{font-weight:800;align-items:center}.unit-head h2 .un{flex:0 0 26px;height:26px;border-radius:8px;background:var(--soft);border:2px solid var(--line);color:var(--gray);font-size:12.5px;display:inline-flex;justify-content:center}.unit-head p{font-size:13px;color:var(--gray);font-weight:600;margin-top:3px;padding-left:35px}.node-row{margin:18px 0}.node,.node-row{display:flex;justify-content:center}.node{width:74px;height:74px;border-radius:50%;align-items:center;font-size:32px;position:relative;box-shadow:0 6px 0 rgba(0,0,0,.18);transition:transform .1s}.node:active{transform:translateY(3px);box-shadow:0 3px 0 rgba(0,0,0,.18)}.node.done{background:var(--gold);box-shadow:0 6px 0 #d4a600}.node.avail{background:var(--green);box-shadow:0 6px 0 var(--green-d);animation:pulse 2s infinite}.node.locked{background:#e5e5e5;box-shadow:0 6px 0 #cfcfcf;filter:grayscale(1);opacity:.75}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.crowns{position:absolute;bottom:-8px;right:-8px;background:#fff;border:2px solid var(--line);border-radius:12px;font-size:12px;font-weight:800;padding:1px 7px;color:#d4a600}.node-label{text-align:center;font-size:13px;font-weight:700;margin-top:10px;color:var(--ink);max-width:110px}.node-wrap{display:flex;flex-direction:column;align-items:center}.offset-l{transform:translateX(-70px)}.offset-r{transform:translateX(70px)}#tabbar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:520px;background:#fff;border-top:2px solid var(--line);display:flex;z-index:30}#tabbar button{flex:1;padding:10px 0 12px;font-size:24px;opacity:.45;display:flex;flex-direction:column;align-items:center;gap:2px}#tabbar button span{font-size:9.5px;font-weight:800;white-space:nowrap}#tabbar button.on{opacity:1}#lesson-top{display:flex;align-items:center;gap:12px;padding:14px 16px}#lesson-top .quit{font-size:22px;color:var(--gray);font-weight:800}#pbar{flex:1;height:16px;background:var(--line);overflow:hidden}#pbar,#pbar>div{border-radius:9px}#pbar>div{height:100%;width:0;background:var(--green);transition:width .3s}#lesson-rule{font-size:20px;line-height:1;padding:5px 8px;border-radius:10px;background:var(--soft);border:2px solid var(--line)}#lesson-rule:active{transform:translateY(1px)}#lesson-hearts{color:var(--red);font-weight:800;font-size:16px}#ex-area{padding:8px 20px 20px}#ex-area.ex-anim{animation:exIn .22s ease}@keyframes exIn{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}.ex-title{font-size:19px;font-weight:800;margin:10px 0 18px}.big-ar{font-family:var(--font-ar1),"Scheherazade New",var(--font-ar2),"Noto Naskh Arabic","Traditional Arabic",serif;font-size:44px;line-height:1.9}.big-ar,.big-bn{text-align:center;margin:8px 0 22px}.big-bn{font-size:26px;font-weight:700}.speak-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;width:52px;height:52px;border-radius:14px;font-size:24px;box-shadow:0 4px 0 var(--blue-d);vertical-align:middle}.speak-btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--blue-d)}.speak-row{display:flex;justify-content:center;gap:14px;align-items:center;margin:10px 0 24px}.opts{display:flex;flex-direction:column;gap:12px}.opts.grid2{display:grid;grid-template-columns:1fr 1fr}.opt{border:solid var(--line);border-width:2px 2px 4px;border-radius:14px;padding:14px;font-size:19px;font-weight:600;text-align:center;background:#fff;transition:.12s}.opt:active{transform:translateY(2px)}.opt .ar{font-size:26px}.opt.sel{border-color:var(--blue);background:#e7f6ff;color:var(--blue-d)}.opt.ok{border-color:var(--green);background:#e9ffd9;color:var(--green-d);animation:correctPop .3s ease}@keyframes correctPop{0%{transform:scale(1)}40%{transform:scale(1.05)}to{transform:scale(1)}}.opt.bad{border-color:var(--red);background:#ffe5e5;color:var(--red);animation:shake .45s}@keyframes shake{15%,85%{transform:translateX(-3px)}30%,70%{transform:translateX(5px)}45%,55%{transform:translateX(-7px)}}.opt.faded{opacity:.35;pointer-events:none}.match-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}#build-answer{min-height:64px;border-top:2px solid var(--line);border-bottom:2px solid var(--line);margin-bottom:20px;padding:10px 4px;gap:8px}#build-answer,#build-bank{display:flex;flex-wrap:wrap;direction:rtl}#build-bank{gap:10px;justify-content:center}.tile{border:solid var(--line);border-width:2px 2px 4px;border-radius:12px;padding:8px 16px;font-size:24px;background:#fff;transition:.12s}.tile:active{transform:translateY(2px)}.tile.used{opacity:.3;pointer-events:none}#check-bar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:520px;padding:16px 20px 22px;background:#fff;border-top:2px solid var(--line);z-index:40}.cb-row{display:flex;gap:10px;align-items:stretch}.cb-row #btn-skip{flex:0 0 38%;font-size:14.5px;letter-spacing:0;color:var(--gray)}.cb-row #btn-check{flex:1}.cb-row #btn-skip.hide{display:none}#check-bar.ok{background:#d7ffb8;border-color:#d7ffb8}#check-bar.bad{background:#ffdfe0;border-color:#ffdfe0}#fb-text{font-weight:800;font-size:17px;margin-bottom:10px;display:none}#check-bar.ok #fb-text{display:block;color:var(--green-d)}#check-bar.bad #fb-text{display:block;color:var(--red)}#story-check-bar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:520px;padding:16px 20px 22px;background:#fff;border-top:2px solid var(--line);z-index:40}.btn{display:block;width:100%;padding:14px;border-radius:14px;font-size:17px;font-weight:800;letter-spacing:.5px;color:#fff;background:var(--green);box-shadow:0 4px 0 var(--green-d);text-align:center}.btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--green-d)}.btn:disabled{background:var(--line);box-shadow:0 4px 0 #d5d5d5;color:var(--gray)}.btn.red{background:var(--red);box-shadow:0 4px 0 #d33}.btn.blue{background:var(--blue);box-shadow:0 4px 0 var(--blue-d)}.btn.ghost{background:#fff;color:var(--blue);border:2px solid var(--line);box-shadow:0 4px 0 var(--line)}.result-wrap{text-align:center;padding:60px 24px}.result-wrap .emo{font-size:80px}.result-wrap h1{font-size:26px;margin:14px 0 8px;font-weight:800}.result-cards{display:flex;gap:12px;justify-content:center;margin:26px 0}.rcard{border:2px solid;border-radius:14px;min-width:96px;overflow:hidden}.rcard .top{font-size:12px;font-weight:800;color:#fff;padding:4px}.rcard .val{font-size:22px;font-weight:800;padding:10px;background:#fff}.dua-box{background:var(--soft);border:2px solid var(--line);border-radius:16px;padding:16px 18px;margin:18px auto 0;max-width:340px;text-align:center}.dua-box .t{font-weight:800;color:var(--green-d);font-size:14px;margin-bottom:8px}.dua-box .ar{display:block;font-size:26px;font-weight:700;margin:4px 0;unicode-bidi:isolate}.dua-box .bn{color:var(--gray);font-weight:600;font-size:13px;line-height:1.6;direction:ltr}.section{padding:18px 20px}.section h2{font-size:20px;font-weight:800;margin-bottom:12px}.badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.badge{border:2px solid var(--line);border-radius:14px;padding:14px 8px;text-align:center}.badge .emo{font-size:34px}.badge .nm{font-size:12.5px;font-weight:700;margin-top:6px}.badge.off{filter:grayscale(1);opacity:.45}.lb-row{display:flex;align-items:center;gap:12px;padding:11px 6px;border-bottom:1px solid var(--line);font-weight:600}.lb-row .rank{width:26px;font-weight:800;color:var(--gray)}.lb-row.me{background:#fff8e0;border-radius:10px}.lb-row .xps{margin-left:auto;color:var(--gray);font-weight:700}.word-row{display:flex;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid var(--line)}.word-row .w-ico{font-size:24px;width:32px;text-align:center;flex-shrink:0}.word-row .w-main{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.word-row .ar{font-size:25px;line-height:1.5}.word-row .bn{color:var(--gray);font-weight:600;font-size:13px}.word-row .w-right{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.word-row button{font-size:21px}.w-stars{display:inline-flex;gap:1px}.w-star{color:var(--line);font-size:13px}.w-star.on{color:var(--gold)}.words-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.wa-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 8px;border-radius:16px;border:2px solid var(--blue);background:rgba(28,176,246,.08);box-shadow:0 4px 0 var(--blue-d)}.wa-card.alt{border-color:var(--green);background:rgba(88,204,2,.1);box-shadow:0 4px 0 var(--green-d)}.wa-card:active{transform:translateY(3px);box-shadow:none}.wa-card .e{font-size:26px;line-height:1}.wa-card .t{font-weight:800;font-size:14.5px;color:var(--ink)}.wa-card .s{font-size:10.5px;font-weight:600;color:var(--gray)}.words-stat{border:2px solid var(--line);border-radius:14px;padding:10px 12px;margin-bottom:12px}.ws-row{display:flex;justify-content:space-between;font-weight:800;font-size:13px;color:var(--gray)}.ws-row b{color:var(--gold);font-size:15px}.ws-bar{height:9px;background:var(--line);border-radius:6px;margin-top:7px;overflow:hidden}.ws-bar>div{height:100%;background:var(--gold);border-radius:6px;transition:width .4s}#scr-flash{padding-bottom:120px}#flash-top{display:flex;align-items:center;gap:12px;padding:14px 16px}#flash-top .quit{font-size:22px;color:var(--gray);font-weight:800}#flash-pbar{flex:1;height:16px;background:var(--line);border-radius:9px;overflow:hidden}#flash-pbar>div{height:100%;width:0;background:var(--gold);border-radius:9px;transition:width .35s}#flash-count{font-weight:800;font-size:14px;color:var(--gray);min-width:44px;text-align:right}.flash-stage{perspective:1400px;padding:16px 18px 8px}.flash-card{position:relative;width:100%;height:320px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .55s cubic-bezier(.4,.15,.2,1);cursor:pointer}.flash-card.flipped{transform:rotateY(180deg)}.fc-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:24px;border:3px solid var(--line);background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:22px;box-shadow:0 7px 0 var(--line);text-align:center}.fc-back{transform:rotateY(180deg);border-color:var(--blue);background:linear-gradient(165deg,rgba(28,176,246,.1),#fff 65%);box-shadow:0 7px 0 var(--blue-d)}.fc-tag{position:absolute;top:14px;left:16px;font-size:10.5px;font-weight:800;color:var(--gray);letter-spacing:.5px;background:var(--soft);padding:3px 9px;border-radius:8px}.fc-tag.blue{color:#fff;background:var(--blue)}.fc-icon{font-size:58px;line-height:1}.fc-word{font-size:46px;font-weight:700;line-height:1.7}.fc-mean{font-size:26px;font-weight:800;color:var(--ink);line-height:1.6}.fc-sp{background:var(--blue);color:#fff;width:44px;height:44px;border-radius:12px;font-size:20px;box-shadow:0 3px 0 var(--blue-d)}.fc-sp:active{transform:translateY(2px);box-shadow:none}.fc-hint{font-size:12px;font-weight:700;color:var(--gray)}.fc-stars{display:flex;gap:4px}.fc-stars .w-star{font-size:22px}#flash-bar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:520px;padding:14px 18px 22px;background:#fff;border-top:2px solid var(--line);z-index:40}.flash-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.flash-result{display:flex;justify-content:center;gap:10px;margin-top:14px}.flash-result>div{flex:1;border:2px solid var(--line);border-radius:14px;padding:9px 4px;display:flex;flex-direction:column}.flash-result b{font-size:19px;color:var(--ink)}.flash-result span{font-size:11px;font-weight:700;color:var(--gray)}.tipbox{background:var(--soft);border:2px solid var(--line);border-radius:16px;padding:18px;margin:14px 0;font-size:16.5px;line-height:2.4;direction:ltr;text-align:left}.tipbox b{color:var(--green-d);font-weight:800}.tipbox .ar{display:inline-block;font-size:29px;font-weight:700;color:var(--ink);margin:3px 6px 3px 2px;line-height:1.9;unicode-bidi:isolate}.tipbox br{content:"";display:block;margin-top:8px}.tk{border:2px dashed var(--line);border-radius:14px;padding:12px 12px 10px;margin:14px 0;background:var(--bg)}.tk,.tk-h{direction:rtl}.tk-h{text-align:center;font-weight:800;color:var(--green-d);font-size:14.5px;margin-bottom:10px}.tk-cap .bn,.tk-h .bn{color:var(--gray);font-weight:700;font-size:12px}.tk-row{display:flex;align-items:center;justify-content:center;gap:8px;margin:7px 0;flex-wrap:wrap}.tipbox .tk .ar{font-size:23px;font-weight:700;color:var(--ink);margin:0}.tk-arrow{color:var(--gray);font-weight:800;font-size:16px}.tk-role{display:inline-block;padding:2px 13px;border-radius:999px;font-size:13.5px;font-weight:800;color:#fff;direction:rtl}.tk-role.mub{background:var(--green)}.tk-role.kha{background:var(--purple)}.tk-role.fil{background:var(--blue)}.tk-role.fael{background:var(--orange)}.tk-cap{text-align:center;font-size:12.5px;color:var(--gray);font-weight:700;margin-top:9px;direction:rtl}.tk-cap b{color:var(--green-d)}.profile-head{text-align:center;padding:26px 0 8px}.profile-head .av{font-size:64px}.profile-head h1{font-size:22px;font-weight:800}.profile-head p{color:var(--gray);font-weight:600;font-size:14px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.scard{border:2px solid var(--line);border-radius:14px;padding:12px;display:flex;gap:10px;align-items:center}.scard .ic{font-size:26px}.scard .v{font-weight:800;font-size:18px}.scard .l{font-size:12px;color:var(--gray);font-weight:700}#modal{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:60;display:none;align-items:center;justify-content:center;padding:24px}#modal.show{display:flex}#modal .box{background:#fff;border-radius:22px;padding:28px 24px;max-width:400px;width:100%;text-align:center;max-height:88vh;overflow-y:auto}#modal .box .emo{font-size:68px}#modal .box h2{font-size:21px;font-weight:800;margin:10px 0 6px}#modal .box p{color:var(--gray);font-weight:600;font-size:15px;margin-bottom:16px;line-height:1.75}.brief-box{background:var(--soft);border:2px solid var(--line);border-radius:14px;padding:14px 16px;margin:12px 0;text-align:left}.brief-box .bh{color:var(--ink);font-weight:800;font-size:15px;margin:0 0 8px}.brief-box ul{margin:0;padding-left:20px}.brief-box li{color:var(--ink);font-weight:600;font-size:14px;line-height:1.7;margin-bottom:4px}.brief-box .note{color:var(--green-d);font-weight:700;font-size:13.5px;margin:10px 0 0;line-height:1.6}.brief-box b{color:var(--green-d);font-weight:800}.xp-float{position:fixed;left:50%;top:40%;transform:translateX(-50%);font-size:28px;font-weight:800;color:var(--gold);z-index:70;pointer-events:none;animation:rise 1.1s forwards}@keyframes rise{0%{opacity:0;translate:0 20px}25%{opacity:1}to{opacity:0;translate:0 -60px}}#scr-login{padding:44px 24px;min-height:100vh}.login-card{max-width:380px;margin:0 auto;text-align:center}.login-card .mascot{font-size:76px;line-height:1}.login-card h1{font-size:23px;font-weight:800;margin:12px 0 4px}.login-card p.sub{color:var(--gray);font-weight:600;font-size:14px;margin-bottom:22px;line-height:1.6}.field{margin-bottom:14px;text-align:left}.field label{display:block;font-size:13px;font-weight:800;color:var(--gray);margin-bottom:5px}.field input[type=password],.field input[type=text]{width:100%;padding:13px 15px;border:2px solid var(--line);border-radius:12px;font-size:16.5px;font-family:inherit;font-weight:600;text-align:left;color:var(--ink)}.field input:focus{outline:none;border-color:var(--blue)}.gender-row{display:flex;gap:10px}.gender-opt{flex:1;cursor:pointer}.gender-opt input{position:absolute;opacity:0;pointer-events:none}.gender-opt span{display:block;text-align:center;padding:12px 8px;border:2px solid var(--line);border-radius:12px;font-weight:800;font-size:15px;color:var(--ink);transition:border-color .15s,background .15s}.gender-opt input:checked+span{border-color:var(--blue);background:rgba(28,176,246,.12);color:var(--blue-d)}.gender-opt span:active{transform:translateY(1px)}.chk-row{display:flex;align-items:center;gap:8px;justify-content:flex-start;margin:14px 0 4px;font-size:14px;font-weight:700;color:var(--gray)}.chk-row input{width:18px;height:18px}#li-admin-wrap{display:none;margin-top:10px}#li-err{color:var(--red);font-weight:700;font-size:13.5px;margin:8px 0;display:none}.dev-credit{color:var(--gray);font-weight:700;font-size:12px;margin-top:26px}.dev-credit a{color:var(--blue);text-decoration:none}.dev-credit a:active{opacity:.6}.confetti-wrap{position:fixed;inset:0;pointer-events:none;z-index:80;overflow:hidden}.confetti-piece{position:absolute;top:-20px;width:9px;height:14px;opacity:.9;border-radius:2px;animation:confettiFall linear forwards}@keyframes confettiFall{to{transform:translateY(110vh) rotate(1turn);opacity:0}}.combo-badge{position:fixed;left:50%;top:32%;transform:translateX(-50%);font-size:22px;font-weight:800;color:var(--orange);z-index:70;pointer-events:none;animation:comboPop .9s forwards;text-shadow:0 2px 0 #fff}@keyframes comboPop{0%{opacity:0;scale:.6}20%{opacity:1;scale:1.15}30%{scale:1}80%{opacity:1}to{opacity:0;translate:0 -30px}}.story-card{margin:14px 16px;border-radius:16px;padding:15px 16px;background:linear-gradient(135deg,#fff6d9,#ffe6a0);border:2px solid #f0c352;display:flex;align-items:center;gap:12px;box-shadow:0 4px 0 #dba930}.story-card:active{transform:translateY(3px);box-shadow:0 1px 0 #dba930}.story-card .emo{font-size:36px}.story-card .txt{flex:1;text-align:left}.story-card .txt .t{font-weight:800;font-size:15.5px;color:#5a4008}.story-card .txt .s{font-size:12px;color:#8a6d1f;font-weight:700;margin-top:2px}.story-card.locked{opacity:.55;filter:grayscale(.5)}#scr-story{padding-bottom:110px}#story-top{display:flex;align-items:center;gap:12px;padding:14px 16px;position:sticky;top:0;background:#fff;border-bottom:2px solid var(--line);z-index:20}#story-top .quit{font-size:22px;color:var(--gray);font-weight:800}#story-top .ttl{font-weight:800;font-size:16px;flex:1}.story-head{text-align:center;padding:22px 20px 6px}.story-head .emo{font-size:58px}.story-head h1{font-size:21px;font-weight:800;margin-top:8px}.story-line{background:var(--soft);border:2px solid var(--line);border-radius:16px;padding:16px 18px;margin:0 16px 14px;direction:rtl;text-align:right}.story-line .ar{font-size:26px;font-weight:700;line-height:1.95;display:block}.story-line .bn{display:block;direction:ltr;text-align:left;color:#5c5c5c;font-weight:600;font-size:14.5px;margin-top:9px;padding-top:9px;border-top:1px dashed var(--line)}.story-line .sp{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);width:34px;height:34px;font-size:16px}.admin-tag,.story-line .sp{color:#fff;border-radius:10px;margin-left:8px;vertical-align:middle}.admin-tag{display:inline-block;background:var(--purple);font-size:11.5px;font-weight:800;padding:3px 10px}.admin-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 4px;border-bottom:1px solid var(--line);font-size:13.5px;font-weight:700}.admin-row .an{flex:1}.admin-row button{background:var(--blue);color:#fff;font-size:12px;font-weight:800;padding:7px 13px;border-radius:10px;white-space:nowrap}.admin-row button.gold{background:var(--gold);color:#5a4008}details.admin-acc summary{cursor:pointer;font-weight:800;font-size:15px;padding:6px 0;color:var(--purple)}.pic-emo{font-size:88px;text-align:center;margin:14px 0 26px;line-height:1}#scr-visual{padding-bottom:110px}#visual-top{display:flex;align-items:center;gap:12px;padding:14px 16px;position:sticky;top:0;background:#fff;border-bottom:2px solid var(--line);z-index:20}#visual-top .quit{font-size:22px;color:var(--gray);font-weight:800}#visual-top .ttl{font-weight:800;font-size:16px;flex:1}.visual-head{text-align:center;padding:24px 20px 4px}.visual-head .emo{font-size:80px;line-height:1}.visual-head h1{font-size:20px;font-weight:800;margin-top:12px}.visual-head .hint{color:var(--gray);font-weight:600;font-size:14px;margin-top:8px}#vc-answer{min-height:64px;border-top:2px solid var(--line);border-bottom:2px solid var(--line);margin:20px 16px;padding:10px 4px;gap:8px}#vc-answer,#vc-bank{display:flex;flex-wrap:wrap;direction:rtl}#vc-bank{gap:10px;justify-content:center;padding:0 16px}#visual-check-bar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:520px;padding:16px 20px 22px;background:#fff;border-top:2px solid var(--line);z-index:40}#visual-check-bar.ok{background:#d7ffb8;border-color:#d7ffb8}#visual-check-bar.bad{background:#ffdfe0;border-color:#ffdfe0}#vc-fb{font-weight:800;font-size:15.5px;margin-bottom:10px;display:none}#visual-check-bar.ok #vc-fb{display:block;color:var(--green-d)}#visual-check-bar.bad #vc-fb{display:block;color:var(--red)}#scr-vocab{padding-bottom:110px}#vocab-top{display:flex;align-items:center;gap:12px;padding:14px 16px;position:sticky;top:0;background:#fff;border-bottom:2px solid var(--line);z-index:20}#vocab-top .quit{font-size:22px;color:var(--gray);font-weight:800}#vocab-top .ttl{font-weight:800;font-size:16px;flex:1}.vocab-head{text-align:center;padding:20px 20px 4px}.vocab-head .emo{font-size:46px}.vocab-head h1{font-size:19px;font-weight:800;margin-top:8px}.learn-card{margin:14px 16px 0;border:2px solid var(--blue);border-radius:16px;overflow:hidden}.learn-h{background:var(--blue);color:#fff;font-weight:800;font-size:15.5px;padding:11px 16px;display:flex;align-items:center;justify-content:space-between}.learn-h span{font-weight:700;font-size:11.5px;opacity:.9}.learn-card .learn-tip{margin:0;border:none;border-radius:0;background:#fff;font-size:15.5px;line-height:2.3}.learn-card .learn-tip .ar{font-size:25px}.learn-tip .tap-ar{cursor:pointer;border-bottom:2px dotted var(--blue);border-radius:2px}.learn-tip .tap-ar:active{background:rgba(28,176,246,.12)}.vocab-section-h{margin:22px 16px 0;font-weight:800;font-size:15.5px;color:var(--ink);display:flex;align-items:baseline;justify-content:space-between}.vocab-section-h span{font-weight:600;font-size:12px;color:var(--gray)}.vocab-table{margin:14px 16px;border:2px solid var(--line);border-radius:14px;overflow:hidden}.vocab-row{display:grid;grid-template-columns:1fr 62px 1fr}.vocab-row:nth-child(2n){background:var(--soft)}.vocab-row+.vocab-row{border-top:1px solid var(--line)}.vocab-hrow{background:var(--soft)!important;font-weight:800}.vocab-hrow>div{padding:9px 12px;font-size:12.5px;color:var(--gray);font-weight:800;text-align:center}.vocab-hrow>div,.vocab-pic{justify-content:center;display:flex;align-items:center}.vocab-pic{font-size:25px;border-right:2px solid var(--line);padding:6px 4px;min-height:44px}.vocab-bn{padding:13px 12px;font-size:14.5px;color:var(--ink);border-right:2px solid var(--line)}.vocab-ar,.vocab-bn{font-weight:700;display:flex;align-items:center}.vocab-ar{font-family:var(--font-ar1),"Scheherazade New",var(--font-ar2),"Noto Naskh Arabic","Traditional Arabic",serif;padding:11px 12px;direction:rtl;text-align:right;font-size:23px;justify-content:flex-end;gap:7px;flex-wrap:nowrap}.vocab-ar .vocab-icon{font-size:23px;flex-shrink:0}.dem-arrow{display:inline-flex;align-items:center;direction:ltr;color:var(--blue);vertical-align:middle}.dem-arrow:before{content:"";height:3px;background:currentColor;border-radius:3px}.dem-arrow.near:before{width:13px}.dem-arrow.far:before{width:34px}.dem-arrow:after{content:"";width:0;height:0;border-left:8px solid;border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:-1px}.vocab-ar .vocab-sp{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;width:28px;height:28px;border-radius:8px;font-size:13px}#vocab-check-bar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:520px;padding:16px 20px 22px;background:#fff;border-top:2px solid var(--line);z-index:40}