:root{--orange:#d4a49c;--coral:#5c3028;--yellow:#c8a878;--mint:#adcbba;--sky:#7c8c95;--purple:#8f6779;--bg:#fbf7f2;--panel:#fff;--line:#e8ddd2;--line2:#d8ccbf;--ink:#4a423d;--ink2:#9a8d84;--ink3:#b8aca2;--good:#6fa07a;--good-deep:#587f61;--good-wash:#e9f2ea;--good-line:#bad5c0;--bad:#c25b4e;--bad-deep:#9a4437;--bad-wash:#f8e9e6;--bad-line:#e4bcb4;--gold:#e0b252;--gem:#7c9cb8;--heart:#d3655c;--streak:#de8a4a;--trail:#b0503c;--u-orange:#d4a49c;--u-orange-d:#b27d74;--u-purple:#8f6779;--u-purple-d:#6e4c5c;--u-sky:#7c8c95;--u-sky-d:#5d6c74;--u-mint:#8fb89e;--u-mint-d:#6e9a7e;--u-coral:#c97a6e;--u-coral-d:#a25a4f;--u-yellow:#c8a878;--u-yellow-d:#a5875a;--u-teal:#7fa8a0;--u-teal-d:#5f8880;--u-indigo:#8a7c9f;--u-indigo-d:#6b5e80;--sidebar-w:256px;--rail-w:368px;--f-en:"Nunito","Tajawal",sans-serif;--f-ar:"Tajawal","Noto Sans Arabic",sans-serif}[data-theme=dark]{--bg:#131f28;--panel:#1a2833;--line:#2a3a46;--line2:#374855;--ink:#f2f4f7;--ink2:#93a5b1;--ink3:#5c7080;--trail:#e8987f;--good:#79ac85;--good-deep:#9cc4a6;--good-wash:#1c2f26;--good-line:#3a5a44;--bad:#d0705f;--bad-deep:#e0958a;--bad-wash:#331f1d;--bad-line:#5e3a34}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html{height:100%}body{font-family:var(--f-en);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100%}button{color:inherit;font-family:inherit}.ar,[dir=rtl]{font-family:var(--f-ar)}.d-btn{cursor:pointer;letter-spacing:.6px;text-transform:uppercase;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;box-shadow:0 3px 0 var(--edge,#0002),0 8px 16px #00000012;border:2px solid #0000;border-radius:18px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:800;transition:filter .12s;display:inline-flex;transform:translateY(0)}.d-btn:active:not(:disabled){box-shadow:0 0 0 var(--edge,#0002);transform:translateY(3px)}.d-btn:disabled{cursor:default;opacity:1}.d-btn.primary{background:var(--orange);--edge:var(--u-orange-d);color:#fff}.d-btn.primary:hover:not(:disabled){filter:brightness(1.05)}.d-btn.primary:disabled{background:var(--line);--edge:var(--line2);color:var(--ink3);box-shadow:0 4px 0 var(--edge)}.d-btn.good{background:var(--good);--edge:var(--good-deep);color:#fff}[data-theme=dark] .d-btn.good{--edge:#3a5a44}.d-btn.bad{background:var(--bad);--edge:var(--bad-deep);color:#fff}[data-theme=dark] .d-btn.bad{--edge:#5e3a34}.d-btn.ghost{background:var(--panel);border-color:var(--line);--edge:var(--line);color:var(--ink2)}.d-btn.ghost:hover:not(:disabled){background:var(--bg)}.d-btn.gem-buy{background:var(--gem);--edge:#5d7d99;color:#fff}.bg-motion{z-index:0;pointer-events:none;contain:strict;position:fixed;inset:0;overflow:hidden}.bg-blob{filter:blur(60px);opacity:.42;will-change:transform,translate;border-radius:50%;transition:translate .6s cubic-bezier(.22,.61,.36,1);position:absolute;translate:0}[data-theme=dark] .bg-blob{opacity:.55;filter:blur(70px)}.bg-blob-1{background:var(--orange);width:380px;height:380px;animation:22s ease-in-out infinite ezy-blob-1;top:-8%;left:-4%}.bg-blob-2{background:var(--coral);width:300px;height:300px;animation:26s ease-in-out infinite ezy-blob-2;top:12%;right:-6%}.bg-blob-3{background:var(--mint);width:340px;height:340px;animation:28s ease-in-out infinite ezy-blob-3;top:42%;left:8%}.bg-blob-4{background:var(--yellow);width:260px;height:260px;animation:24s ease-in-out infinite ezy-blob-4;top:55%;right:10%}.bg-blob-5{background:var(--sky);width:320px;height:320px;animation:30s ease-in-out infinite ezy-blob-5;top:78%;left:22%}.bg-blob-6{background:var(--purple);width:280px;height:280px;animation:26s ease-in-out infinite ezy-blob-6;top:86%;right:-4%}@keyframes ezy-blob-1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(60px,40px)scale(1.08)}66%{transform:translate(-30px,70px)scale(.95)}}@keyframes ezy-blob-2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-50px,60px)scale(1.1)}66%{transform:translate(40px,-30px)scale(.92)}}@keyframes ezy-blob-3{0%,to{transform:translate(0)scale(1)}33%{transform:translate(70px,-40px)scale(.95)}66%{transform:translate(-40px,30px)scale(1.08)}}@keyframes ezy-blob-4{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-60px,-50px)scale(1.05)}66%{transform:translate(40px,40px)scale(.95)}}@keyframes ezy-blob-5{0%,to{transform:translate(0)scale(1)}33%{transform:translate(50px,-60px)scale(.92)}66%{transform:translate(-40px,30px)scale(1.08)}}@keyframes ezy-blob-6{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-70px,40px)scale(1.08)}66%{transform:translate(30px,-50px)scale(.96)}}.bg-spotlight{pointer-events:none;will-change:translate;mix-blend-mode:plus-lighter;background:radial-gradient(circle,color-mix(in oklab,var(--orange) 20%,transparent) 0%,color-mix(in oklab,var(--orange) 8%,transparent) 40%,transparent 70%);border-radius:50%;width:520px;height:520px;transition:translate .2s cubic-bezier(.22,.61,.36,1);position:absolute;top:-260px;left:-260px;translate:0}[data-theme=dark] .bg-spotlight{background:radial-gradient(circle,color-mix(in oklab,var(--orange) 30%,transparent) 0%,color-mix(in oklab,var(--orange) 12%,transparent) 40%,transparent 70%)}@media (hover:none){.bg-spotlight{display:none}}.bg-friend{opacity:.55;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(0 8px 16px #0000002e)drop-shadow(0 2px 4px #0000001a);will-change:transform,translate,scale;font-size:clamp(40px,5.5vw,58px);line-height:1;transition:translate .18s cubic-bezier(.33,1,.68,1),scale .26s cubic-bezier(.34,1.56,.64,1);position:absolute;translate:0;scale:1}.bg-friend.swap{scale:0}.bg-friend-bear{transform-origin:50% 80%;animation:1.8s ease-in-out infinite ezy-bear-walk;bottom:14%;left:0}@keyframes ezy-bear-walk{0%,to{transform:rotate(-10deg)translateY(0)}25%{transform:rotate(-2deg)translateY(-6px)}50%{transform:rotate(10deg)translateY(0)}75%{transform:rotate(2deg)translateY(-6px)}}.bg-friend-bunny{transform-origin:50% 90%;animation:1.4s cubic-bezier(.3,.8,.4,1) infinite ezy-bunny-hop;top:32%;right:0}@keyframes ezy-bunny-hop{0%,to{transform:translateY(0)scaleX(-1)scaleY(1)}40%{transform:translateY(-22px)scaleX(-1)scaleY(1.08)}45%{transform:translateY(-24px)scaleX(-1)scaleY(1.1)rotate(-4deg)}60%{transform:translateY(-10px)scaleX(-1)scaleY(.95)}80%{transform:translateY(0)scaleX(-1)scaleY(.9)}}.bg-friend-fox{transform-origin:50% 80%;animation:2.6s ease-in-out infinite ezy-fox-breathe;top:62%;left:0}@keyframes ezy-fox-breathe{0%,to{transform:translateY(0)rotate(-3deg)scale(1)}50%{transform:translateY(-10px)rotate(3deg)scale(1.04)}}@media (width<=640px){.bg-blob{opacity:.28;filter:blur(50px)}[data-theme=dark] .bg-blob{opacity:.4}.bg-friend{opacity:.45;font-size:clamp(34px,7vw,48px)}.bg-friend-fox{display:none}}@media (prefers-reduced-motion:reduce){.bg-blob{animation:none!important}.bg-spotlight{display:none}.bg-friend{transition:none!important;animation:none!important}}.frame{grid-template-columns:var(--sidebar-w) 1fr;z-index:1;min-height:100vh;display:grid;position:relative}.main-col{justify-content:center;gap:32px;min-width:0;padding:0 24px;display:flex}.center-col{width:100%;max-width:600px;padding-bottom:96px}.rail{width:var(--rail-w);scrollbar-width:none;flex-direction:column;flex-shrink:0;align-self:flex-start;gap:16px;height:100vh;padding-top:24px;display:flex;position:sticky;top:0;overflow-y:auto}.rail::-webkit-scrollbar{display:none}.sidebar{border-right:2px solid var(--line);background:var(--bg);z-index:50;flex-direction:column;gap:4px;height:100vh;padding:16px 12px;display:flex;position:sticky;top:0}.sidebar .brand{align-items:center;gap:10px;padding:8px 12px 20px;text-decoration:none;display:flex}.sidebar .brand svg{flex-shrink:0;width:38px;height:38px}.sidebar .brand .b-en{color:var(--orange);letter-spacing:.5px;font-size:21px;font-weight:900}.sidebar .brand .b-en b{color:var(--yellow);font-weight:900}.side-item{cursor:pointer;letter-spacing:.8px;text-transform:uppercase;color:var(--ink2);text-align:left;background:0 0;border:2px solid #0000;border-radius:12px;align-items:center;gap:14px;width:100%;padding:10px 12px;font-size:14px;font-weight:800;transition:background .12s;display:flex}.side-item .ico{text-align:center;flex-shrink:0;width:32px;font-size:24px}.side-item:hover{background:var(--panel)}.side-item.active{background:color-mix(in srgb,var(--orange) 14%,var(--panel));border-color:color-mix(in srgb,var(--orange) 45%,transparent);color:var(--orange)}.side-item .side-ar{font-family:var(--f-ar);text-transform:none;letter-spacing:0;color:var(--ink3);margin-top:1px;font-size:11px;font-weight:500;display:block}.side-item.active .side-ar{color:color-mix(in srgb,var(--orange) 70%,var(--ink))}.sidebar .spacer{flex:1}.d-card{background:var(--panel);border:2px solid var(--line);border-radius:16px;padding:20px}.d-card h3{margin-bottom:4px;font-size:17px;font-weight:800}.d-card .h-ar{font-family:var(--f-ar);color:var(--ink2);font-size:12.5px;font-weight:500}.stat-row{align-items:center;gap:6px;display:flex}.stat-chip{cursor:default;background:0 0;border:none;border-radius:12px;align-items:center;gap:6px;padding:8px 10px;font-size:16px;font-weight:900;display:flex}.stat-chip .n{font-size:15px}.stat-chip.streak{color:var(--streak)}.stat-chip.gems{color:var(--gem)}.stat-chip.hearts{color:var(--heart)}.stat-chip.dim{filter:grayscale();opacity:.55}.goal-bar{background:var(--line);border-radius:8px;height:14px;margin-top:10px;overflow:hidden}.goal-fill{background:var(--gold);border-radius:8px;min-width:0;height:100%;transition:width .5s cubic-bezier(.22,1,.36,1)}.goal-nums{color:var(--ink2);justify-content:space-between;margin-top:6px;font-size:12.5px;font-weight:700;display:flex}.unit-head{color:#fff;background:var(--uc,var(--orange));box-shadow:0 4px 0 var(--ucd,var(--u-orange-d));border-radius:16px;align-items:center;gap:14px;margin:28px 0 8px;padding:18px 20px;display:flex}.unit-head .uh-txt{flex:1;min-width:0}.unit-head .uh-kicker{letter-spacing:1.2px;text-transform:uppercase;opacity:.85;font-size:12px;font-weight:800}.unit-head h2{font-size:20px;font-weight:900;line-height:1.2}.unit-head .uh-ar{font-family:var(--f-ar);opacity:.9;font-size:13px;font-weight:500}.unit-head .uh-tips{color:#fff;cursor:pointer;background:#fff3;border:2px solid #ffffff73;border-radius:12px;flex-shrink:0;align-items:center;gap:6px;padding:9px 14px;font-size:13px;font-weight:800;display:flex;transform:translateY(0);box-shadow:0 3px #00000026}.unit-head .uh-tips:active{box-shadow:none;transform:translateY(3px)}.path{background:radial-gradient(ellipse 90% 55% at 50% 8%, color-mix(in srgb,var(--sky) 10%,transparent), transparent 70%), linear-gradient(180deg, color-mix(in srgb,var(--sky) 6%,transparent), color-mix(in srgb,var(--mint) 5%,transparent));border-radius:24px;flex-direction:column;align-items:center;padding:10px 0 26px;display:flex;position:relative}.path-links{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.link-trail{fill:none;stroke-width:7px;stroke-linecap:round;stroke-dasharray:.1 12;opacity:1}.link-trail.link-locked{opacity:.55}.path-node-wrap{z-index:1;transform:translateX(var(--drift,0px));padding:24px 0;position:relative}.path-node{cursor:pointer;background:var(--nc,var(--orange));width:86px;height:76px;box-shadow:inset 0 -8px 0 #00000024, inset 0 3px 0 #ffffff47, 0 4px 0 var(--ncd,var(--u-orange-d)), 0 12px 20px #0000001f;-webkit-tap-highlight-color:transparent;color:#fff;border:none;border-radius:46% 54% 48% 52%/52% 46% 54% 48%;justify-content:center;align-items:center;font-size:30px;transition:filter .12s;display:flex;position:relative;transform:translateY(0)}.path-node:hover{filter:brightness(1.06)}.path-node:active{box-shadow:inset 0 -8px 0 #00000024, inset 0 3px 0 #ffffff47, 0 0 0 var(--ncd), 0 4px 10px #0000001a;transform:translateY(4px)}.path-node-wrap:nth-child(2n) .path-node{border-radius:52% 48% 54% 46%/46% 54% 48% 52%}.path-node.locked{background:var(--line);color:var(--ink3);cursor:default;box-shadow:inset 0 -8px 0 #00000014, 0 4px 0 var(--line2), 0 8px 14px #0000000f}.path-node.locked:hover{filter:none}.path-node.locked:active{transform:none}.path-node.done{background:var(--gold);box-shadow:inset 0 -8px #00000029,inset 0 3px #ffffff59,0 4px #b98f35,0 12px 20px #b98f3540}.path-node .done-check{background:var(--good);border:2.5px solid var(--panel);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;font-weight:900;line-height:1;display:flex;position:absolute;top:-7px;right:-7px;box-shadow:0 3px 8px #00000038}[data-theme=dark] .path-node .done-check{color:#12231a}.start-tip{pointer-events:none;background:var(--nc,var(--orange));color:#fff;font-size:12.5px;font-weight:900;font-family:var(--f-ar);white-space:nowrap;z-index:5;transform-origin:0 100%;border:none;border-radius:10px 14px 14px 4px;padding:6px 12px;animation:2.4s ease-in-out infinite flag-sway;position:absolute;bottom:calc(100% - 14px);left:calc(50% + 14px);box-shadow:0 4px 10px #0000002e}.start-tip:after{content:"";background:var(--ink2);border-radius:2px;width:3px;height:20px;position:absolute;top:100%;left:-3px}@keyframes flag-sway{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(3deg)}}@media (prefers-reduced-motion:reduce){.start-tip{animation:none}}.node-label{color:var(--ink2);white-space:nowrap;max-width:96px;font-size:12px;font-weight:700;position:absolute;top:50%;transform:translateY(-50%)}.node-label.label-right{text-align:left;left:calc(100% + 10px)}.node-label.label-left{text-align:right;right:calc(100% + 10px)}@media (width<=480px){.node-label{white-space:normal;max-width:68px;font-size:10.5px;line-height:1.25}}.node-pop{z-index:900;background:#1e140f73;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}[data-theme=dark] .node-pop{background:#0009}.node-pop-card{background:var(--panel);border:2px solid var(--line);text-align:center;border-radius:20px;width:100%;max-width:380px;padding:24px}.node-pop-card .np-ico{font-size:44px}.node-pop-card h3{margin:8px 0 2px;font-size:20px;font-weight:900}.node-pop-card .np-ar{font-family:var(--f-ar);color:var(--ink2);margin-bottom:6px;font-size:14px}.node-pop-card .np-meta{color:var(--ink2);margin-bottom:18px;font-size:13px;font-weight:700}.session{z-index:800;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0}.sess-top{width:100%;max-width:720px;padding:calc(14px + env(safe-area-inset-top,0px)) 18px 8px;align-items:center;gap:14px;margin:0 auto;display:flex}.sess-quit{color:var(--ink3);cursor:pointer;background:0 0;border:none;padding:6px;font-size:22px;line-height:1}.sess-quit:hover{color:var(--ink2)}.sess-mute{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;padding:6px;font-size:19px;line-height:1}.sess-bar{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:5px;display:flex}.pearl{background:var(--line);border:2px solid var(--line2);border-radius:50%;width:13px;height:13px;transition:background .3s,border-color .3s,transform .3s}.pearl.on{background:radial-gradient(circle at 35% 30%,#fff,var(--gold) 70%);border-color:var(--gold);transform:scale(1.12)}.sess-hearts{color:var(--streak);align-items:center;gap:4px;font-size:17px;font-weight:900;display:flex}.sess-body{flex:1;justify-content:center;display:flex;overflow-y:auto}.sess-inner{width:100%;max-width:640px;padding:26px 18px 40px}.sess-kicker{letter-spacing:1px;text-transform:uppercase;color:var(--ink2);margin-bottom:6px;font-size:13px;font-weight:800}.sess-prompt{margin-bottom:4px;font-size:24px;font-weight:900;line-height:1.3}.sess-prompt-ar{font-family:var(--f-ar);color:var(--ink2);text-align:right;direction:rtl;margin-bottom:4px;font-size:16px}.sess-source{align-items:center;gap:10px;margin:18px 0 6px;display:flex}.sess-source .src-ar{font-family:var(--f-ar);background:var(--panel);border:2px solid var(--line);direction:rtl;border-radius:14px;flex:1;padding:12px 16px;font-size:22px;font-weight:700}.opt-grid{gap:10px;margin-top:18px;display:grid}.opt-grid.cols-3{grid-template-columns:repeat(3,1fr)}.opt-card{background:var(--panel);border:2px solid var(--line);cursor:pointer;text-align:center;color:var(--ink);box-shadow:0 3px 0 var(--line);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:14px;min-height:48px;padding:14px;font-size:16px;font-weight:700;transition:filter .12s;transform:translateY(0)}.opt-card:active{box-shadow:0 0 0 var(--line);transform:translateY(3px)}.opt-card .oc-emoji{margin-bottom:8px;font-size:40px;display:block}.opt-card .oc-ph{font-family:var(--f-ar);color:var(--ink2);direction:rtl;margin-top:4px;font-size:12px;display:block}.opt-card.sel{border-color:var(--sky);box-shadow:0 3px 0 var(--sky);color:var(--sky);background:color-mix(in srgb,var(--sky) 10%,var(--panel))}.opt-card.right{border-color:var(--good-line);background:var(--good-wash);box-shadow:0 3px 0 var(--good-line);color:var(--good-deep)}.opt-card.wrong{border-color:var(--bad-line);background:var(--bad-wash);box-shadow:0 3px 0 var(--bad-line);color:var(--bad-deep)}.opt-card:disabled{cursor:default}.opt-card:disabled:active{box-shadow:0 3px 0 var(--line);transform:none}.opt-card.right:disabled:active{box-shadow:0 3px 0 var(--good-line)}.opt-card.wrong:disabled:active{box-shadow:0 3px 0 var(--bad-line)}.tile-answer{border-bottom:2px solid var(--line);flex-wrap:wrap;align-content:flex-start;gap:8px;min-height:58px;margin:18px 0 4px;padding:8px 2px;display:flex}.tile-answer .slot-line{border-bottom:2px solid var(--line)}.tile-bank{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px;display:flex}.word-tile{background:var(--panel);border:2px solid var(--line);cursor:pointer;box-shadow:0 3px 0 var(--line);color:var(--ink);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:12px;padding:9px 14px;font-size:16px;font-weight:700;transition:filter .1s;transform:translateY(0)}.word-tile:active{box-shadow:0 0 0 var(--line);transform:translateY(3px)}.word-tile.used{visibility:hidden}.tile-ghost{background:var(--line);border:2px solid var(--line);color:#0000;-webkit-user-select:none;user-select:none;border-radius:12px;padding:9px 14px;font-size:16px;font-weight:700}.pairs-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.pair-col{flex-direction:column;gap:10px;display:flex}.pair-btn{background:var(--panel);border:2px solid var(--line);cursor:pointer;box-shadow:0 3px 0 var(--line);color:var(--ink);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:14px;padding:13px;font-size:15.5px;font-weight:700;transform:translateY(0)}.pair-btn:active{box-shadow:0 0 0 var(--line);transform:translateY(3px)}.pair-btn.ar-side{font-family:var(--f-ar);direction:rtl}.pair-btn.letter-pair{font-family:var(--f-en);direction:ltr;min-height:60px;font-size:28px}.pair-btn.sel{border-color:var(--sky);color:var(--sky);box-shadow:0 3px 0 var(--sky)}.pair-btn.hit{border-color:var(--good-line);background:var(--good-wash);color:var(--good-deep);box-shadow:0 3px 0 var(--good-line);opacity:.65;cursor:default}.pair-btn.miss{border-color:var(--bad-line);background:var(--bad-wash);color:var(--bad-deep);animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.blank-input{background:var(--panel);border:2px solid var(--line);width:100%;font-family:var(--f-en);color:var(--ink);border-radius:14px;outline:none;margin-top:18px;padding:14px 16px;font-size:17px;font-weight:700}.blank-input:focus{border-color:var(--sky)}.listen-big{justify-content:center;margin:22px 0;display:flex}.listen-big button{cursor:pointer;background:var(--sky);width:104px;height:96px;box-shadow:0 6px 0 var(--u-sky-d);color:#fff;border:none;border-radius:24px;font-size:44px;transition:filter .12s;transform:translateY(0)}.listen-big button:active{box-shadow:none;transform:translateY(6px)}.listen-slow{text-align:center;margin-top:-8px;margin-bottom:8px}.listen-slow button{color:var(--sky);cursor:pointer;background:0 0;border:none;padding:8px;font-size:13px;font-weight:800}.sess-foot{border-top:2px solid var(--line);background:var(--bg);padding:14px 18px calc(14px + env(safe-area-inset-bottom,0px));position:relative}.sess-foot-inner{justify-content:space-between;align-items:center;gap:12px;max-width:720px;margin:0 auto;display:flex}.fb-card{border-radius:20px;flex:1;align-items:center;gap:14px;padding:14px 16px;animation:.26s cubic-bezier(.34,1.4,.64,1) card-pop;display:flex;box-shadow:0 10px 26px #0000001f}.fb-card.good{background:var(--good-wash);border:2px solid var(--good-line)}.fb-card.bad{background:var(--bad-wash);border:2px solid var(--bad-line)}.fb-mascot{filter:drop-shadow(0 3px 6px #00000026);flex-shrink:0;font-size:38px;line-height:1}.fb-card.good .fb-mascot{animation:.5s mascot-cheer}.fb-card.bad .fb-mascot{animation:.5s mascot-sigh}@keyframes mascot-cheer{0%{transform:scale(.6)rotate(-12deg)}60%{transform:scale(1.15)rotate(6deg)}to{transform:scale(1)}}@keyframes mascot-sigh{0%,to{transform:translate(0)}30%{transform:translate(-5px)}70%{transform:translate(5px)}}.fb-body{flex:1;min-width:0}.fb-body h4{font-size:18px;font-weight:900}.fb-card.good h4{color:var(--good-deep)}.fb-card.bad h4{color:var(--bad-deep)}.fb-body .fb-sol{margin-top:2px;font-size:14.5px;font-weight:700}.fb-card.bad .fb-sol{color:var(--bad-deep)}.fb-body .fb-ar{font-family:var(--f-ar);text-align:right;opacity:.8;direction:rtl;margin-top:1px;font-size:13px}.fb-card .d-btn{flex-shrink:0}.sess-foot .d-btn{min-width:120px}@keyframes card-pop{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.sess-done{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:24px;display:flex}.sess-done .big{font-size:72px}.sess-done h2{color:var(--gold);font-size:26px;font-weight:900}.sess-done .sd-ar{font-family:var(--f-ar);color:var(--ink2);font-size:15px}.done-stats{gap:12px;margin-top:18px;display:flex}.done-stat{border:2px solid var(--line);background:var(--panel);border-radius:14px;min-width:110px;overflow:hidden}.done-stat .ds-head{letter-spacing:1px;color:#fff;text-transform:uppercase;padding:5px;font-size:12px;font-weight:900}.done-stat .ds-val{padding:12px 8px;font-size:22px;font-weight:900}.done-stat.xp .ds-head{background:var(--gold)}.done-stat.xp .ds-val{color:var(--gold)}.done-stat.acc .ds-head{background:var(--good)}.done-stat.acc .ds-val{color:var(--good)}.nohearts{text-align:center;max-width:380px;margin:0 auto;padding:40px 18px}.nohearts .big{font-size:64px}.nohearts h2{margin:10px 0 4px;font-size:22px;font-weight:900}.nohearts p{font-family:var(--f-ar);color:var(--ink2);direction:rtl;margin-bottom:18px;font-size:14px}.sheet{z-index:850;background:#1e140f73;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}[data-theme=dark] .sheet{background:#0009}.sheet-card{background:var(--bg);width:100%;max-width:640px;max-height:calc(100dvh - 64px);padding:12px 20px calc(30px + env(safe-area-inset-bottom,0px));border-radius:22px 22px 0 0;overflow-y:auto}@media (width>=700px){.sheet{align-items:center;padding:20px}.sheet-card{border-radius:22px}}.sheet-grab{background:var(--line2);border-radius:3px;width:44px;height:5px;margin:0 auto 8px}.sheet-h{z-index:3;background:var(--bg);align-items:center;gap:12px;margin-bottom:16px;padding:10px 0;display:flex;position:sticky;top:-12px}.sheet-h .sh-ico{color:#fff;background:var(--uc,var(--orange));width:52px;height:52px;box-shadow:0 3px 0 var(--ucd,var(--u-orange-d));border-radius:14px;justify-content:center;align-items:center;font-size:26px;display:flex}.sheet-h h2{font-size:21px;font-weight:900}.sheet-h .sh-ar{font-family:var(--f-ar);color:var(--ink2);font-size:13px}.sheet-close{background:var(--panel);border:2px solid var(--line);cursor:pointer;width:40px;height:40px;color:var(--ink2);box-shadow:0 3px 0 var(--line);border-radius:12px;margin-left:auto;font-size:16px}.tip-block{background:var(--panel);border:2px solid var(--line);border-radius:16px;margin-bottom:12px;padding:16px 18px}.tip-block .tb-k{letter-spacing:1px;text-transform:uppercase;color:var(--ink2);margin-bottom:8px;font-size:12px;font-weight:900}.tip-block .tb-en{font-size:15px;line-height:1.65}.tip-block .tb-en b{color:var(--uc,var(--orange))}.tip-block .tb-ar{font-family:var(--f-ar);text-align:right;border-top:1.5px dashed var(--line);direction:rtl;margin-top:10px;padding-top:10px;font-size:14.5px;line-height:1.8}.tip-compare{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.tip-cmp{text-align:center;color:#fff;background:var(--tone,var(--orange));border-radius:14px;padding:14px;box-shadow:0 3px #0000002e}.tip-cmp .w{font-size:26px;font-weight:900;display:block}.tip-cmp .l{opacity:.92;margin-top:2px;font-size:12.5px;font-weight:700;display:block}.tip-cmp .x{font-family:var(--f-ar);opacity:.85;margin-top:2px;font-size:11.5px;display:block}.tip-cmp .e{margin-top:6px;font-size:20px;display:block}.tip-vocab{flex-direction:column;gap:8px;display:flex}.tip-vrow{background:var(--panel);border:2px solid var(--line);border-radius:12px;align-items:center;gap:10px;padding:10px 14px;display:flex}.tip-vrow .v-emoji{font-size:22px}.tip-vrow .v-en{font-size:15px;font-weight:800}.tip-vrow .v-ph{font-family:var(--f-ar);color:var(--purple);direction:rtl;font-size:12px}[data-theme=dark] .tip-vrow .v-ph{color:#c9a9bc}.tip-vrow .v-ar{font-family:var(--f-ar);color:var(--ink2);direction:rtl;margin-left:auto;font-size:13.5px}.tip-vrow .spk{border:1.5px solid var(--sky);color:var(--sky);cursor:pointer;background:0 0;border-radius:8px;margin-left:0;padding:3px 8px;font-size:13px}.screen{padding-top:24px;display:none}.screen.active{display:block}.screen-h{margin-bottom:18px}.screen-h h1{font-size:24px;font-weight:900}.screen-h .scr-ar{font-family:var(--f-ar);color:var(--ink2);font-size:14px}.shop-item{background:var(--panel);border:2px solid var(--line);border-radius:16px;align-items:center;gap:16px;margin-bottom:12px;padding:18px;display:flex}.shop-item .si-ico{flex-shrink:0;font-size:40px}.shop-item .si-txt{flex:1;min-width:0}.shop-item h3{font-size:16px;font-weight:800}.shop-item .si-ar{font-family:var(--f-ar);color:var(--ink2);font-size:12.5px}.shop-item p{color:var(--ink2);margin-top:3px;font-size:13.5px}.lb-row{border-radius:14px;align-items:center;gap:12px;margin-bottom:6px;padding:12px 14px;display:flex}.lb-row.me{background:color-mix(in srgb,var(--sky) 12%,var(--panel));border:2px solid color-mix(in srgb,var(--sky) 40%,transparent)}.lb-row .lb-rank{width:26px;color:var(--ink2);text-align:center;flex-shrink:0;font-weight:900}.lb-row .lb-av{background:var(--line);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.lb-row .lb-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:15px;font-weight:800;overflow:hidden}.lb-row .lb-xp{color:var(--gold);flex-shrink:0;font-size:14px;font-weight:900}.league-band{background:var(--panel);border:2px solid var(--line);border-radius:16px;align-items:center;gap:14px;margin-bottom:16px;padding:16px 18px;display:flex}.league-band .lg-ico{font-size:40px}.league-band h3{font-size:17px;font-weight:900}.league-band .lg-ar{font-family:var(--f-ar);color:var(--ink2);font-size:12.5px}.tier-row{gap:8px;margin-top:10px;display:flex}.tier{background:var(--bg);border:2px solid var(--line);filter:grayscale();opacity:.55;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-size:19px;display:flex}.tier.on{filter:none;opacity:1;border-color:var(--sky);background:color-mix(in srgb,var(--sky) 12%,var(--panel))}.topbar{z-index:100;background:var(--bg);border-bottom:2px solid var(--line);padding:calc(8px + env(safe-area-inset-top,0px)) 14px 8px;display:none;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;display:flex}.modal-overlay{z-index:950;background:#1e140f80;justify-content:center;align-items:center;padding:18px;display:none;position:fixed;inset:0}[data-theme=dark] .modal-overlay{background:#000000a6}.modal-overlay.open{display:flex}.modal-card{background:var(--bg);border-radius:20px;width:100%;max-width:420px;max-height:90vh;padding:26px 22px;position:relative;overflow-y:auto}.modal-close{background:var(--panel);border:2px solid var(--line);cursor:pointer;width:38px;height:38px;color:var(--ink2);border-radius:12px;font-size:15px;position:absolute;top:12px;right:12px}.modal-lock-icon{background:var(--panel);border:2px solid var(--line);border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 12px;display:flex}.modal-lock-icon svg{width:40px;height:40px}.modal-title{text-align:center;font-size:20px;font-weight:900}.modal-title-ar{text-align:center;font-family:var(--f-ar);color:var(--ink2);margin:2px 0 16px;font-size:13.5px}.auth-tabs{gap:8px;margin-bottom:16px;display:flex}.auth-tab{background:var(--panel);border:2px solid var(--line);cursor:pointer;color:var(--ink2);box-shadow:0 3px 0 var(--line);border-radius:12px;flex:1;padding:10px;font-size:13.5px;font-weight:800}.auth-tab.active{border-color:var(--orange);color:var(--orange);box-shadow:0 3px 0 var(--orange);background:color-mix(in srgb,var(--orange) 10%,var(--panel))}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-field label{margin-bottom:5px;font-size:13px;font-weight:800;display:block}.auth-field .lbl-ar{font-family:var(--f-ar);color:var(--ink2);font-weight:500}.auth-field .lbl-opt{color:var(--ink3);font-weight:600}.auth-input{background:var(--panel);border:2px solid var(--line);width:100%;font-family:var(--f-en);color:var(--ink);border-radius:12px;outline:none;padding:12px 14px;font-size:16px;font-weight:600}.auth-input:focus{border-color:var(--sky)}.field-hint{color:var(--ink3);margin-top:4px;font-size:11.5px;display:block}.code-feedback{text-align:center;min-height:18px;font-size:13.5px;font-weight:700}.code-feedback.ok{color:var(--good-deep)}.code-feedback.err{color:var(--bad-deep)}.auth-submit{background:var(--orange);color:#fff;cursor:pointer;width:100%;font-family:var(--f-en);box-shadow:0 4px 0 var(--u-orange-d);border:none;border-radius:14px;padding:13px;font-size:15px;font-weight:900;transform:translateY(0)}.auth-submit:active{box-shadow:none;transform:translateY(4px)}.modal-divider{background:var(--line);border-radius:2px;height:2px;margin:18px 0 14px}.salla-btn{text-align:center;background:var(--good);color:#fff;box-shadow:0 4px 0 var(--good-deep);border-radius:14px;padding:12px;font-size:15px;font-weight:900;text-decoration:none;display:block;transform:translateY(0)}[data-theme=dark] .salla-btn{box-shadow:0 4px #3a5a44}.salla-btn:active{box-shadow:none;transform:translateY(4px)}.salla-btn .btn-sub{font-family:var(--f-ar);opacity:.9;font-size:11.5px;font-weight:500;display:block}.account-avatar{background:var(--orange);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 10px;font-size:30px;font-weight:900;display:flex}.account-name{text-align:center;font-size:19px;font-weight:900}.account-email{text-align:center;color:var(--ink2);margin-bottom:10px;font-size:13px}.account-status{text-align:center;border-radius:12px;margin-bottom:14px;padding:9px;font-size:13.5px;font-weight:800}.account-status.premium{background:var(--good-wash);color:var(--good-deep);border:2px solid var(--good-line)}.account-status.free{background:var(--panel);color:var(--ink2);border:2px solid var(--line)}.logout-btn{background:var(--panel);border:2px solid var(--bad-line);width:100%;color:var(--bad);cursor:pointer;font-family:var(--f-en);box-shadow:0 3px 0 var(--bad-line);border-radius:14px;margin-top:8px;padding:11px;font-size:14px;font-weight:800}.lock-pop-card .np-ico{font-size:40px}.toast{z-index:999;background:var(--ink);color:var(--bg);opacity:0;pointer-events:none;text-align:center;border-radius:14px;max-width:calc(100vw - 40px);padding:12px 20px;font-size:14px;font-weight:800;transition:transform .3s,opacity .3s;position:fixed;bottom:26px;left:50%;transform:translate(-50%)translateY(80px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.game-overlay .sess-top{align-items:center}.arc-title{flex:1;min-width:0;font-size:16px;font-weight:900;line-height:1.15}.arc-title small{font-family:var(--f-ar);color:var(--ink2);font-size:11.5px;font-weight:500;display:block}.arc-best-chip{color:var(--gold);white-space:nowrap;font-size:14px;font-weight:900}.arc-stage{text-align:center;width:100%;max-width:560px;margin:0 auto;padding:22px 18px 40px}.arc-hud{justify-content:space-between;align-items:center;gap:6px;margin-bottom:12px;font-size:14px;font-weight:900;display:flex}.arc-topbar{justify-content:flex-end;margin-bottom:10px;display:flex}.arc-ctrls{gap:6px;display:inline-flex}.arc-ctrls button{background:var(--panel);border:2px solid var(--line);cursor:pointer;width:42px;height:40px;box-shadow:0 3px 0 var(--line);border-radius:10px;padding:0;font-size:16px;line-height:1;transform:translateY(0)}.arc-ctrls button:active{box-shadow:none;transform:translateY(3px)}.arc-bar{background:var(--line);border-radius:8px;height:10px;margin-bottom:14px;overflow:hidden}.arc-fill{background:linear-gradient(90deg,var(--good),var(--gold),var(--bad));width:100%;height:100%}.arc-fill.arc-danger{background:var(--bad);animation:.34s step-end infinite arc-danger-blink}@keyframes arc-danger-blink{50%{opacity:.35}}.arc-q{margin-bottom:2px;font-size:22px;font-weight:900}.arc-qar{font-family:var(--f-ar);color:var(--ink2);margin-bottom:14px;font-size:13px}.arc-opts{grid-template-columns:1fr 1fr;gap:10px;display:grid}.arc-opt{border:2px solid var(--line);background:var(--panel);font-family:var(--f-en);cursor:pointer;color:var(--ink);box-shadow:0 3px 0 var(--line);border-radius:14px;padding:14px;font-size:16px;font-weight:800;transition:filter .1s;transform:translateY(0)}.arc-opt:active{box-shadow:0 0 0 var(--line);transform:translateY(3px)}.arc-opt.ok{background:var(--good-wash);border-color:var(--good-line);color:var(--good-deep);box-shadow:0 3px 0 var(--good-line)}.arc-opt.no{background:var(--bad-wash);border-color:var(--bad-line);color:var(--bad-deep);box-shadow:0 3px 0 var(--bad-line)}.arc-menu-h{margin-bottom:6px;font-size:16px;font-weight:800}.arc-menu-ar{font-family:var(--f-ar);color:var(--ink2);direction:rtl;margin-bottom:14px;font-size:13px}.arc-menu-h b,.arc-menu-ar b{color:var(--orange);font-weight:900}.arc-best{color:var(--ink2);margin-bottom:12px;font-weight:800}.arc-play{width:100%}.arc-big{margin:6px 0;font-size:42px;font-weight:900}.arc-xp{color:var(--gold);margin-bottom:4px;font-size:18px;font-weight:900}.arc-over-btns{flex-direction:column;gap:10px;margin-top:6px;display:flex}.arc-over-btns .d-btn{width:100%}.arc-hook{background:color-mix(in srgb,var(--purple) 12%,var(--panel));border:2px dashed var(--purple);border-radius:14px;margin-top:14px;padding:15px}.arc-hook p{font-family:var(--f-ar);color:var(--ink2);direction:rtl;margin-bottom:10px;font-size:13px}.arc-hook button{background:var(--purple);color:#fff;width:100%;font-family:var(--f-en);cursor:pointer;box-shadow:0 3px 0 var(--u-purple-d);border:none;border-radius:12px;padding:12px;font-weight:900;transform:translateY(0)}.arc-hook button:active{box-shadow:none;transform:translateY(3px)}.arc-flash-ok{animation:.4s arc-ok}.arc-flash-no{animation:.42s arc-no}@keyframes arc-ok{0%,to{transform:scale(1)}45%{transform:scale(1.015)}}@keyframes arc-no{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}.arc-fallzone{background:var(--panel);border:2px solid var(--line);border-radius:14px;height:150px;margin-bottom:12px;position:relative;overflow:hidden}.arc-fall{background:var(--bg);border:2px solid var(--u-coral);white-space:nowrap;border-radius:12px;padding:7px 14px;font-size:20px;font-weight:900;position:absolute;top:0;left:50%;transform:translate(-50%)}.arc-baskets{gap:10px;display:flex}.arc-basket{border:2px solid var(--line);background:var(--panel);font-family:var(--f-en);cursor:pointer;color:var(--ink);box-shadow:0 3px 0 var(--line);border-radius:14px;flex:1;padding:14px 6px;font-size:16px;font-weight:900;transform:translateY(0)}.arc-basket:active{box-shadow:0 0 0 var(--line);transform:translateY(3px)}.arc-basket.no{background:var(--bad-wash);border-color:var(--bad-line);box-shadow:0 3px 0 var(--bad-line)}.arc-mem{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.arc-mcard{aspect-ratio:1;border:2px solid var(--line);background:var(--panel);cursor:pointer;box-shadow:0 3px 0 var(--line);border-radius:12px;place-items:center;display:grid;position:relative;transform:translateY(0)}.arc-mcard:active{box-shadow:0 0 0 var(--line);transform:translateY(3px)}.arc-mback{font-size:24px}.arc-mface{font-size:22px;font-weight:800;display:none}.arc-mcard.open .arc-mback,.arc-mcard.done .arc-mback{display:none}.arc-mcard.open .arc-mface,.arc-mcard.done .arc-mface{display:block}.arc-mcard.open{background:var(--bg);border-color:var(--u-coral);box-shadow:0 3px 0 var(--u-coral)}.arc-mcard.done{border-color:var(--good-line);background:var(--good-wash);box-shadow:0 3px 0 var(--good-line)}.arc-answer{border:2px dashed var(--line2);border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;min-height:46px;margin-bottom:12px;padding:8px;display:flex}.arc-tiles{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.arc-tile{border:2px solid var(--line);background:var(--panel);font-family:var(--f-en);cursor:pointer;box-shadow:0 3px 0 var(--line);border-radius:10px;padding:9px 13px;font-size:15px;font-weight:800;display:inline-block;transform:translateY(0)}.arc-tile:active{box-shadow:0 0 0 var(--line);transform:translateY(3px)}.arc-tile.used{opacity:.3;pointer-events:none}.arc-tile.built{border-color:var(--u-coral);background:var(--bg);box-shadow:0 3px 0 var(--u-coral)}.arc-opt,.arc-basket,.arc-mcard,.arc-tile,.arc-play,.arc-ctrls button,.arc-hook button{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}@media (width<=600px){.arc-tile{min-height:44px;padding:12px 14px;font-size:16px}.arc-opt{min-height:48px;padding:15px 10px}.arc-basket{min-height:48px;padding:15px 6px}}@media (width<=768px){.auth-input,.blank-input{font-size:16px!important}}@media (width<=1100px){.rail{display:none}.topbar{display:block}}@media (width<=760px){.frame{grid-template-columns:1fr}.sidebar{border-right:none;border-top:2px solid var(--line);height:auto;padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));flex-direction:row;justify-content:space-around;position:fixed;inset:auto 0 0}.sidebar .brand,.sidebar .spacer{display:none}.side-item{flex-direction:column;gap:2px;width:auto;padding:6px 10px;font-size:0}.side-item .side-ar{display:none}.side-item .ico{width:auto;font-size:26px}.center-col{padding-bottom:120px}.main-col{padding:0 10px}.sess-prompt{font-size:20px}.opt-grid.cols-3{grid-template-columns:1fr 1fr}.unit-head h2{font-size:17px}.done-stats{flex-wrap:wrap;justify-content:center}}.completion-card{text-align:center;width:100%;max-width:520px;color:var(--ink);font-family:var(--f-ar);margin:auto;padding:24px 16px;animation:.35s ease-out completion-arrive}.completion-card h2{color:var(--ink);margin:8px 0 2px;font-size:28px;line-height:1.4}.completion-en{font:700 15px var(--f-en);color:var(--ink2);margin:0}.completion-mascot{border:2px solid var(--line);background:color-mix(in srgb,var(--gold) 15%,var(--panel));cursor:pointer;touch-action:manipulation;border-radius:38% 48% 42% 50%;width:104px;height:104px;margin:0 auto;font-size:60px;display:block;position:relative;box-shadow:0 8px 24px #58442d12}.completion-mascot:hover{background:color-mix(in srgb,var(--gold) 25%,var(--panel))}.completion-mascot:active{scale:.96}.completion-spark{color:var(--gold);font-size:28px;position:absolute;inset:0 0 auto auto}.completion-encourage{font-size:68px}.completion-hint{font:12px var(--f-ar);color:var(--ink);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:10px;min-height:44px;margin:4px 0 10px;padding:8px 12px}.completion-hint:hover{background:color-mix(in srgb,var(--gold) 12%,transparent)}.completion-message{margin:14px 0 20px;font-size:15px;line-height:1.7}.completion-message span{font:13px/1.6 var(--f-en);color:var(--ink2);display:block}.completion-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.completion-stat{border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 82%,transparent);border-radius:18px;padding:14px 6px;box-shadow:inset 0 2px #ffffff30}.completion-stat span,.completion-stat small,.completion-stat strong{display:block}.completion-stat span{font-size:13px;font-weight:700}.completion-stat small{font:11px var(--f-en);color:var(--ink2);margin:3px 0 12px}.completion-stat strong{font:800 21px var(--f-en);color:var(--ink)}.completion-recap{border:1px solid var(--line);text-align:start;background:color-mix(in srgb,var(--panel) 55%,transparent);border-radius:14px;margin-top:18px}.completion-recap summary{cursor:pointer;min-height:44px;padding:13px 16px;font-size:14px;font-weight:700}.completion-recap p{margin:4px 0 14px;padding:0 16px;font-size:13px;line-height:1.7}.completion-cheer{min-height:20px;color:var(--ink2);margin:12px 0 0;font-size:12px;line-height:1.6}.completion-card button:focus-visible,.completion-card summary:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.completion-actions{gap:10px;width:100%;max-width:480px;margin:0 auto;display:grid}.completion-actions .d-btn{white-space:normal;min-height:48px;font-family:var(--f-ar);letter-spacing:0;text-transform:none}#sessBody>.completion-card{align-self:flex-start}@keyframes completion-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.completion-card{padding:18px 8px}.completion-card h2{font-size:24px}.completion-stat strong{font-size:18px}.completion-stats{gap:7px}}@media (prefers-reduced-motion:reduce){.completion-card{animation:none}.completion-mascot:active{scale:1}}.celebration-layer{z-index:10000;pointer-events:none;contain:strict;position:fixed;inset:0;overflow:hidden}.celebration-layer span{pointer-events:none;display:block;position:absolute}.celebration-popper{filter:drop-shadow(0 4px 6px #0002);margin:-26px;font-size:52px}.celebration-confetti{border-radius:2px;width:8px;height:13px}.celebration-firework{border-radius:50%;width:6px;height:6px;box-shadow:0 0 7px 1px #f3cf7b80}.celebration-rocket{border-radius:4px;width:3px;height:24px;box-shadow:0 0 9px #f3cf7b90}.game-overlay .arc-input-help{color:var(--ink2);max-width:42ch;margin:12px auto;font-size:13px;line-height:1.7}.game-overlay .arc-pause{flex-shrink:0;min-width:44px;min-height:44px;padding:8px}.game-overlay .arc-pause-panel{text-align:center;max-width:420px;margin:32px auto;padding:20px}.game-overlay .arc-pause-panel p{margin:16px 0;line-height:1.7}.game-overlay button.arc-tile{color:inherit;min-height:44px;font-family:inherit}.game-overlay button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.game-overlay .arc-pause,.game-overlay .arc-pause-panel button{touch-action:manipulation}.game-overlay [hidden]{display:none!important}.sheet-h.tutorial-header{flex-wrap:wrap}.tutorial-header .sh-ico{flex-shrink:0}.tutorial-header .tutorial-title{flex:1;min-width:0}.tutorial-header .sheet-close{flex-shrink:0;min-width:44px;min-height:44px}.tutorial-toggle{border:2px solid var(--line);background:var(--panel);min-height:44px;color:var(--ink);font:700 14px var(--f-ar);cursor:pointer;border-radius:12px;flex-basis:100%;justify-content:center;align-items:center;gap:9px;padding:9px 12px;display:flex}.tutorial-toggle svg{fill:currentColor;flex-shrink:0;width:20px;height:20px}.tutorial-toggle[aria-expanded=true]{border-color:var(--uc,var(--orange))}.tutorial-toggle:focus-visible,.tutorial-panel video:focus-visible,.tutorial-transcript:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.tutorial-panel{border:2px solid var(--line);background:var(--panel);border-radius:16px;margin:0 0 16px;padding:12px}.tutorial-panel[hidden],.tutorial-error[hidden]{display:none}.tutorial-panel video{aspect-ratio:16/9;background:#152c34;border-radius:10px;width:100%;display:block}.tutorial-panel p{font-family:var(--f-ar);color:var(--ink2);margin:10px 0;font-size:13px;line-height:1.7}.tutorial-panel p span{display:block}.tutorial-transcript{min-height:44px;color:var(--ink);font:700 13px var(--f-ar);text-underline-offset:3px;flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}@media (width<=360px){.tutorial-header{gap:8px}.tutorial-header h2{font-size:18px}.tutorial-toggle{font-size:13px}.tutorial-panel{padding:8px}}.voyage-navigation{border:2px solid var(--line);background:var(--panel);color:var(--ink);font-family:var(--f-ar);border-radius:16px;margin:12px 0 8px;padding:16px;display:block}.voyage-toggle{cursor:pointer;touch-action:manipulation;border-radius:8px;align-items:center;gap:16px;min-height:44px;list-style:none;display:flex}.voyage-toggle::-webkit-details-marker{display:none}.voyage-toggle:focus-visible{outline:3px solid var(--coral);outline-offset:5px}.voyage-chevron{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:24px;height:24px;transition:transform .2s}.voyage-navigation[open] .voyage-chevron{transform:rotate(180deg)}.voyage-details{flex-wrap:wrap;align-items:center;gap:14px;padding-top:14px;display:flex}@media (prefers-reduced-motion:reduce){.voyage-chevron{transition:none}}.voyage-position{flex:1;min-width:150px}.voyage-position strong,.voyage-position span,.voyage-position small{display:block}.voyage-position strong{font-size:17px}.voyage-position span{font-family:var(--f-en);text-align:right;margin-top:3px;font-size:12px}.voyage-position small{margin-top:6px;font-size:12px}.voyage-actions{flex-wrap:wrap;gap:10px;display:flex}.voyage-actions .d-btn{min-height:44px;font-family:var(--f-ar);letter-spacing:0;text-transform:none;white-space:normal;padding:10px 14px;font-size:13px}.voyage-island{border-top:1px solid var(--line);width:100%;padding-top:10px;font-size:12px}.unit-head .voyage-progress{background:var(--panel);color:var(--ink);font-family:var(--f-ar);border-radius:8px;margin-top:8px;padding:3px 8px;font-size:12px;font-weight:700;display:inline-block}#pathHost .uh-tips,#tipsSheet .spk,#tipsSheet .sheet-close{touch-action:manipulation;min-width:44px;min-height:44px}#pathHost button:focus-visible,#nodePop a:focus-visible,#nodePop button:focus-visible,#tipsSheet button:focus-visible{outline:3px solid var(--coral);outline-offset:5px}[data-theme=dark] #pathHost button:focus-visible,[data-theme=dark] #nodePop a:focus-visible,[data-theme=dark] #nodePop button:focus-visible,[data-theme=dark] #tipsSheet button:focus-visible{outline-color:var(--orange)}#nodePop .node-pop-card{max-height:calc(100dvh - 40px);overflow-y:auto}#tipsSheet .sheet-card{padding-bottom:max(20px,env(safe-area-inset-bottom))}@media (width<=600px){.voyage-navigation{gap:12px;padding:12px}.voyage-actions{width:100%}.voyage-actions .d-btn{flex:1;min-width:110px}}#pathHost .path{--sea-surface:#f1f5f1;--sea-line:#c9d8d2;--shore:#e7d8bf;--island-land:#f9f1df;--route-ink:#655248;--route-muted:#766b62;--voyage-icon-accent:#c98270;--voyage-icon-sea:#81aaa1;--voyage-icon-paper:#fff9ec;isolation:isolate;border:1px solid color-mix(in srgb, var(--sea-line) 80%, var(--panel));background:linear-gradient(155deg, color-mix(in srgb, var(--bg) 38%, transparent), color-mix(in srgb, var(--sea-surface) 46%, transparent));-webkit-backdrop-filter:blur(1.5px)saturate(110%);backdrop-filter:blur(1.5px)saturate(110%);border-radius:30px;margin:10px 0 30px;padding:34px 12px 30px;box-shadow:inset 0 1px #fff8}#pathHost .path:before{content:"";z-index:-1;pointer-events:none;border:1px solid color-mix(in srgb, var(--sea-line) 40%, transparent);border-radius:24px;position:absolute;inset:10px}#pathHost .path-node-wrap{padding:30px 0}#pathHost .path-node{border:5px solid var(--shore);background:var(--island-land);width:104px;height:90px;color:var(--route-ink);box-shadow:0 0 0 7px color-mix(in srgb, var(--sea-line) 30%, transparent), 0 8px 18px #58442d12;filter:none;touch-action:manipulation;cursor:pointer;border-radius:58% 42% 52% 48%/48% 58% 42% 52%;transition:border-color .2s,box-shadow .2s,background .2s;transform:none}#pathHost .path-node-wrap:nth-of-type(2n) .path-node{border-radius:44% 56% 43% 57%/57% 44% 56% 43%}#pathHost .path-node.current{--shore:#d8a995;--island-land:#f9e9d7;box-shadow:0 0 0 7px #d5bba32b,0 0 0 13px #d5bba312,0 10px 22px #8f5a3620}#pathHost .path-node.done{--shore:#a1b9a5;--island-land:#e3eddf;--voyage-icon-accent:#8aa592}#pathHost .path-node.locked{--shore:#ddd7c9;--island-land:#f5f1e8;color:#82796c;--voyage-icon-accent:#c2b4a1;--voyage-icon-sea:#a4b9b0}#pathHost .island-art{place-items:center;transition:transform .22s cubic-bezier(.2,.8,.2,1);display:grid}#pathHost .voyage-icon{width:44px;height:44px;display:block}#pathHost .path-node.current .island-art{animation:4s ease-in-out infinite voyage-bob}@keyframes voyage-bob{0%,to{translate:0;rotate:-3deg}50%{translate:0 -3px;rotate:3deg}}@media (hover:hover){:is(#pathHost .path-node:hover,#pathHost .path-node-wrap:has(.node-label:hover) .path-node){border-color:#bc9275;box-shadow:0 0 0 8px #c9d8d25e,0 10px 24px #58442d24}#pathHost .path-node:hover .island-art{transform:translateY(-3px)scale(1.08)}}#pathHost .path-node:active{transform:none;box-shadow:0 0 0 5px #c9d8d25e,0 3px 8px #58442d18}#pathHost .path-node:active .island-art{transform:scale(.9)}#pathHost .path-node .done-check,#pathHost .station-lock{border:2px solid var(--panel);color:#fff;background:#638a71;border-radius:50%;place-items:center;width:25px;height:25px;display:grid;position:absolute;top:auto;bottom:-5px;right:-4px;box-shadow:0 2px 5px #0001}#pathHost .station-lock{color:#776959;background:#eee8dc}#pathHost .done-check .voyage-icon,#pathHost .station-lock .voyage-icon{width:17px;height:17px}#pathHost .start-tip{color:#775443;background:#fffaf2;border:1px solid #e7cbb8;border-radius:20px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:700;animation:none;display:flex;top:-6px;bottom:auto;left:50%;transform:translate(-50%);box-shadow:0 3px 9px #8a613a0c}#pathHost .start-tip:after{display:none}#pathHost .current-dot{background:#b86f59;border-radius:50%;flex-shrink:0;width:6px;height:6px}#pathHost .node-label{white-space:normal;width:130px;max-width:130px;min-height:64px;color:var(--route-ink);cursor:pointer;font-family:var(--f-ar);touch-action:manipulation;background:0 0;border:0;border-radius:12px;padding:8px 6px;line-height:1.3;transition:background .2s}#pathHost .node-label strong{font-size:16px;font-weight:800;display:block}#pathHost .node-label>span{font:600 11px var(--f-en);margin-top:3px;display:block}#pathHost .node-label small{color:var(--route-muted);margin-top:7px;font-size:10px;font-weight:500;display:block}#pathHost .node-label:hover{background:color-mix(in srgb,var(--sea-line) 25%,transparent)}#pathHost .node-label.label-right{text-align:left;left:calc(100% + 15px)}#pathHost .node-label.label-left{text-align:right;right:calc(100% + 15px)}#pathHost .current-stop .node-label strong{color:#a05743}#pathHost .path-links{z-index:-1}#pathHost .link-water{fill:none;stroke:var(--sea-line);stroke-width:9px;opacity:.27;stroke-linecap:round}#pathHost .link-trail{fill:none;stroke:#ad9a83;stroke-width:2px;stroke-dasharray:3 8;stroke-linecap:round;opacity:1}#pathHost .link-trail.link-locked{stroke:#b6bcb1;opacity:.9;stroke-dasharray:2 7}#pathHost .link-trail.link-done{stroke:#73917e;stroke-dasharray:none}#pathHost .link-trail.link-current{stroke:#b97a62;animation:8s linear infinite voyage-current}@keyframes voyage-current{to{stroke-dashoffset:-88px}}#pathHost .route-islet{pointer-events:none;color:#ac9a7e;opacity:.48;position:absolute}#pathHost .route-islet-top{top:52px;left:24px;rotate:-8deg}#pathHost .route-islet-end{bottom:42px;right:25px;rotate:12deg}#pathHost .route-islet .voyage-icon{width:55px;height:55px}[data-theme=dark] #pathHost .path{--sea-surface:#1a2d33;--sea-line:#3b5556;--shore:#776651;--island-land:#35423e;--route-ink:#efe1cd;--route-muted:#b0bdb6;--voyage-icon-paper:#d8d2bc}[data-theme=dark] #pathHost .path-node.current{--shore:#ad836b;--island-land:#58483d}[data-theme=dark] #pathHost .path-node.done{--shore:#6d917c;--island-land:#304e43}[data-theme=dark] #pathHost .path-node.locked{--shore:#4f5d57;--island-land:#293c3b;color:#b8c4b9}[data-theme=dark] #pathHost .current-stop .node-label strong{color:#efb99c}[data-theme=dark] #pathHost .start-tip{color:#f0d0b9;background:#3c3932;border-color:#806855}[data-theme=dark] #pathHost .station-lock{color:#e0e6d9;background:#45544c}@media (width<=480px){#pathHost .path{border-radius:24px;padding-inline:4px}#pathHost .path-node-wrap{transform:translateX(calc(var(--drift,0px) * .72));padding-block:28px}#pathHost .path-node{border-width:4px;width:88px;height:78px}#pathHost .voyage-icon{width:38px;height:38px}#pathHost .node-label{width:90px;max-width:90px;padding-inline:3px}#pathHost .node-label strong{font-size:14px}#pathHost .node-label small{font-size:9px}#pathHost .node-label.label-right{left:calc(100% + 9px)}#pathHost .node-label.label-left{right:calc(100% + 9px)}#pathHost .route-islet-top{top:26px;left:15px}#pathHost .route-islet-end{right:15px}#pathHost .route-islet .voyage-icon{width:38px;height:38px}}@media (prefers-reduced-motion:reduce){#pathHost .path-node.current .island-art,#pathHost .link-trail.link-current{animation:none}#pathHost .island-art,#pathHost .path-node,#pathHost .node-label{transition:none}}#pathHost .voyage-navigation{background:color-mix(in srgb, var(--panel) 62%, transparent);border-color:color-mix(in srgb, var(--panel) 76%, var(--line));-webkit-backdrop-filter:blur(4px)saturate(110%);backdrop-filter:blur(4px)saturate(110%);box-shadow:inset 0 1px #ffffff80,0 8px 24px #58442d08}body:has(#screen-learn.active) .rail .d-card{background:color-mix(in srgb, var(--panel) 62%, transparent);border-color:color-mix(in srgb, var(--panel) 76%, var(--line));-webkit-backdrop-filter:blur(4px)saturate(110%);backdrop-filter:blur(4px)saturate(110%);box-shadow:inset 0 1px #ffffff80,0 8px 24px #58442d08}#pathHost .unit-head{background:linear-gradient(135deg, color-mix(in srgb, var(--uc) 36%, transparent), color-mix(in srgb, var(--panel) 48%, transparent));color:var(--ink);border:1px solid color-mix(in srgb, var(--uc) 42%, var(--panel));-webkit-backdrop-filter:blur(3px)saturate(110%);backdrop-filter:blur(3px)saturate(110%);box-shadow:inset 0 1px #ffffff70,0 5px 18px #58442d0a}#pathHost .unit-head .uh-tips{color:var(--ink);background:color-mix(in srgb, var(--panel) 44%, transparent);border-color:color-mix(in srgb, var(--panel) 80%, var(--line));box-shadow:0 2px 4px #58442d0b}#pathHost .voyage-progress{background:color-mix(in srgb, var(--panel) 70%, transparent)}#pathHost .node-label{background:color-mix(in srgb, var(--bg) 36%, transparent)}[data-theme=dark] #pathHost .path{background:linear-gradient(155deg,#131f2866,#1a2d3380);box-shadow:inset 0 1px #ffffff12}[data-theme=dark] #pathHost .voyage-navigation,[data-theme=dark] #pathHost .unit-head{border-color:#ffffff26;box-shadow:inset 0 1px #ffffff12,0 8px 24px #00000014}[data-theme=dark] body:has(#screen-learn.active) .rail .d-card{border-color:#ffffff26;box-shadow:inset 0 1px #ffffff12,0 8px 24px #00000014}@media (prefers-reduced-transparency:reduce){#pathHost .path,[data-theme=dark] #pathHost .path{background:var(--sea-surface)}#pathHost .voyage-navigation,#pathHost .unit-head{background:var(--panel)}body:has(#screen-learn.active) .rail .d-card{background:var(--panel)}#pathHost .path,#pathHost .voyage-navigation,#pathHost .unit-head{-webkit-backdrop-filter:none;backdrop-filter:none}body:has(#screen-learn.active) .rail .d-card{-webkit-backdrop-filter:none;backdrop-filter:none}}:where(button,a,input,[tabindex]):focus-visible{outline:3px solid var(--ink);outline-offset:4px}.recovery-link{min-height:44px;color:var(--ink);font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:10px;padding:8px 12px;font-weight:700;text-decoration:underline}.recovery-link:disabled{opacity:.6;cursor:wait}.modal-close,.sess-quit,.sess-mute,.theme-toggle,.stat-chip{min-width:44px;min-height:44px}.auth-input{min-width:0;min-height:44px}.modal-card{overscroll-behavior:contain;max-height:calc(100dvh - 32px);overflow-y:auto}.code-feedback{overflow-wrap:anywhere}.sess-foot{padding-bottom:max(12px, env(safe-area-inset-bottom))}button,.d-btn{touch-action:manipulation}@media (width<=360px){.topbar{padding-inline:10px}#topStats{gap:2px}}@media (width>=761px) and (height<=500px){.sidebar{overflow-y:auto}.sidebar>*{flex-shrink:0}}@media (width>=761px) and (width<=1100px) and (height<=500px){.sidebar{height:calc(100dvh - 60px)}}@media (width<=760px){.sidebar .side-item{min-width:40px;min-height:48px;padding-inline:5px}.sidebar .side-item .side-ar{font-size:10px;line-height:1.4;display:block}.modal-overlay{padding:12px}.modal-card{max-height:calc(100dvh - 24px)}.auth-input,.blank-input{font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}