:root{--bg: #eefaf6;--surface: #ffffff;--sunk: #f1f0fa;--line: #e3e1f2;--track: #e8e6f5;--ink: #1d1b3a;--muted: #6c6a8e;--ink-fixed: #1d1b3a;--primary: #00b3a1;--teal: #00b3a1;--saffron: #ffb31a;--pink: #ff4fa3;--violet: #7c5cff;--sky: #2bb3ff;--coral: #ff6b5b;--flame: #ff8a1f;--gem: #ff4fa3;--good: #2fbf71;--good-bg: #dcf8e8;--bad: #ff4b55;--bad-bg: #ffe3e5;--m0: #ffffff;--m1: #d6f5f0;--m2: #a6eadf;--m3: #5fd3c3;--m4: #1bb7a5;--m5: #00897b;--m-hi: #ffffff;--pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56'%3E%3Cg fill='none' stroke='%231d1b3a' stroke-opacity='.05' stroke-width='1.5'%3E%3Cpath d='M18 18h20v20H18z'/%3E%3Cpath d='M28 13.9 42.1 28 28 42.1 13.9 28z'/%3E%3C/g%3E%3C/svg%3E");--shadow: 0 2px 0 rgba(29, 27, 58, .06), 0 10px 24px -14px rgba(29, 27, 58, .35);--f-ui: "Baloo 2", system-ui, -apple-system, "Segoe UI", sans-serif;--f-ar: "Scheherazade New", "Amiri", "Traditional Arabic", "Times New Roman", serif;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #15123a;--surface: #221e52;--sunk: #2b2663;--line: #3a3478;--track: #342f70;--ink: #f5f3ff;--muted: #b0abdb;--primary: #19d3bf;--teal: #19d3bf;--saffron: #ffc23d;--pink: #ff66b3;--violet: #9a80ff;--sky: #4cc2ff;--coral: #ff7f70;--flame: #ff9c3d;--gem: #ff66b3;--good: #43d98a;--good-bg: #173d38;--bad: #ff6b74;--bad-bg: #472041;--m0: #221e52;--m1: #1f3f5a;--m2: #1d5c66;--m3: #148a86;--m4: #19b4a3;--m5: #4fe3d0;--m-hi: #15123a;--pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.05' stroke-width='1.5'%3E%3Cpath d='M18 18h20v20H18z'/%3E%3Cpath d='M28 13.9 42.1 28 28 42.1 13.9 28z'/%3E%3C/g%3E%3C/svg%3E");--shadow: 0 2px 0 rgba(0, 0, 0, .25), 0 12px 26px -14px rgba(0, 0, 0, .7);color-scheme:dark}}:root[data-theme=dark]{--bg: #15123a;--surface: #221e52;--sunk: #2b2663;--line: #3a3478;--track: #342f70;--ink: #f5f3ff;--muted: #b0abdb;--primary: #19d3bf;--teal: #19d3bf;--saffron: #ffc23d;--pink: #ff66b3;--violet: #9a80ff;--sky: #4cc2ff;--coral: #ff7f70;--flame: #ff9c3d;--gem: #ff66b3;--good: #43d98a;--good-bg: #173d38;--bad: #ff6b74;--bad-bg: #472041;--m0: #221e52;--m1: #1f3f5a;--m2: #1d5c66;--m3: #148a86;--m4: #19b4a3;--m5: #4fe3d0;--m-hi: #15123a;--pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.05' stroke-width='1.5'%3E%3Cpath d='M18 18h20v20H18z'/%3E%3Cpath d='M28 13.9 42.1 28 28 42.1 13.9 28z'/%3E%3C/g%3E%3C/svg%3E");--shadow: 0 2px 0 rgba(0, 0, 0, .25), 0 12px 26px -14px rgba(0, 0, 0, .7);color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg) var(--pattern);color:var(--ink);font-family:var(--f-ui);font-size:17px;line-height:1.4;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--sky);outline-offset:2px}h1,h2,h3{margin:0;line-height:1.15;text-wrap:balance;font-weight:800}h2{font-size:1.2rem}p{margin:0}.ar{font-family:var(--f-ar);direction:rtl;unicode-bidi:isolate;font-weight:400}.muted{color:var(--muted)}.small{font-size:.88rem}.center{text-align:center}.label{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:var(--muted)}.row-between{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.grow{flex:1;min-width:0}.bad-text{color:var(--bad)}.btn{--c: var(--primary);border:0;border-radius:16px;padding:12px 22px;font-weight:800;font-size:1.02rem;letter-spacing:.03em;text-transform:uppercase;background:var(--c);color:#fff;box-shadow:0 4px color-mix(in srgb,var(--c) 65%,#000);transition:transform .08s,box-shadow .08s,filter .15s;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn:hover:not([disabled]){filter:brightness(1.06)}.btn:active:not([disabled]){transform:translateY(3px);box-shadow:0 1px color-mix(in srgb,var(--c) 65%,#000)}.btn[disabled]{--c: var(--track);color:var(--muted);cursor:default;box-shadow:0 4px color-mix(in srgb,var(--track) 80%,#000)}.btn.good{--c: var(--good)}.btn.bad{--c: var(--bad)}.btn.gem{--c: var(--gem)}.btn.ghost{background:var(--surface);color:var(--primary);box-shadow:0 4px 0 var(--line);border:2px solid var(--line)}.btn.white{background:#fff;color:var(--ink-fixed);box-shadow:0 4px #0000002e;width:100%}.btn.small{padding:8px 14px;font-size:.88rem;border-radius:12px}.btn.big{font-size:1.3rem;padding:16px 48px}.linkbtn{border:0;background:none;color:var(--primary);font-weight:800;padding:6px}.linkbtn.light{color:#ffffffeb}.linkbtn.muted{color:var(--muted);font-weight:600}.linkbtn.danger{color:var(--bad)}.iconbtn{border:0;background:none;color:var(--muted);padding:6px;border-radius:10px;display:inline-grid;place-items:center}.iconbtn:hover{background:var(--sunk)}.shell{max-width:620px;margin:0 auto;padding:0 16px calc(96px + env(safe-area-inset-bottom,0px))}.topbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-block:10px;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{display:flex;align-items:center;gap:8px;font-size:1.2rem}.brand .ar{font-size:1.7rem;color:var(--primary);line-height:1}.hud{display:flex;align-items:center;gap:10px;font-weight:800;font-variant-numeric:tabular-nums}.hud-item{display:inline-flex;align-items:center;gap:3px}.hud-item.flame{color:var(--muted)}.hud-item.flame.lit{color:var(--flame)}.hud-item.flame.lit .icon{animation:flicker 1.6s ease-in-out infinite}.hud-item.snow{color:var(--sky)}.hud-item.gem{color:var(--gem)}.hud-item.lvl{background:var(--violet);color:#fff;border-radius:999px;padding:0 10px;font-size:.9rem;line-height:1.7}@media (max-width: 400px){.brand b{display:none}.hud{gap:8px}}.toast{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;font-weight:700;margin-bottom:10px;animation:drop .4s cubic-bezier(.2,1.4,.4,1);cursor:pointer}.toast.freeze{background:color-mix(in srgb,var(--sky) 18%,var(--surface));color:var(--ink)}.toast.lost{background:color-mix(in srgb,var(--flame) 18%,var(--surface));color:var(--ink)}.main{display:flex;flex-direction:column;gap:18px;padding-top:6px}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;justify-content:center;gap:4px;background:var(--surface);border-top:2px solid var(--line);padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px))}.tabbar button{flex:1;max-width:140px;border:2px solid transparent;background:none;border-radius:14px;padding:4px;display:flex;flex-direction:column;align-items:center;gap:0;color:var(--muted);font-weight:700;font-size:.8rem}.tabbar button.on{color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent);border-color:color-mix(in srgb,var(--primary) 35%,transparent)}.goalcard{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;background:var(--surface);border-radius:22px;padding:14px 12px 14px 16px;box-shadow:var(--shadow);border:2px solid var(--line)}.goal-ring{position:relative;width:74px;height:74px}.goal-mid{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;line-height:1;color:var(--saffron)}.goal-mid b{font-size:1.35rem;color:var(--ink)}.goal-mid small{color:var(--muted);font-weight:700}.speech{font-weight:700;font-size:1.02rem;margin-top:2px}.goal-mascot{margin-block:-8px}@media (max-width: 420px){.goal-mascot{display:none}.goalcard{grid-template-columns:auto 1fr}}.unit{display:flex;justify-content:space-between;align-items:center;gap:10px;background:linear-gradient(120deg,var(--primary),color-mix(in srgb,var(--primary) 55%,var(--sky)));color:#fff;border-radius:20px;padding:14px 18px;box-shadow:0 4px color-mix(in srgb,var(--primary) 60%,#000)}.unit h2{font-size:1.15rem}.label.light{color:#fffc}.unit-ar{font-size:1.5rem;opacity:.95}.path{display:flex;flex-direction:column;align-items:center;gap:18px;padding:8px 0 20px}.node-wrap{position:relative;display:flex;flex-direction:column;align-items:center;transform:translate(var(--x))}.node{--c: var(--teal);position:relative;width:88px;height:88px;border:0;background:none;padding:0;display:grid;place-items:center}.node .node-ring{position:absolute;top:0;right:0;bottom:0;left:0}.node-face{width:66px;height:66px;border-radius:50%;background:var(--c);color:#fff;display:grid;place-items:center;box-shadow:0 6px color-mix(in srgb,var(--c) 62%,#000);transition:transform .1s}.node-face .ar{font-size:1.7rem;line-height:1;margin-top:-4px}.node:hover .node-face{transform:translateY(-2px)}.node:active .node-face{transform:translateY(4px);box-shadow:0 2px color-mix(in srgb,var(--c) 62%,#000)}.node.active .node-face{animation:wobble .5s}.node.teal{--c: var(--teal)}.node.pink{--c: var(--pink)}.node.saffron{--c: var(--saffron)}.node.violet{--c: var(--violet)}.node.coral{--c: var(--coral)}.node.sky{--c: var(--sky)}.node.locked .node-face{background:var(--track);color:var(--muted);box-shadow:0 6px color-mix(in srgb,var(--track) 70%,#000)}.crowns{position:absolute;bottom:-2px;right:-2px;display:inline-flex;align-items:center;gap:1px;background:var(--saffron);color:var(--ink-fixed);font-weight:800;font-size:.8rem;border-radius:999px;padding:0 7px;border:2px solid var(--surface)}.node-label{font-weight:800;margin-top:6px;font-size:.95rem}.pop{--c: var(--teal);position:relative;z-index:5;margin-top:10px;width:min(300px,calc(100vw - 48px));background:var(--c);color:#fff;border-radius:18px;padding:14px 16px;display:flex;flex-direction:column;gap:8px;box-shadow:0 5px color-mix(in srgb,var(--c) 60%,#000);animation:drop .3s cubic-bezier(.2,1.4,.4,1);transform:translate(calc(var(--x) * -1))}.pop:before{content:"";position:absolute;top:-8px;left:calc(50% + var(--x) - 8px);width:16px;height:16px;background:var(--c);transform:rotate(45deg);border-radius:3px}.pop.pink{--c: var(--pink)}.pop.saffron{--c: var(--saffron);color:var(--ink-fixed)}.pop.violet{--c: var(--violet)}.pop.coral{--c: var(--coral)}.pop.sky{--c: var(--sky)}.pop.saffron .linkbtn.light{color:var(--ink-fixed)}.pop .ar{font-size:1.2rem}.pop-meter{height:10px;background:#0000002e;border-radius:6px;overflow:hidden}.pop-meter i{display:block;height:100%;background:#fff;border-radius:6px}.tableview{display:flex;flex-direction:column;gap:10px}.toggle{border:2px solid var(--line);background:var(--surface);border-radius:999px;padding:4px 14px;font-weight:800;font-size:.9rem;box-shadow:0 3px 0 var(--line)}.toggle.on{background:var(--violet);color:#fff;border-color:var(--violet);box-shadow:0 3px color-mix(in srgb,var(--violet) 60%,#000)}.gridwrap{overflow-x:auto;background:var(--surface);border-radius:18px;border:2px solid var(--line);box-shadow:var(--shadow)}table.sg{border-collapse:collapse;direction:rtl;width:100%;min-width:330px}.sg th,.sg td{border:1px solid var(--line);text-align:center;padding:0}.sg tr>:last-child{border-left:0}.sg tr>:first-child{border-right:0}.sg thead th{border-top:0}.sg tbody tr:last-child td{border-bottom:0}.sg .corner{background:var(--sunk)}.sg .colhead{padding:8px 4px;cursor:pointer;font-weight:800;line-height:1.1;color:#fff}.sg .colhead.mm{background:var(--teal)}.sg .colhead.mj{background:var(--violet)}.sg .colhead small{display:block;font-weight:600;opacity:.85;font-size:.78rem}.sg .colhead.sel{box-shadow:inset 0 -5px 0 var(--saffron)}.sg .per{writing-mode:vertical-rl;background:var(--sunk);width:32px;cursor:pointer;font-size:.85rem;font-weight:800;padding:6px 0}.sg .pron{width:100px;cursor:pointer;padding:2px 6px;line-height:1.1}.sg .pron .ar{display:block;font-size:1.3rem;line-height:1.7}.sg .pron small{display:block;font-size:.72rem;color:var(--muted);font-weight:600}.sg .sel{background:color-mix(in srgb,var(--saffron) 28%,var(--surface))}.sg .cell{font-family:var(--f-ar);font-size:1.5rem;line-height:1.8;cursor:pointer;min-width:92px;position:relative;transition:background .25s}.sg .cell.m-1{background:var(--surface)}.sg .cell.m0{background:var(--m0);box-shadow:inset 0 0 0 2px var(--m2)}.sg .cell.m1{background:var(--m1)}.sg .cell.m2{background:var(--m2)}.sg .cell.m3{background:var(--m3)}.sg .cell.m4{background:var(--m4);color:var(--m-hi)}.sg .cell.m5{background:var(--m5);color:var(--m-hi)}.sg .cell.weak:after{content:"";position:absolute;top:6px;left:6px;width:9px;height:9px;border-radius:50%;background:var(--bad);box-shadow:0 0 0 2px var(--surface)}.sg .cell.hid{color:transparent;background:var(--sunk)}.sg .cell.hid:before{content:"?";font-family:var(--f-ui);font-weight:800;font-size:1.1rem;color:var(--violet);position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.sg .cell.dim{opacity:.28}.sg .cell.focus{outline:3px solid var(--saffron);outline-offset:-3px}.sg tr.gb td{border-top:3px solid var(--line)}.legend{display:flex;align-items:center;gap:4px;font-size:.8rem;color:var(--muted);flex-wrap:wrap;font-weight:600}.legend i{width:18px;height:12px;border-radius:4px;border:1px solid var(--line)}.legend i.m-1{background:var(--surface)}.legend i.m0{background:var(--m0);box-shadow:inset 0 0 0 2px var(--m2)}.legend i.m1{background:var(--m1)}.legend i.m2{background:var(--m2)}.legend i.m3{background:var(--m3)}.legend i.m4{background:var(--m4)}.legend i.m5{background:var(--m5)}.weakdot{width:9px;height:9px;border-radius:50%;background:var(--bad);margin-inline-start:10px}.detail{display:flex;gap:14px;align-items:center;background:var(--surface);border-radius:16px;padding:8px 16px;border:2px solid var(--line);animation:drop .3s}.detail .ar{font-size:2.2rem;line-height:1.5;color:var(--primary)}.sticky-go{position:sticky;bottom:calc(76px + env(safe-area-inset-bottom,0px));display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0}.card{background:var(--surface);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:12px;border:2px solid var(--line);box-shadow:var(--shadow)}.stat3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{--c: var(--primary);border-radius:16px;border:2px solid var(--c);overflow:hidden;background:var(--surface);text-align:center}.stat span{display:flex;align-items:center;justify-content:center;gap:4px;background:var(--c);color:#fff;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:3px 4px}.stat b{display:block;font-size:1.7rem;padding:4px 0 6px;font-variant-numeric:tabular-nums}.stat b small{font-size:.9rem;color:var(--muted)}.stat.xp{--c: var(--saffron)}.stat.xp span{color:var(--ink-fixed)}.stat.acc{--c: var(--good)}.stat.run{--c: var(--flame)}.stat.score{--c: var(--sky)}.list{display:flex;flex-direction:column;gap:8px}.list>div{display:flex;justify-content:space-between;gap:10px;align-items:center;background:var(--sunk);border-radius:14px;padding:2px 14px}.list .ar{font-size:1.6rem;line-height:1.6}.list .en{display:flex;flex-direction:column;text-align:start;font-weight:700;line-height:1.2;font-size:.95rem}.list .en small{color:var(--muted);font-weight:600}.bars{display:flex;flex-direction:column;gap:10px}.bar{display:grid;grid-template-columns:1fr 34px;gap:2px 10px;align-items:center;font-weight:700;font-size:.95rem}.bar span{grid-column:1 / -1}.bar .track{height:12px;background:var(--track);border-radius:8px;overflow:hidden}.bar .track i{display:block;height:100%;background:var(--coral);border-radius:8px}.bar b{text-align:right;font-variant-numeric:tabular-nums}.review,.trophies{display:flex;flex-direction:column;gap:14px}.empty{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:30px 16px;color:var(--muted)}.empty h2{color:var(--ink)}.confirm{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center}.levelcard{display:flex;gap:16px;align-items:center;background:linear-gradient(130deg,var(--violet),color-mix(in srgb,var(--violet) 50%,var(--pink)));color:#fff;border-radius:22px;padding:16px;box-shadow:0 5px color-mix(in srgb,var(--violet) 55%,#000)}.lvl-badge{width:76px;height:76px;flex:none;border-radius:24px;background:#ffffff2e;display:grid;place-items:center;align-content:center;line-height:1;border:3px solid rgba(255,255,255,.5)}.lvl-badge small{font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.lvl-badge b{font-size:2.2rem}.lvl-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.lvl-bar{height:14px;background:#0003;border-radius:8px;overflow:hidden}.lvl-bar i{display:block;height:100%;background:var(--saffron);border-radius:8px}.lvl-stats{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.85rem;font-weight:700;opacity:.95}.lvl-stats span{display:inline-flex;align-items:center;gap:4px}.gems-pill{display:inline-flex;align-items:center;gap:4px;color:var(--gem);font-weight:800}.shop-item{display:flex;align-items:center;gap:12px}.shop-ico{width:52px;height:52px;border-radius:16px;background:color-mix(in srgb,var(--sky) 18%,var(--surface));color:var(--sky);display:grid;place-items:center;flex:none}.goal-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.chipbtn{border:2px solid var(--line);background:var(--surface);border-radius:14px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;line-height:1.2;box-shadow:0 3px 0 var(--line)}.chipbtn span{font-size:.8rem;color:var(--muted);font-weight:600}.chipbtn.on{border-color:var(--saffron);background:color-mix(in srgb,var(--saffron) 16%,var(--surface));box-shadow:0 3px 0 var(--saffron)}.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.ach{border:2px solid var(--line);border-radius:16px;padding:12px 10px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;line-height:1.2;background:var(--sunk);opacity:.75}.ach.on{opacity:1;background:var(--surface);border-color:color-mix(in srgb,var(--saffron) 60%,var(--line))}.ach span{font-size:.8rem;color:var(--muted);font-weight:600}.ach em{font-style:normal;font-size:.78rem;font-weight:800;color:var(--gem);display:inline-flex;gap:3px;align-items:center;margin-top:4px}.ach-ico{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--track);color:var(--muted);margin-bottom:4px}.ach.on .ach-ico{color:#fff;background:var(--saffron);box-shadow:0 4px color-mix(in srgb,var(--saffron) 60%,#000)}.ach.on .ach-ico.flame{background:var(--flame)}.ach.on .ach-ico.crown{background:var(--violet)}.ach.on .ach-ico.check{background:var(--good)}.ach.on .ach-ico.timer{background:var(--sky)}.ach.on .ach-ico.target{background:var(--coral)}.ach.on .ach-ico.grid{background:var(--teal)}.ach.on .ach-ico.bolt{background:var(--pink)}.ach.on .ach-ico.moon{background:var(--ink);color:var(--saffron)}.ach.on .ach-ico.sun{background:var(--saffron)}.lesson{max-width:620px;margin:0 auto;padding:14px 16px 200px;display:flex;flex-direction:column;gap:20px;min-height:100%}.lbar{display:flex;align-items:center;gap:12px}.prog{flex:1;height:18px;background:var(--track);border-radius:10px;overflow:hidden}.prog i{position:relative;display:block;height:100%;background:var(--good);border-radius:10px;transition:width .45s cubic-bezier(.3,1.4,.5,1);min-width:18px}.prog i:after{content:"";position:absolute;left:8px;right:8px;top:4px;height:4px;border-radius:3px;background:#ffffff59}.prog.timer i{background:var(--sky);transition:width 1s linear}.prog.timer.low i{background:var(--bad)}.combo{display:inline-flex;align-items:center;gap:2px;font-weight:800;color:var(--track);font-size:1.05rem;transition:color .2s,transform .2s;font-variant-numeric:tabular-nums}.combo.on{color:var(--flame);animation:pulse .5s}.combo.hot .icon{animation:flicker .8s ease-in-out infinite}.burst{position:fixed;top:22%;left:50%;z-index:40;transform:translate(-50%);font-size:2.2rem;font-weight:800;color:var(--flame);text-shadow:0 3px 0 color-mix(in srgb,var(--flame) 40%,#000);pointer-events:none;animation:burst 1.3s ease-out forwards;display:flex;flex-direction:column;align-items:center;white-space:nowrap}.burst small{font-size:.9rem;color:var(--ink);text-shadow:none}.qbody{display:flex;flex-direction:column;gap:18px;animation:slidein .3s ease-out}.q{font-size:1.45rem}.prompt{display:flex;flex-direction:column;align-items:center;text-align:center;padding:4px 0}.huge{font-size:3.4rem;line-height:1.5}.huge.sm{font-size:2.4rem}.prompt .en{font-size:1.15rem;color:var(--muted);font-weight:700;margin-top:2px}.coltag{display:inline-block;margin-top:10px;font-size:.88rem;font-weight:800;padding:2px 14px;border-radius:999px;color:#fff;background:var(--teal);letter-spacing:.02em}.coltag.mj{background:var(--violet)}.coltag.mini{margin-top:4px;font-size:.75rem;padding:0 10px}.opts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.opt{position:relative;background:var(--surface);border:2px solid var(--line);border-radius:18px;padding:10px 8px;min-height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.2;box-shadow:0 4px 0 var(--line);transition:transform .08s,background .15s,border-color .15s}.opt:active{transform:translateY(3px);box-shadow:0 1px 0 var(--line)}.opt .ar{font-size:2rem;line-height:1.65}.opt .en{font-size:.9rem;color:var(--muted);font-weight:700}.opt .kbd{position:absolute;top:6px;left:8px;font-size:.72rem;font-weight:800;color:var(--muted);border:2px solid var(--line);border-radius:6px;padding:0 5px;line-height:1.3}@media (hover: none){.opt .kbd{display:none}}.opt.picked{border-color:var(--sky);background:color-mix(in srgb,var(--sky) 14%,var(--surface));box-shadow:0 4px 0 var(--sky)}.opt.right{border-color:var(--good);background:var(--good-bg);box-shadow:0 4px 0 var(--good);animation:pulse .35s}.opt.wrong{border-color:var(--bad);background:var(--bad-bg);box-shadow:0 4px 0 var(--bad);animation:shake .35s}.opt.faded{opacity:.45}.build-preview{font-family:var(--f-ar);font-size:2.8rem;text-align:center;min-height:4.2rem;line-height:1.5;color:var(--violet);direction:rtl}.build-preview.ok{color:var(--good)}.build-preview.no{color:var(--bad)}.slots{min-height:70px;border-bottom:3px dashed var(--line);display:flex;flex-wrap:wrap;gap:8px;direction:rtl;padding:6px 0;align-items:center}.bank{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;direction:rtl}.tile{font-family:var(--f-ar);font-size:2rem;line-height:1.3;min-width:56px;padding:4px 12px 8px;background:var(--surface);border:2px solid var(--line);border-radius:14px;box-shadow:0 4px 0 var(--line)}.tile:active{transform:translateY(3px);box-shadow:0 1px 0 var(--line)}.tile.in{animation:popin .2s}.tile.used{background:var(--track);color:transparent;box-shadow:none;border-color:var(--track);cursor:default}.match{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mcol{display:flex;flex-direction:column;gap:10px}.mt{background:var(--surface);border:2px solid var(--line);border-radius:16px;min-height:66px;padding:4px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.2;box-shadow:0 4px 0 var(--line);transition:opacity .3s}.mt .ar{font-size:1.7rem;line-height:1.65}.mt .en{font-size:.82rem;color:var(--muted);font-weight:700}.mt.picked{border-color:var(--sky);background:color-mix(in srgb,var(--sky) 14%,var(--surface));box-shadow:0 4px 0 var(--sky)}.mt.done{opacity:.35;border-color:var(--good);background:var(--good-bg);box-shadow:none;cursor:default}.mt.shake{border-color:var(--bad);background:var(--bad-bg);animation:shake .35s}.foot{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--surface);border-top:2px solid var(--line);padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px))}.foot.ok{background:var(--good-bg);border-color:transparent;animation:rise .25s ease-out}.foot.no{background:var(--bad-bg);border-color:transparent;animation:rise .25s ease-out}.foot-in{max-width:620px;margin:0 auto;display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}.foot-mascot{flex:none;animation:popin .35s cubic-bezier(.2,1.6,.4,1)}.fb{flex:1;min-width:0;display:flex;flex-direction:column}.fb h3{font-size:1.35rem;display:flex;align-items:center;gap:6px}.foot.ok h3{color:var(--good)}.foot.no h3{color:var(--bad)}.fb .note{font-weight:600}.fb .ans{font-weight:700}.fb .ar.big,.fb .note .ar{font-size:1.7rem;line-height:1.4}.foot .btn{min-width:150px}.hint{color:var(--muted);font-weight:600;font-size:.92rem}@media (max-width: 480px){.foot .btn{flex:1 1 100%}.foot-mascot{width:48px;height:48px}.hint{flex:1 1 100%;text-align:center}}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0f0c288c;display:grid;place-items:end center;padding:16px;animation:fade .2s}.sheet{width:min(420px,100%);background:var(--surface);border-radius:24px;padding:22px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;animation:rise .3s cubic-bezier(.2,1.3,.4,1);margin-bottom:env(safe-area-inset-bottom,0px)}.sheet .btn{width:100%}.center-col{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.rush-ready .center-col{margin-top:8vh}.rush-ready h1{font-size:2.6rem}.rush-badge{width:110px;height:110px;border-radius:50%;background:var(--sky);color:#fff;display:grid;place-items:center;box-shadow:0 7px color-mix(in srgb,var(--sky) 60%,#000);animation:wobble 1.6s ease-in-out infinite}.bestline{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--saffron)}.rush-score{min-width:48px;text-align:center;font-size:1.5rem;font-weight:800;color:var(--sky);font-variant-numeric:tabular-nums}.rush-time{text-align:center;font-weight:800;color:var(--muted);margin-top:-12px;font-variant-numeric:tabular-nums}.rush-combo{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;font-weight:800;color:var(--flame);background:var(--surface);padding:2px 16px 2px 4px;border-radius:999px;box-shadow:var(--shadow);animation:popin .3s}.results{gap:18px;padding-top:30px;padding-bottom:60px}.results h1{font-size:2.2rem;color:var(--saffron);text-shadow:0 3px 0 color-mix(in srgb,var(--saffron) 35%,transparent)}.chest{display:flex;align-items:center;gap:16px;border:2px solid color-mix(in srgb,var(--gem) 40%,var(--line));background:linear-gradient(120deg,color-mix(in srgb,var(--gem) 12%,var(--surface)),color-mix(in srgb,var(--saffron) 14%,var(--surface)));border-radius:22px;padding:14px 18px;text-align:start;box-shadow:0 5px color-mix(in srgb,var(--gem) 35%,var(--line))}.chest:not(.open) .chest-ico{animation:wiggle 1.2s ease-in-out infinite}.chest-ico{color:var(--saffron);filter:drop-shadow(0 3px 0 color-mix(in srgb,var(--saffron) 50%,#000))}.chest.open .chest-ico{color:var(--gem);animation:popin .4s cubic-bezier(.2,1.8,.4,1)}.chest-text{display:flex;flex-direction:column;line-height:1.2}.chest-text b{font-size:1.3rem}.chest.open .chest-text b{color:var(--gem)}.chest-text span{color:var(--muted);font-weight:600}.reveals{display:flex;flex-direction:column;gap:10px}.reveal{--c: var(--flame);display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:18px;background:var(--c);color:#fff;box-shadow:0 4px color-mix(in srgb,var(--c) 60%,#000);opacity:0;animation:rise .45s cubic-bezier(.2,1.4,.4,1) forwards}.reveal div{display:flex;flex-direction:column;line-height:1.2}.reveal b{font-size:1.15rem}.reveal span{font-weight:600;opacity:.92}.reveal.r-goal{--c: var(--saffron);color:var(--ink-fixed)}.reveal.r-level{--c: var(--violet)}.reveal.r-ach{--c: var(--pink)}.row-btns{display:flex;gap:12px;flex-wrap:wrap}.row-btns .btn{flex:1 1 200px}.mascot{overflow:visible}.mascot .nuqta{animation:bob 2.4s ease-in-out infinite;transform-origin:center}.mascot .blink{animation:blink 4.5s infinite;transform-origin:60px 68px}.mascot.mood-happy .body{animation:hop .6s ease-out;transform-origin:60px 108px}.mascot.mood-happy .nuqta{animation:jump .6s ease-out}.mascot.mood-sad .body{animation:droop .5s ease-out;transform-origin:60px 108px}.bounce{animation:hop 1s ease-in-out infinite}.popin{animation:popin .5s cubic-bezier(.2,1.8,.4,1)}@keyframes bob{50%{transform:translateY(-5px)}}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes hop{0%,to{transform:translateY(0) scale(1)}30%{transform:translateY(-8px) scale(.96,1.05)}60%{transform:translateY(0) scale(1.05,.95)}}@keyframes jump{40%{transform:translateY(-14px)}}@keyframes droop{50%{transform:scale(1.04,.94)}}@keyframes popin{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{50%{transform:scale(1.06)}}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes wobble{25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}@keyframes wiggle{0%,70%,to{transform:rotate(0)}75%{transform:rotate(-10deg)}85%{transform:rotate(10deg)}95%{transform:rotate(-4deg)}}@keyframes flicker{50%{transform:scale(1.12) rotate(-4deg)}}@keyframes drop{0%{transform:translateY(-10px) scale(.96);opacity:0}}@keyframes rise{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}@keyframes slidein{0%{transform:translate(24px);opacity:0}}@keyframes fade{0%{opacity:0}}@keyframes burst{0%{transform:translate(-50%) scale(.3);opacity:0}20%{transform:translate(-50%) scale(1.15);opacity:1}35%{transform:translate(-50%) scale(1)}80%{opacity:1}to{transform:translate(-50%) translateY(-40px);opacity:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}.reveal{opacity:1}}.login{max-width:420px;margin:0 auto;min-height:100%;padding:8vh 16px 40px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.login h1{font-size:2.6rem;color:var(--primary);text-shadow:0 3px 0 color-mix(in srgb,var(--primary) 30%,transparent)}.login-card{width:100%;margin-top:14px;background:var(--surface);border:2px solid var(--line);border-radius:22px;padding:20px;display:flex;flex-direction:column;gap:6px;text-align:start;box-shadow:var(--shadow)}.login-card label{font-weight:800;font-size:.9rem;color:var(--muted)}.login-card input{font:inherit;font-size:1.05rem;color:var(--ink);background:var(--sunk);border:2px solid var(--line);border-radius:14px;padding:10px 14px;margin-bottom:8px}.login-card input:focus{outline:none;border-color:var(--sky)}.login-card .btn{margin-top:6px}.login-error{color:var(--bad);font-weight:700;font-size:.92rem}.account{font-weight:600;color:var(--muted)}.account b{color:var(--ink)}