@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:500;src:url(./tajawal-arabic-500-normal-DoitJjou.woff2) format("woff2"),url(./tajawal-arabic-500-normal-CbVEaYEW.woff) format("woff")}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:700;src:url(./tajawal-arabic-700-normal-c-WwFYr-.woff2) format("woff2"),url(./tajawal-arabic-700-normal-9L7Zusdl.woff) format("woff")}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:700;src:url(./amiri-arabic-700-normal-3pcsEkwp.woff2) format("woff2"),url(./amiri-arabic-700-normal-DToP4gPc.woff) format("woff")}:root{--deep: #062f3f;--teal: #0b5f73;--sea: #15a3a8;--foam: #d9fbf4;--pearl: #fff8ec;--gold: #f4cf72;--gold-d: #c98f1e;--maroon: #8a1538;--ink: #12303d;--good: #0c8a60;--bad: #b8324a;--line: rgba(18, 48, 61, .14);--glass: rgba(4, 39, 52, .66);--ui: "Tajawal", system-ui, sans-serif;--ar: "Amiri", "Traditional Arabic", serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden;background:var(--deep);font-family:var(--ui);color:#fff;overscroll-behavior:none;user-select:none;-webkit-user-select:none}#c{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;cursor:pointer}.hidden{display:none!important}button{font-family:inherit;cursor:pointer;border:0;color:inherit}button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.btn{min-height:48px;padding:11px 22px;border-radius:14px;font-weight:700;font-size:17px;transition:transform .12s,filter .12s}.btn:active{transform:scale(.97)}.btn.primary{background:linear-gradient(180deg,#fbdc8c,var(--gold) 55%,#e4b34a);color:#3d2b05;box-shadow:0 4px 0 var(--gold-d),0 10px 26px #00000047}.btn.primary:hover{filter:brightness(1.05)}.btn.big{font-size:21px;min-height:58px;padding:13px 38px}.btn.hear{background:var(--pearl);color:var(--ink);box-shadow:0 3px #c7bda6}.btn.ghost{background:#ffffff29;color:#fff;border:1px solid rgba(255,255,255,.35)}.btn:disabled{opacity:.5;cursor:default}.icon-btn{width:46px;height:46px;flex:none;border-radius:13px;background:var(--glass);font-size:20px;border:1px solid rgba(255,255,255,.22)}.icon-btn.dark{background:var(--teal);color:#fff}.btn.ghost-dark{background:transparent;color:var(--ink);border:1px solid var(--line)}.art-screen{background:var(--deep)}.bg-art{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.bg-art.kenburns{animation:kb 26s ease-in-out infinite alternate}.bg-art.blurred{filter:blur(7px) saturate(1.1);transform:scale(1.06)}.art-shade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(180deg,#041e2a00 35%,#041e2ae6)}.art-shade.strong{background:#04222e8c}.art-screen>:not(.bg-art):not(.art-shade){position:relative;z-index:1}@keyframes kb{0%{transform:scale(1.02)}to{transform:scale(1.14) translateY(-1.5%)}}.wipe{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;opacity:0;background:radial-gradient(circle,#f5fffb,#7fe6dc 45%,#0b5f73);transition:opacity .34s ease}.wipe.on{opacity:1}#map{align-items:flex-start}.map-wrap{width:min(1080px,100%);margin:auto;animation:rise .4s both}.map-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:11px;margin-bottom:16px}.map-head h2{font-family:var(--ar);font-size:clamp(36px,6vw,54px);line-height:1.25;color:var(--pearl);text-shadow:0 3px 0 rgba(6,47,63,.7)}.map-rec{color:var(--gold);font-weight:700;font-size:16px}.map-tools{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.seg{display:flex;border-radius:13px;overflow:hidden;border:1px solid rgba(255,255,255,.35)}.seg-btn{min-height:46px;padding:8px 13px;background:#ffffff1f;font-weight:700;font-size:14.5px}.seg-btn.on{background:var(--gold);color:#3d2b05}.level-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.sec-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}.sec-card{display:flex;align-items:center;gap:13px;text-align:right;padding:11px 13px;border-radius:18px;background:var(--pearl);color:var(--ink);box-shadow:0 10px 26px #00000061;transition:transform .16s;min-height:92px}.sec-card:hover{transform:translateY(-4px)}.sec-glyph{flex:none;width:66px;height:66px;border-radius:16px;display:grid;place-items:center;font-family:var(--ar);font-weight:700;font-size:31px;line-height:1;color:#fff;background:linear-gradient(145deg,hsl(var(--hue) 55% 42%),hsl(var(--hue) 62% 25%))}.sec-body{display:flex;flex-direction:column;gap:1px;min-width:0}.sec-body b{font-family:var(--ar);font-size:23px;line-height:1.25}.sec-body small{font-size:14px;line-height:1.35;color:#526469}.sec-body i{font-style:normal;font-weight:700;font-size:13.5px;color:var(--gold-d);margin-top:2px}#sections,#grades{align-items:flex-start}.sec-group{font-family:var(--ar);font-size:25px;color:var(--pearl);margin:6px 0 10px;text-shadow:0 2px 0 rgba(6,47,63,.7)}.sec-group small{font-family:inherit;font-size:14px;font-weight:500;color:#ffffffc7;margin-inline-start:6px;text-shadow:none}#freeWrap{margin-top:22px}#freeWrap .sec-card{opacity:.9}.sec-tag{display:inline-block;font-style:normal;font-weight:700;font-size:12px;line-height:1;padding:4px 8px;border-radius:99px;margin-inline-start:6px;vertical-align:3px;background:#e4ecec;color:#3e5559}.sec-tag.n{background:var(--gold);color:#3d2b05}.sec-card.on{outline:3px solid var(--gold);outline-offset:2px}.profile-slot{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.profile-slot.nudge{animation:shake .45s both}.pf-box{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:18px;background:#fff8ec1f;border:1px solid rgba(255,255,255,.3)}.pf-box>b{font-family:var(--ar);font-size:23px;color:var(--pearl)}.pf-box>small{font-size:13.5px;color:#ffffffc7}.pf-kids{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pf-kid{display:flex;align-items:flex-end;justify-content:center;gap:8px;height:132px;padding:8px 6px 6px;border-radius:16px;background:var(--pearl);color:var(--ink);box-shadow:0 8px 20px #0000004d;transition:transform .15s;overflow:hidden}.pf-kid img{height:100%;width:auto}.pf-kid span{font-family:var(--ar);font-weight:700;font-size:24px;align-self:center}.pf-kid:hover{transform:translateY(-3px)}.pf-kid.on{outline:4px solid var(--gold);outline-offset:2px;background:#fff3d4}.pf-name{width:100%;min-height:52px;padding:6px 13px;border-radius:12px;border:2px solid var(--gold);background:var(--pearl);color:var(--ink);font-family:var(--ar);font-size:24px;user-select:text;-webkit-user-select:text}.pf-note{color:#ffd4c4;font-weight:700;font-size:16px;margin:-4px 0 12px}.res-hello{font-family:var(--ar);font-weight:700;font-size:26px;color:var(--maroon);line-height:1.3}.world-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.world-card{display:flex;flex-direction:column;text-align:right;border-radius:20px;overflow:hidden;background:var(--pearl);color:var(--ink);box-shadow:0 14px 36px #0000006b;transition:transform .18s}.world-card:hover{transform:translateY(-5px)}.world-card.on{outline:4px solid var(--gold)}.world-card img{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.world-card span{display:flex;flex-direction:column;gap:3px;padding:12px 15px 15px}.world-card b{font-family:var(--ar);font-size:27px;line-height:1.25}.world-card small{font-size:15px;line-height:1.5;color:#526469}.level-card{background:var(--pearl);color:var(--ink);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 14px 36px #0000006b;transition:transform .18s}.level-card:hover{transform:translateY(-5px)}.level-card.rec{outline:4px solid var(--gold)}.lc-art{position:relative;aspect-ratio:16 / 11;overflow:hidden}.lc-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.level-card:hover .lc-art img{transform:scale(1.07)}.lc-stars{position:absolute;top:8px;left:9px;color:var(--gold);font-size:21px;text-shadow:0 1px 3px #000;direction:ltr}.lc-stars i{font-style:normal;color:#ffffff6b}.lc-rec{position:absolute;top:8px;right:9px;background:var(--maroon);color:#fff;font-weight:700;font-size:13px;padding:3px 10px;border-radius:99px}.lc-body{padding:12px 15px 15px;display:flex;flex-direction:column;gap:2px;flex:1}.lc-body h3{font-family:var(--ar);font-size:27px;line-height:1.25}.lc-place{font-weight:700;color:var(--teal);font-size:15.5px}.lc-skill{font-size:15px;line-height:1.45}.lc-stage{font-size:13.5px;color:#647479;margin-bottom:9px}.lc-go{margin-top:auto;width:100%}.place{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.pl-dots{display:flex;gap:5px}.pl-dots i{width:11px;height:11px;border-radius:50%;background:#e0d8c6}.pl-dots i.on{background:var(--gold-d)}.seat-btns.pl{width:100%;min-width:0}.pl-result{display:flex;flex-direction:column;gap:8px;width:100%}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));overflow-y:auto;z-index:20}#title{align-items:flex-end;padding-bottom:max(6vh,26px)}#tutorial{background-size:cover;background-position:center;background-color:var(--deep)}.title-wrap{text-align:center;max-width:620px;animation:rise .8s both}.eyebrow{font-weight:700;color:var(--gold);letter-spacing:.3px;font-size:16px}.eyebrow.dark{color:var(--gold-d)}h1{font-family:var(--ar);font-size:clamp(58px,12vw,112px);line-height:1.25;text-shadow:0 4px 0 rgba(6,47,63,.75),0 14px 40px rgba(0,0,0,.5);color:var(--pearl)}.tag{font-size:clamp(17px,2.6vw,21px);line-height:1.65;margin:6px auto 20px;max-width:520px;color:var(--foam)}.fine{margin-top:15px;font-size:13.5px;color:#d9fbf4c7}.card{background:var(--pearl);color:var(--ink);border-radius:22px;padding:22px;box-shadow:0 22px 60px #0000006b;width:min(620px,100%);animation:rise .35s both}.card h2{font-family:var(--ar);font-size:34px;line-height:1.3}.tut{text-align:center;margin:auto}.lead{font-size:19px;line-height:1.6;margin:3px 0 15px}.tut-ladder{display:flex;align-items:center;justify-content:center;gap:5px;margin-bottom:13px}.tut-ladder>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:9px 4px 7px;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:1px}.tut-ladder>i{color:var(--gold-d);font-style:normal;font-weight:700;font-size:20px}.tut-ladder b{font-size:15px}.tut-ladder small{font-size:12px;color:#6a7b80}.seat{font-family:var(--ar);font-weight:700;font-size:32px;line-height:1.25;color:var(--teal)}.seat.muted{color:#9aa8aa}.example{background:#eefaf6;border-radius:12px;padding:10px 13px;font-size:16.5px;line-height:1.75}.example strong{font-family:var(--ar);font-size:24px;color:var(--maroon)}.how{list-style:none;text-align:right;margin:13px 0 18px;display:grid;gap:7px;font-size:16px;line-height:1.45}.how b{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--teal);color:#fff;font-size:14px;margin-left:7px}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}#hud button{pointer-events:auto}.hud-top{position:absolute;top:max(10px,env(safe-area-inset-top));right:12px;left:12px;display:flex;gap:9px;align-items:flex-start}.stats{display:flex;flex-direction:column;gap:5px;flex:none}.stat{background:var(--glass);border:1px solid rgba(255,255,255,.2);border-radius:11px;padding:4px 11px;font-size:16px;display:flex;align-items:center;gap:6px;min-height:31px}.stat b{font-size:17px;font-variant-numeric:tabular-nums}.mini-pearl{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#f1e3d0 55%,#c0a98f);display:inline-block}.vitals{flex:1;min-width:0;max-width:520px;margin:0 auto;background:var(--glass);border:1px solid rgba(255,255,255,.2);border-radius:13px;padding:6px 11px 8px}.o2-label{display:flex;justify-content:space-between;font-size:13.5px;font-weight:700;margin-bottom:4px;color:var(--foam)}.bar{background:#ffffff2b;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;border-radius:inherit;transition:width .25s linear;width:100%}.bar.o2{height:12px}.bar.o2 i{background:linear-gradient(90deg,#7ceee6,#2bc4d0)}.bar.o2.low i{background:linear-gradient(90deg,#ff9a7a,#e6405f);animation:pulse .7s infinite alternate}.bar.prog{height:5px;margin-top:5px}.bar.prog i{background:var(--gold);width:0}.ladder{position:absolute;bottom:max(11px,env(safe-area-inset-bottom));right:12px;width:124px;background:var(--glass);border:1px solid rgba(255,255,255,.2);border-radius:13px;padding:8px 10px}.ladder h3{font-size:13.5px;color:var(--gold);margin-bottom:3px}.ladder ol{list-style:none}.ladder li{display:flex;justify-content:space-between;align-items:center;font-size:14px;border-top:1px solid rgba(255,255,255,.1);min-height:28px}.ladder li span{font-family:var(--ar);font-size:20px;font-weight:700;color:var(--foam)}.ladder li b{font-weight:500}.hud-bottom{position:absolute;bottom:max(11px,env(safe-area-inset-bottom));right:12px;left:12px;display:flex;flex-direction:column;align-items:center;gap:7px}.prompt{background:var(--glass);padding:6px 16px;border-radius:99px;font-weight:700;font-size:16px;text-align:center;border:1px solid rgba(255,255,255,.18)}.hint{background:#fff8ecf2;color:var(--ink);padding:5px 15px;border-radius:12px;font-size:15.5px;font-weight:700}.actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.seat-btns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;width:min(520px,calc(100% - 290px));min-width:min(420px,100%)}.seat-btn{min-height:62px;border-radius:15px;background:linear-gradient(180deg,#17566b,#0d3f51);border:2px solid var(--gold);font-family:var(--ar);font-size:37px;font-weight:700;color:#fff;box-shadow:0 4px #00000059;line-height:1}.seat-btn.long{font-size:23px;padding:4px;line-height:1.2}.seat-btn:active{transform:translateY(2px)}.seat-btn:disabled{opacity:.55}.banner{position:fixed;top:22%;inset-inline:16px;text-align:center;z-index:12;animation:bannerIn 2.6s both;pointer-events:none}.banner h2{font-family:var(--ar);font-size:clamp(38px,7vw,64px);color:var(--pearl);text-shadow:0 3px 0 rgba(6,47,63,.8),0 8px 26px rgba(0,0,0,.5);line-height:1.3}.banner p{font-size:clamp(17px,2.8vw,21px);font-weight:700;color:var(--gold);text-shadow:0 2px 8px rgba(0,0,0,.6)}.toast{position:fixed;top:112px;left:50%;transform:translate(-50%);z-index:13;background:var(--maroon);padding:8px 18px;border-radius:99px;font-weight:700;font-size:16px;box-shadow:0 8px 22px #00000059;white-space:nowrap;pointer-events:none;animation:rise .2s both}.toast.pos{background:var(--good)}.sheet{position:fixed;inset-inline:0;bottom:0;z-index:15;display:flex;justify-content:center;padding:0 12px max(12px,env(safe-area-inset-bottom));pointer-events:none}.fb{pointer-events:auto;padding:15px 18px 16px;animation:sheetUp .32s cubic-bezier(.2,.9,.25,1.05) both}.fb-head{display:flex;align-items:center;gap:11px}.fb-head>div{flex:1;min-width:0}.fb h2{font-size:27px}.fb.good h2{color:var(--good)}.fb.bad h2{color:var(--bad)}.seat.large{width:58px;height:58px;flex:none;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:37px;line-height:1;background:var(--teal)}.fb.good .seat.large{background:var(--good)}.fb.bad .seat.large{background:var(--bad)}.fb-choice{font-size:15px;color:#526469}.fb-word{font-family:var(--ar);font-weight:700;font-size:clamp(44px,9vw,62px);text-align:center;color:var(--ink);line-height:1.45}.duel{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;font-size:15px;margin-bottom:7px}.duel span{background:#fff;border:1px solid var(--line);border-radius:10px;padding:4px 10px}.duel span.win{background:var(--gold);border-color:var(--gold-d);font-weight:700;color:#3d2b05}.why{font-size:16.5px;line-height:1.6;text-align:center;margin-bottom:11px}.fb .btn{width:100%}.sentence{font-family:var(--ar);font-size:19px;line-height:1.5;text-align:center;color:var(--teal);margin-bottom:11px}.streak{position:fixed;top:94px;left:50%;transform:translate(-50%);z-index:12;font-family:var(--ar);font-weight:700;font-size:31px;color:var(--gold);text-shadow:0 3px 0 #5f3c05,0 0 22px rgba(255,200,80,.75);animation:streakPop .45s cubic-bezier(.2,1.5,.4,1) both;pointer-events:none;white-space:nowrap}@keyframes streakPop{0%{transform:translate(-50%) scale(.3);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.log-sheet{pointer-events:none}.parchment{pointer-events:auto;width:min(780px,100%);max-height:62vh;overflow-y:auto;color:#3b2710;padding:15px 20px;border-radius:16px;background:radial-gradient(ellipse at center,#f9eccb 45%,#e7cd98);box-shadow:0 18px 48px #0000008c,inset 0 0 34px #855a2166;border:2px solid #b78d4e;animation:sheetUp .4s both}.log-head{display:flex;justify-content:space-between;align-items:center}.log-head h2{font-family:var(--ar);font-size:28px;line-height:1.25}.log-count{font-weight:700;background:#7a4d24;color:#fff;padding:2px 13px;border-radius:99px}.log-sub{font-size:15px;font-weight:500;margin-bottom:7px}.log-text{font-family:var(--ar);font-size:clamp(21px,3.3vw,27px);line-height:2}.log-word{font:inherit;color:inherit;background:none;border-radius:7px;padding:0 3px;border-bottom:2px dotted rgba(122,77,36,.55);min-height:32px}.log-word:hover{background:#7a4d2426}.log-word.sel{background:var(--gold)}.log-word.clean{color:#546;border-bottom-color:transparent;opacity:.75}.log-word.fixed{color:#0b6b4c;font-weight:700;border-bottom:2px solid #0b6b4c;animation:pop .4s both}.log-status{font-size:16px;min-height:26px;font-weight:700;margin:5px 0 8px;line-height:1.5}.seat-btns.log{width:100%;min-width:0}.parchment.wr{max-height:calc(100dvh - 92px);display:flex;flex-direction:column;gap:6px}.parchment.wr>.btn{width:100%;flex:none}.wr-word{font-family:var(--ar);font-weight:700;font-size:38px;min-height:58px;text-align:center;line-height:1.5}.tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.tiles.answer{min-height:50px;padding:4px;border-bottom:2px dashed rgba(122,77,36,.5);margin-bottom:8px}.tile{width:50px;height:50px;border-radius:11px;background:#17566b;color:#fff;font-family:var(--ar);font-size:28px;font-weight:700;box-shadow:0 3px #0000004d}.tile:disabled{opacity:.25}.tile.placed{background:var(--gold);color:#3d2b05}.wr-input{width:100%;min-height:54px;padding:6px 13px;border-radius:12px;border:2px solid #b78d4e;background:#fffdf6;color:#3b2710;font-family:var(--ar);font-size:24px;user-select:text;-webkit-user-select:text}.keys{display:grid;gap:4px;margin-top:7px}.key-row{display:flex;justify-content:center;gap:4px}.key{flex:1 1 0;max-width:46px;min-width:0;height:42px;border-radius:8px;background:#fff8e8;color:#3b2710;font-family:var(--ar);font-size:21px;font-weight:700;box-shadow:0 2px #b78d4e}.key.wide{max-width:170px;font-family:var(--ui);font-size:15px}.log-status.ok{color:#0b6b4c}.log-status.no{color:var(--bad)}.wr-reveal{font-family:var(--ar);font-size:24px;line-height:1.6;text-align:center}.wr-reveal .miss{color:var(--bad);font-weight:700;text-decoration:underline}.res{text-align:center;margin:auto}.stars{font-size:48px;line-height:1.1;direction:ltr;margin:2px 0}.stars span{color:#e0d8c6;display:inline-block;animation:pop .45s both}.stars span.on{color:var(--gold-d);text-shadow:0 2px 9px rgba(244,207,114,.9)}.necklace i.boss{width:33px;height:33px;align-self:center;background:radial-gradient(circle at 34% 28%,#fff 8%,#ffe6a7 45%,#cf9a3a);box-shadow:0 0 11px #f4c450e6}.res-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.res-line{font-size:17px;line-height:1.55;margin-bottom:9px}.necklace{display:flex;justify-content:center;flex-wrap:wrap;gap:3px;padding:8px 0 12px;border-bottom:1px solid var(--line);margin-bottom:12px}.necklace i{width:25px;height:25px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff 8%,#fbf0dd 45%,#cfb697);box-shadow:0 2px 3px #00000040;animation:pop .4s both}.necklace i.small{width:16px;height:16px;align-self:center;background:radial-gradient(circle at 34% 28%,#eee,#a7adb0 70%)}.res-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:12px}.res-stats div{background:#fff;border:1px solid var(--line);border-radius:13px;padding:8px 3px;display:flex;flex-direction:column}.res-stats b{font-size:25px;color:var(--teal);font-variant-numeric:tabular-nums}.res-stats span{font-size:13.5px;color:#55676c}.res h3{font-size:16px;margin-bottom:7px}.mastery{display:grid;gap:6px;margin-bottom:13px}.m-row{display:grid;grid-template-columns:34px 1fr 48px;align-items:center;gap:8px;font-size:15px}.m-row .s{font-family:var(--ar);font-size:25px;font-weight:700;line-height:1}.mastery.wide .m-row{grid-template-columns:112px 1fr 48px}.mastery.wide .m-row .s{font-size:17px}.m-row .t{height:12px;background:#e9e3d6;border-radius:99px;overflow:hidden}.m-row .t i{display:block;height:100%;background:var(--sea);border-radius:inherit}.review{background:#fff4f0;border-radius:13px;padding:9px 13px;margin-bottom:14px}.review p{font-family:var(--ar);font-size:24px;line-height:1.5;font-weight:700;color:var(--maroon)}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}#toast.toast{animation:none}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:none}}@keyframes bannerIn{0%{opacity:0;transform:translateY(10px) scale(.96)}14%,78%{opacity:1;transform:none}to{opacity:0}}@keyframes pulse{0%{opacity:1}to{opacity:.55}}@keyframes pop{0%{transform:scale(0)}70%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:none}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.fw{--cream: #FAF7F0;--fgold: #c9973a;--navy: #1b2a44;position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;overflow:hidden;touch-action:manipulation}.fw-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:center / cover no-repeat;transition:filter .6s}.fw.flash:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,#ffecaabf,#ffecaa00 70%);animation:fwFlash .7s both;pointer-events:none}.fw-kid,.fw-bird{position:absolute;filter:drop-shadow(0 14px 18px rgba(40,20,0,.35));pointer-events:none}.fw-kid{width:auto}.fw-bird{left:0;top:0;will-change:transform;z-index:2}.fw-glove{position:absolute;left:0;top:0;visibility:hidden;filter:drop-shadow(0 14px 18px rgba(40,20,0,.35));pointer-events:none}.fw-path{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .2s}.fw-path path{fill:none;stroke:var(--cream);stroke-width:4;stroke-dasharray:2 12;stroke-linecap:round}.fw.aim .fw-path{opacity:.9}.fw-lure{position:absolute;background:none;padding:0;text-align:center;transform-origin:50% 0;z-index:1}.fw-lure.in{animation:lureIn .55s cubic-bezier(.2,1.3,.4,1) both}.fw-swing{display:block;animation:sway 3.4s ease-in-out infinite;transform-origin:50% 0}.fw-lure img{width:var(--img, 96px);display:block;margin:0 auto -4px;filter:drop-shadow(0 10px 12px rgba(40,20,0,.3));pointer-events:none}.fw-plaque{display:inline-block;min-width:100%;padding:8px 12px 10px;border-radius:14px;background:var(--cream);border:3px solid var(--fgold);color:var(--navy);font:700 36px/1.2 var(--ar);white-space:nowrap;box-shadow:0 10px 22px #3c1e004d;transition:background .2s,border-color .2s,color .2s}.fw-lure:hover .fw-plaque,.fw-lure:focus-visible .fw-plaque,.fw-lure.picked .fw-plaque{outline:4px solid rgba(250,247,240,.9);outline-offset:4px}.fw-lure:focus-visible{outline:none}.fw-lure.boss .fw-plaque{background:linear-gradient(180deg,#fff3cf,#f4d88e);border-color:#a8761e;box-shadow:0 0 26px #ffd26ee6,0 10px 22px #3c1e004d}.fw-lure.locked{pointer-events:none}.fw-lure.good .fw-plaque{background:#e3f6ec;border-color:var(--good);color:#0b5e40}.fw-lure.bad .fw-plaque{background:#fbe4e7;border-color:var(--bad);color:#8e1f33}.fw-lure.shake .fw-swing{animation:shake .45s both,sway 3.4s ease-in-out .45s infinite}.fw-lure.dim{opacity:.45}.fw-lure.gone{animation:lureGone .35s both}.fw-bubble{position:absolute;max-width:min(300px,80vw);padding:10px 16px;border-radius:16px 16px 16px 4px;background:var(--cream);color:var(--navy);font-weight:800;font-size:17px;line-height:1.45;box-shadow:0 8px 18px #1b2a4440;z-index:3;pointer-events:none}.fw.tall .fw-bubble{border-radius:16px 16px 4px;font-size:15px}.fw-bubble.pop{animation:pop .35s both}.fw-fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.fw-p{position:absolute;width:10px;height:10px;margin:-5px;border-radius:50%;animation:fwP .85s ease-out both}.fw-p.gold{background:radial-gradient(circle,#fff6d0,#f1c45a 60%,#f1c45a00)}.fw-p.feather{width:7px;height:16px;border-radius:50%/70% 70% 30% 30%;background:#8a6a48}@keyframes sway{0%,to{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(3deg) translateY(-10px)}}@keyframes lureIn{0%{transform:translateY(-140%);opacity:0}to{transform:none;opacity:1}}@keyframes lureGone{to{opacity:0}}@keyframes fwP{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.3) rotate(160deg);opacity:0}}@keyframes fwFlash{0%{opacity:1}to{opacity:0}}body.w-falcon .hud-top{align-items:center;gap:10px;flex-wrap:wrap}body.w-falcon .stats{flex-direction:row;gap:8px;align-items:center}body.w-falcon .stat,body.w-falcon .streak,body.w-falcon .o2-label{min-height:38px;padding:6px 14px;border-radius:999px;background:#1b2a44c7;border:1px solid rgba(201,151,58,.55);color:#faf7f0;font-weight:800;font-size:17px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}body.w-falcon .stat b{color:#e2b45a}body.w-falcon .mini-pearl{width:auto;height:auto;background:none;font-style:normal}body.w-falcon .mini-pearl:before{content:"🪶"}body.w-falcon .streak{position:static;transform:none;display:flex;align-items:center;gap:6px;font-family:var(--ui);text-shadow:none;background:#7a1f2b;white-space:nowrap;animation:pop .35s both}body.w-falcon .streak:before{content:"🔥"}body.w-falcon .vitals{display:flex;align-items:center;gap:12px;max-width:none;margin:0;padding:0;background:none;border:0}body.w-falcon .o2-label{order:2;margin:0;display:flex;align-items:center;white-space:nowrap}body.w-falcon #meterLabel:empty{display:none}body.w-falcon .bar.prog{order:1;flex:1;height:12px;margin:0;background:#1b2a4473;border:1px solid rgba(250,247,240,.5)}body.w-falcon .bar.prog i{background:linear-gradient(90deg,#c9973a,#f1cf7c)}body.w-falcon #btnMute{border-radius:999px;background:#1b2a44c7;border-color:#c9973a8c}body.w-falcon #seatBtns{display:none!important}body.w-falcon .hud-bottom{bottom:max(22px,env(safe-area-inset-bottom));left:50%;right:auto;transform:translate(-50%);flex-direction:row;gap:12px;padding:10px 12px;border-radius:999px;background:#faf7f0f0;box-shadow:0 12px 30px #1b2a444d;white-space:nowrap}body.w-falcon .hud-bottom .actions{display:contents}body.w-falcon .prompt{order:1;background:none;border:0;padding:0 4px;color:#1b2a44;font-weight:800;font-size:19px}body.w-falcon #btnHear{order:0;min-height:44px;border-radius:999px;padding:8px 18px;background:#1b2a44;color:#faf7f0;box-shadow:none;font-weight:800}body.w-falcon #btnHint{order:2;min-height:44px;border-radius:999px;padding:8px 18px;background:transparent;color:#7a1f2b;border:2px solid #7a1f2b;font-weight:800}body.w-falcon .hint{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);white-space:normal;width:max-content;max-width:86vw;text-align:center;box-shadow:0 8px 18px #1b2a4440}body.w-falcon .ladder{background:#1b2a44c7;border-color:#c9973a8c}@media (max-aspect-ratio: 1/1){body.w-falcon .stat,body.w-falcon .streak,body.w-falcon .o2-label{font-size:15px;padding:5px 12px;min-height:32px}body.w-falcon .vitals{flex-basis:100%;order:3;flex-wrap:wrap}body.w-falcon .o2-label{order:0}body.w-falcon .bar.prog{flex-basis:100%}body.w-falcon .hud-bottom{width:calc(100% - 24px);flex-wrap:wrap;justify-content:center;white-space:normal;text-align:center;border-radius:22px;bottom:max(16px,env(safe-area-inset-bottom))}body.w-falcon .prompt{flex-basis:100%;order:-1;font-size:15px}body.w-falcon #btnHear,body.w-falcon #btnHint{padding:8px 14px;font-size:14.5px}}@media (max-width: 1040px) and (min-width: 861px){.level-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 860px){.level-cards{grid-template-columns:1fr}.level-card{flex-direction:row}.lc-art{width:38%;aspect-ratio:auto;flex:none}.lc-body h3{font-size:22px}.lc-stars{font-size:15px}.lc-rec{font-size:11.5px;right:4px}}@media (max-width: 720px){.profile-slot{grid-template-columns:1fr}.pf-kid{height:112px}.world-card img{aspect-ratio:16 / 7}.world-card b{font-size:23px}.streak{top:128px;font-size:25px}.stat{padding:2px 8px;min-height:25px;font-size:13.5px}.stat b{font-size:14.5px}.stats{gap:3px}.parchment{max-height:68vh;padding:11px 13px}.log-text{line-height:1.85}.sentence{font-size:17px;margin-bottom:8px}.seat-btns{width:100%;min-width:0}.ladder{top:calc(max(10px,env(safe-area-inset-top)) + 84px);bottom:auto;right:12px;left:12px;width:auto;padding:3px 9px}.ladder h3{display:none}.ladder ol{display:flex;justify-content:space-between;gap:4px}.ladder li{border:0;gap:4px;min-height:28px;font-size:13px}.ladder li span{font-size:18px}.seat-btn{min-height:54px;font-size:32px}.seat-btn.long{font-size:19px}.key{height:38px;font-size:18px}.tile{width:44px;height:44px;font-size:24px}.btn{min-height:44px;padding:8px 16px;font-size:15.5px}.card{padding:16px}.prompt{font-size:14.5px}.tut-ladder>i{display:none}.tut-ladder b{font-size:14px}}@media (max-height: 560px){.ladder{display:none}.fb-word{font-size:38px;line-height:1.3}.fb{padding:10px 15px}.why{font-size:15px;margin-bottom:6px}.seat.large{width:44px;height:44px;font-size:28px}.hud-bottom{gap:4px}.seat-btn{min-height:46px;font-size:28px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01s!important}}
