@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):not(picture){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-wide{grid-column:1 / -1}.pf-box>b small{font-family:var(--ui);font-size:13px;font-weight:600;color:#ffffffb3}.pf-code{font-family:var(--ui);text-transform:uppercase;letter-spacing:1px;text-align:center}.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}.country-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.country-card{display:flex;flex-direction:column;justify-content:flex-end;gap:6px;min-height:120px;padding:14px 16px;border-radius:18px;text-align:right;background:linear-gradient(160deg,var(--c),rgba(0,0,0,.35)),var(--c);color:#faf7f0;box-shadow:0 12px 30px #00000061}.country-card b{font-family:var(--ar);font-size:30px;line-height:1.2}.country-card small{font-size:14px;line-height:1.5;color:#faf7f0e0}.country-card em{align-self:flex-start;padding:3px 12px;border-radius:999px;font-style:normal;font-weight:800;font-size:14px;background:#faf7f033}.country-card.live{grid-column:1 / -1;min-height:150px;outline:4px solid var(--gold);transition:transform .18s}.country-card.live:hover{transform:translateY(-4px)}.country-card.live em{background:var(--gold);color:#3d2b05}.country-card.soon{cursor:default;filter:saturate(.5);opacity:.8}.skill-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.skill-card{position:relative;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}.skill-card>i{display:grid;place-items:center;height:120px;background:var(--c);color:#faf7f0;font:700 54px/1 var(--ar);font-style:normal}.skill-card span{display:flex;flex-direction:column;gap:4px;padding:12px 15px 15px}.skill-card b{font-family:var(--ar);font-size:25px;line-height:1.25}.skill-card small{font-size:15px;line-height:1.5;color:#526469}.skill-card em{align-self:flex-start;margin-top:6px;padding:4px 14px;border-radius:999px;font-style:normal;font-weight:800;font-size:15px}.skill-card.live{transition:transform .18s;outline:4px solid var(--gold)}.skill-card.live:hover{transform:translateY(-5px)}.skill-card.live em{background:var(--gold);color:#3d2b05}.skill-card.soon{cursor:default}.skill-card.soon>i{filter:saturate(.55) brightness(.85)}.skill-card.soon em{background:#1b2a441a;color:#526469}.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)}.btn.install{display:block;margin:14px auto 0;font-size:16px}.btn.install.hidden,.ios-hint.hidden{display:none}.ios-hint{margin:14px auto 0;max-width:420px;padding:10px 14px;border-radius:14px;background:#07384ab8;color:#fff;font-size:15px;line-height:1.6}.ios-hint b{color:var(--gold)}.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)}}.flat{--cream: #FAF7F0;--fgold: #c9973a;--navy: #1b2a44;--maroon: #7a1f2b;position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;overflow:hidden;touch-action:manipulation}.fl-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:center / cover no-repeat;transition:filter .6s}.flat.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}.fl-kid{position:absolute;width:auto;filter:drop-shadow(0 14px 18px rgba(40,20,0,.35));pointer-events:none}.fl-opt{position:absolute;background:none;padding:0;text-align:center;transform-origin:50% 50%;z-index:1}.fl-opt.in{animation:optIn .5s cubic-bezier(.2,1.3,.4,1) both}.fl-swing{display:block;animation:bob 3.2s ease-in-out infinite;transform-origin:50% 100%}.fl-opt.hang{transform-origin:50% 0}.fl-opt.hang.in{animation:lureIn .55s cubic-bezier(.2,1.3,.4,1) both}.fl-opt.hang .fl-swing{animation:sway 3.4s ease-in-out infinite;transform-origin:50% 0}.fl-opt .fl-swing>:first-child{width:var(--img, 96px);display:block;margin:0 auto -4px;filter:drop-shadow(0 10px 12px rgba(40,20,0,.3));pointer-events:none}.fl-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}.fl-opt:hover .fl-plaque,.fl-opt:focus-visible .fl-plaque,.fl-opt.picked .fl-plaque{outline:4px solid rgba(250,247,240,.9);outline-offset:4px}.fl-opt:focus-visible{outline:none}.fl-opt.boss .fl-plaque{background:linear-gradient(180deg,#fff3cf,#f4d88e);border-color:#a8761e;box-shadow:0 0 26px #ffd26ee6,0 10px 22px #3c1e004d}.fl-opt.locked{pointer-events:none}.fl-opt.good .fl-plaque{background:#e3f6ec;border-color:var(--good);color:#0b5e40}.fl-opt.bad .fl-plaque{background:#fbe4e7;border-color:var(--bad);color:#8e1f33}.fl-opt.shake .fl-swing{animation:shake .45s both,bob 3.2s ease-in-out .45s infinite}.fl-opt.hang.shake .fl-swing{animation:shake .45s both,sway 3.4s ease-in-out .45s infinite}.fl-opt.dim{opacity:.45}.fl-opt.gone{animation:lureGone .35s both}.fl-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}.fl-bubble.right{border-radius:16px 16px 4px}.flat.tall .fl-bubble{font-size:15px}.fl-bubble.pop{animation:pop .35s both}.fl-fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.fl-p{position:absolute;width:10px;height:10px;margin:-5px;border-radius:50%;animation:fwP .85s ease-out both}.fl-p.gold{background:radial-gradient(circle,#fff6d0,#f1c45a 60%,#f1c45a00)}.fl-p.feather{width:7px;height:16px;border-radius:50%/70% 70% 30% 30%;background:#8a6a48}.fl-p.thread{width:4px;height:15px;margin:-7px -2px;border-radius:2px;background:linear-gradient(180deg,#a32a3a,#7a1f2b)}.fl-p.henna{width:7px;height:7px;margin:-3.5px;background:#7a3a1c}.fl-p.grain{width:6px;height:9px;margin:-4px -3px;border-radius:50%;background:#e9cf8a}.fl-p.heart{width:auto;height:auto;margin:-10px;border-radius:0;background:none;color:#c0394b;font-size:20px;line-height:1}.fl-p.heart:before{content:"♥"}.fl-p.dust{width:22px;height:22px;margin:-11px;background:radial-gradient(circle,#e2be88d9,#e2be8800 70%);animation-duration:1.1s}@keyframes sway{0%,to{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(3deg) translateY(-10px)}}@keyframes bob{0%,to{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-8px) rotate(1.5deg)}}@keyframes lureIn{0%{transform:translateY(-140%);opacity:0}to{transform:none;opacity:1}}@keyframes optIn{0%{transform:translateY(40px) scale(.6);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}}.fw-bird{position:absolute;left:0;top:0;will-change:transform;z-index:2;filter:drop-shadow(0 14px 18px rgba(40,20,0,.35));pointer-events:none}.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}.cw-camel{position:absolute;left:0;top:0;will-change:transform;transform-origin:50% 100%;pointer-events:none}.cw-camel img{position:relative;width:100%;display:block;filter:drop-shadow(0 10px 10px rgba(70,35,10,.28))}.cw-camel.trip img{animation:trip .7s ease-out both;transform-origin:70% 100%}.cw-shadow{position:absolute;left:14%;right:10%;bottom:-8px;height:16px;border-radius:50%;background:radial-gradient(ellipse,#50280a61,#50280a00 70%)}.cw-finish{position:absolute;width:10px;pointer-events:none}.cw-finish i{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:3px;background:repeating-conic-gradient(var(--navy) 0 25%,var(--cream) 0 50%) 0 0 / 10px 10px;box-shadow:0 4px 10px #2814004d}.cw-finish b{position:absolute;left:8px;top:0;width:46px;height:32px;background:linear-gradient(180deg,var(--maroon),#5e1621);clip-path:polygon(0 0,100% 50%,0 100%);transform-origin:0 50%;animation:flutter 1.6s ease-in-out infinite}.cw.tall .cw-finish b{left:auto;right:8px;transform-origin:100% 50%;clip-path:polygon(100% 0,0 50%,100% 100%)}.cw-sign .fl-swing{position:relative;animation:none;padding-bottom:30px}.cw-sign .fl-swing:before,.cw-sign .fl-swing:after{content:"";position:absolute;bottom:0;width:8px;height:34px;border-radius:3px;background:linear-gradient(90deg,#8a5a2b,#b9844a,#7a4a20);box-shadow:0 4px 6px #2814004d;z-index:-1}.cw-sign .fl-swing:before{left:18%}.cw-sign .fl-swing:after{right:18%}.cw-sign svg{overflow:visible}.cw-sign svg .pen{transform-box:fill-box;transform-origin:50% 0;animation:flutter 1.8s ease-in-out infinite}.cw-sign.shake .fl-swing{animation:shake .45s both}.cw-sign.gone{animation:signGone .45s both}@keyframes trip{0%{transform:none}30%{transform:rotate(7deg) translateY(4px)}60%{transform:rotate(-3deg)}to{transform:none}}@keyframes flutter{0%,to{transform:skewY(0) scaleX(1)}50%{transform:skewY(-6deg) scaleX(.9)}}@keyframes signGone{to{transform:translateY(-30px) scale(.7);opacity:0}}.sw-loom{position:absolute;z-index:0}.sw-loom.rise{animation:optIn .7s both}.sw-loom.jolt{animation:shake .45s both}.sw-loom:before,.sw-loom:after{content:"";position:absolute;top:-18px;bottom:-18px;width:14px;border-radius:7px;background:linear-gradient(90deg,#7a4a20,#b9844a,#7a4a20);box-shadow:0 8px 14px #28140066}.sw-loom:before{left:-4px}.sw-loom:after{right:-4px}.sw-warp,.sw-rug{position:absolute;top:0;right:3%;bottom:0;left:3%}.sw-warp{background:repeating-linear-gradient(90deg,#faf7f0eb 0,#faf7f0eb 2px,#faf7f000 2px,#faf7f000 10px),linear-gradient(180deg,#2d1c10d6,#3e2614bd);box-shadow:inset 0 0 22px #00000059}.sw-rug{background:center / cover no-repeat;box-shadow:0 -2px #faf7f099}.sw-loom.done .sw-rug{animation:rugGlow 1.2s both}.sw-line{position:absolute;left:1%;right:1%;height:4px;margin-bottom:-2px;border-radius:2px;background:linear-gradient(90deg,#f1cf7c00,#f1cf7c 20%,#f1cf7c 80%,#f1cf7c00);box-shadow:0 0 12px #f1cf7ce6;transition:opacity .3s}.sw-beam{position:absolute;left:-10px;right:-10px;height:20px;border-radius:10px;background:linear-gradient(180deg,#c48d52,#7a4a20);box-shadow:0 6px 12px #28140073}.sw-beam.top{top:-12px}.sw-beam.bot{bottom:-12px}.sw-knots{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sw-knot{position:absolute;width:48px;height:48px;margin:0 0 -24px -24px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.4));animation:pop .35s both,shake .5s .35s both}.sw-knot.undo{animation:lureGone .5s both}.sw-shuttle .fl-swing>img{transform:rotate(-6deg);margin-bottom:-10px;position:relative;z-index:1}.sw-fly{position:absolute;left:0;top:0;visibility:hidden;z-index:3;filter:drop-shadow(0 10px 12px rgba(40,20,0,.35));pointer-events:none}.sw-fly.boss{filter:drop-shadow(0 0 14px rgba(255,210,110,.95))}@keyframes rugGlow{0%{filter:none}40%{filter:brightness(1.25) drop-shadow(0 0 24px rgba(255,220,140,.95))}to{filter:none}}.hw-hand{position:absolute;z-index:0}.hw-hand.rise{animation:optIn .7s both}.hw-hand.flinch img{animation:shake .45s both}.hw-hand img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.hw-blank{filter:drop-shadow(0 16px 20px rgba(40,20,0,.4))}.hw-halo{position:absolute;left:50%;top:44%;width:175%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#faf7f0e6 0,#faf7f0e6 46%,#faf7f08c 56%,#faf7f000 70%);box-shadow:inset 0 0 0 3px #c9973a00}.hw-halo:after{content:"";position:absolute;top:15%;right:15%;bottom:15%;left:15%;border-radius:50%;border:3px dashed rgba(201,151,58,.55)}.hw-hand.done .hw-full{animation:rugGlow 1.2s both}.hw-smudges{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hw-smudge{position:absolute;width:34%;margin:0 0 0 -17%;animation:pop .3s both,shake .45s .3s both}.hw-smudge svg{display:block;width:100%}.hw-smudge.wipe{animation:wipe .6s ease-in both}.hw-pick .fl-swing>svg{margin:0 auto -8px;position:relative;z-index:1;transform:rotate(-12deg)}.hw-fly{position:absolute;left:0;top:0;visibility:hidden;z-index:3;pointer-events:none;transform-origin:50% 100%;filter:drop-shadow(0 8px 10px rgba(40,20,0,.35))}.hw-fly svg{display:block;width:100%}.hw-fly.boss{filter:drop-shadow(0 0 12px rgba(255,210,110,.95))}@keyframes wipe{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 0 100%);opacity:.4}}.ow-foal{position:absolute;z-index:0;transform-origin:50% 100%;transition:left .6s,top .6s,width .6s,height .6s}.ow-foal img{position:relative;width:100%;height:100%;display:block;filter:drop-shadow(0 12px 14px rgba(70,40,10,.3))}.ow-shadow{position:absolute;left:10%;right:12%;bottom:-10px;height:22px;border-radius:50%;background:radial-gradient(ellipse,#5a371466,#5a371400 70%)}.ow-foal.rise{animation:optIn .7s both}.ow-foal.hop{animation:hop .6s ease-out both}.ow-foal.shy{animation:shy 1.1s ease-in-out both}.ow-pick .fl-swing>svg{margin:0 auto -6px;position:relative;z-index:1}.ow-fly{position:absolute;left:0;top:0;visibility:hidden;z-index:3;pointer-events:none;transform-origin:50% 50%;filter:drop-shadow(0 8px 10px rgba(40,20,0,.35))}.ow-fly svg{display:block;width:100%}.ow-fly.boss{filter:drop-shadow(0 0 12px rgba(255,210,110,.95))}@keyframes hop{0%,to{transform:none}35%{transform:translateY(-7%) scaleY(1.03)}60%{transform:translateY(0) scaleY(.97)}}@keyframes shy{0%{transform:none}25%{transform:translate(9%) rotate(3deg)}45%{transform:translate(7%) rotate(-2deg)}to{transform:none}}body.w-flat .hud-top{align-items:center;gap:10px;flex-wrap:wrap}body.w-flat .stats{flex-direction:row;gap:8px;align-items:center}body.w-flat .stat,body.w-flat .streak,body.w-flat .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-flat .stat b{color:#e2b45a}body.w-flat .mini-pearl{width:auto;height:auto;background:none;font-style:normal}body.w-flat .mini-pearl:before{content:var(--icon, "🪶")}body.w-flat .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-flat .streak:before{content:"🔥"}body.w-flat .vitals{display:flex;align-items:center;gap:12px;max-width:none;margin:0;padding:0;background:none;border:0}body.w-flat .o2-label{order:2;margin:0;display:flex;align-items:center;white-space:nowrap}body.w-flat #meterLabel:empty{display:none}body.w-flat .bar.prog{order:1;flex:1;height:12px;margin:0;background:#1b2a4473;border:1px solid rgba(250,247,240,.5)}body.w-flat .bar.prog i{background:linear-gradient(90deg,#c9973a,#f1cf7c)}body.w-flat #btnMute{border-radius:999px;background:#1b2a44c7;border-color:#c9973a8c}body.w-flat #seatBtns{display:none!important}body.w-flat .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-flat .hud-bottom .actions{display:contents}body.w-flat .prompt{order:1;background:none;border:0;padding:0 4px;color:#1b2a44;font-weight:800;font-size:19px}body.w-flat #btnHear{order:0;min-height:44px;border-radius:999px;padding:8px 18px;background:#1b2a44;color:#faf7f0;box-shadow:none;font-weight:800}body.w-flat #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-flat .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-flat .ladder{background:#1b2a44c7;border-color:#c9973a8c}@media (max-aspect-ratio: 1/1){body.w-flat .stat,body.w-flat .streak,body.w-flat .o2-label{font-size:15px;padding:5px 12px;min-height:32px}body.w-flat .vitals{flex-basis:100%;order:3;flex-wrap:wrap}body.w-flat .o2-label{order:0}body.w-flat .bar.prog{flex-basis:100%}body.w-flat .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-flat .prompt{flex-basis:100%;order:-1;font-size:15px}body.w-flat #btnHear,body.w-flat #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}}