@font-face{font-family:Lilita One;font-style:normal;font-display:swap;font-weight:400;src:url(./lilita-one-latin-400-normal-87r-Z-Re.woff2) format("woff2"),url(./lilita-one-latin-400-normal-DXkechA3.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(./nunito-latin-600-normal-Br8yIETf.woff2) format("woff2"),url(./nunito-latin-600-normal-Cd0eNu1l.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(./nunito-latin-800-normal-Dz8SOQK_.woff2) format("woff2"),url(./nunito-latin-800-normal-D-J0wlBY.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(./nunito-latin-900-normal-BVB1fGs6.woff2) format("woff2"),url(./nunito-latin-900-normal-CVn49sIn.woff) format("woff")}:root{--bg:#FFFFFF;--bg-deep:#D9DED9;--panel:#FFFFFF;--panel-2:#F3F5F1;--chip:#F4F1EA;--line:rgba(29,43,83,.18);--off:rgba(29,43,83,.18);--wood:#2F7FD1;--wood-dark:#1F5FB0;--cell-a:#FFFFFF;--cell-b:#EEF1EC;--on-wood:#FFFFFF;--ink:#1D2B53;--muted:#5C6660;--accent:#FFC93C;--accent-dark:#9A6A00;--pepper:#E5402A;--jollof:#D9480F;--leaf:#0E6B3F;--k1:#0E6B3F;--k2:#D9480F;--ankara:linear-gradient(45deg,var(--k1) 25%,transparent 25%,transparent 75%,var(--k1) 75%) 0 0/16px 16px,linear-gradient(45deg,var(--k1) 25%,transparent 25%,transparent 75%,var(--k1) 75%) 8px 8px/16px 16px,var(--k2);--display:"Lilita One","Arial Rounded MT Bold","Trebuchet MS",system-ui,sans-serif;--body:"Nunito",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color-scheme:light}[hidden]{display:none!important}html,body{height:100%;overscroll-behavior:none}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-weight:600;font-size:15px;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overflow-x:hidden}.app{max-width:560px;margin:0 auto;box-sizing:border-box;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}section{display:flex;flex-direction:column;gap:12px}@media(min-width:700px){.app{max-width:none}#game{min-height:100dvh}#game>*:not(.scene){width:100%;max-width:760px;margin-inline:auto;box-sizing:border-box;padding-inline:16px}}button{font:inherit;color:inherit}html{scroll-padding-top:112px}:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 6px #20150b!important}.btn{position:relative;overflow:hidden;font-family:var(--display);font-size:20px;letter-spacing:.02em;min-height:48px;color:#1d2b53;border:0;border-radius:16px;padding:10px 20px;background:linear-gradient(#ffe88a 0,#ffc93c 48%,#ffa914 52%,#ff9a00);text-shadow:0 1px 0 rgba(255,255,255,.5);box-shadow:0 5px #b35f00,0 8px 10px #00000038,inset 0 2px #ffffffbf;cursor:pointer;transition:transform .08s,box-shadow .08s}.btn:active{transform:translateY(4px);box-shadow:0 1px #b35f00,0 2px 4px #00000038,inset 0 2px #ffffffbf}@media(hover:hover){.btn:not(:disabled):hover{transform:translateY(-1px)}.btn:not(:disabled):active{transform:translateY(4px)}}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{background:linear-gradient(#fff,#eaf3ff);color:var(--ink);text-shadow:none;box-shadow:0 5px #c4d6ec,0 8px 10px #00000029,inset 0 2px #fff}.btn.ghost:active{box-shadow:0 1px #c4d6ec,0 2px 4px #00000029,inset 0 2px #fff}.btn.sm{font-size:16px;padding:8px 14px;min-height:44px;border-radius:14px}.card .btn:not(.ghost):not(.sm):not(.danger):not(.share-wa):after{content:"";position:absolute;top:0;bottom:0;left:0;width:36%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.7),transparent);transform:translate(-160%) skew(-18deg);animation:btnshine 3.4s ease-in-out infinite}@keyframes btnshine{0%,60%{transform:translate(-160%) skew(-18deg)}to{transform:translate(420%) skew(-18deg)}}.icon-btn{background:var(--chip);border:0;border-radius:12px;padding:8px 12px;cursor:pointer;display:flex;align-items:center;gap:6px;font-weight:800}.icon-btn svg{width:20px;height:20px}.top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.logo{font-family:var(--display);font-weight:400;font-size:clamp(40px,12vw,58px);line-height:.9;margin:4px 0 0;color:var(--jollof);text-shadow:0 3px 0 #FFC93C}.logo span{color:var(--leaf)}.tag{margin:6px 0 0;color:var(--muted)}.bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pill{background:var(--chip);border-radius:999px;padding:6px 12px 6px 6px;font-family:var(--display);font-size:18px;display:flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}.pill svg{width:24px;height:24px}.pill .st{color:#f5a400;font-size:20px;padding-left:6px}.bar .btn{margin-left:auto}.inv-row{display:flex;gap:8px;flex-wrap:wrap}.inv{display:flex;align-items:center;gap:4px;background:var(--chip);border-radius:10px;padding:4px 10px 4px 4px;font-family:var(--display);font-size:16px}.inv svg{width:24px;height:24px}.next h3,.wars h3{font-family:var(--display);font-weight:400;font-size:22px;margin:0 0 8px}.soon{display:flex;flex-wrap:wrap;gap:8px}.soon span{background:var(--chip);border-radius:999px;padding:6px 12px;font-size:13px;color:var(--muted)}.soon b{color:var(--ink)}.wars{color:#fff;display:flex;gap:14px;align-items:center;background:linear-gradient(100deg,#0e6b3f 0 50%,#b8860b 50% 100%);border-radius:18px;padding:14px 16px}.wars .flags{font-family:var(--display);font-size:28px;line-height:1;text-shadow:0 2px 0 rgba(0,0,0,.35);flex:none}.wars p{margin:0;font-size:13px}.wars h3{margin:0 0 2px}#game{position:relative;padding-top:14px;--ankara:linear-gradient(45deg,var(--k1) 25%,transparent 25%,transparent 75%,var(--k1) 75%) 0 0/16px 16px,linear-gradient(45deg,var(--k1) 25%,transparent 25%,transparent 75%,var(--k1) 75%) 8px 8px/16px 16px,var(--k2);--sky1:#2FA8F2;--sky2:#8FDDFF;--sky3:#FFFFFF;--sil:#A8672F;--sun:#FFF1A0;--cloud:rgba(255,255,255,.95);--aw1:#F0452A;--aw2:#FFF5DE;--k1:#0E6B3F;--k2:#D9480F;--d-towers:none;--d-palms:none;--d-rock:none;--d-minaret:none;--d-roofs:none;--d-rig:none;--d-hills:none;--d-stalls:inline;--d-twk:none}#game[data-city=lagos]{--sky1:#3FA6F0;--sky2:#A8E0FF;--sky3:#FFFFFF;--sil:#8A5CC8;--sun:#FFF3A8;--cloud:rgba(255,255,255,.92);--aw1:#FF5A36;--aw2:#FFE08A;--k1:#0E6B3F;--k2:#D9480F;--d-towers:inline;--d-stalls:none}#game[data-city=calabar]{--sky1:#18B4D0;--sky2:#7DEBD2;--sky3:#FFFFFF;--sil:#16996F;--sun:#FFE066;--aw1:#E5402A;--aw2:#FFD54A;--k1:#7B4FB8;--k2:#FFC93C;--d-palms:inline;--d-stalls:none}#game[data-city=abuja]{--sky1:#2F90EE;--sky2:#82CBFF;--sky3:#EAF7FF;--sil:#5F8E6B;--sun:#FFF6B8;--aw1:#0E6B3F;--aw2:#FFFFFF;--k1:#0E6B3F;--k2:#F4F1EA;--d-rock:inline;--d-stalls:none}#game[data-city=kano]{--sky1:#3C9CEA;--sky2:#BFE6FF;--sky3:#FFFFFF;--sil:#A0607E;--sun:#FFF0B0;--cloud:rgba(255,255,255,.88);--aw1:#2E9E5B;--aw2:#FFF5DE;--k1:#1E2A6B;--k2:#E0A800;--d-minaret:inline;--d-stalls:none}#game[data-city=kaduna]{--sky1:#43A8BC;--sky2:#B2EAD0;--sky3:#FFFFFF;--sil:#4C8F77;--sun:#FFF6B8;--aw1:#2F7FD1;--aw2:#FFF5DE;--k1:#2D5A4B;--k2:#E98A1C;--d-hills:inline;--d-minaret:inline;--d-stalls:none}#game[data-city=ibadan]{--sky1:#4DB5F5;--sky2:#BDE6FF;--sky3:#FFFFFF;--sil:#B25A36;--sun:#FFF6C4;--aw1:#B04A2A;--aw2:#FFC93C;--k1:#6B2E1B;--k2:#E5402A;--d-roofs:inline;--d-stalls:none}#game[data-city=enugu]{--sky1:#35B070;--sky2:#A4EBA0;--sky3:#F6FFD4;--sil:#2F8A55;--sun:#FFF6B8;--aw1:#0E6B3F;--aw2:#FFC93C;--k1:#1F5E3A;--k2:#2F7FD1;--d-hills:inline;--d-stalls:none}#game[data-city=portharcourt]{--sky1:#2F8EE2;--sky2:#7CC8F5;--sky3:#FFFFFF;--sil:#3E6FA8;--sun:#FFF0B0;--cloud:rgba(255,255,255,.9);--aw1:#2F7FD1;--aw2:#FFF5DE;--k1:#0C1B3F;--k2:#13A39E;--d-rig:inline;--d-stalls:none}#game[data-city=onitsha]{--sky1:#5BC0F5;--sky2:#C4EBFF;--sky3:#FFFFFF;--sil:#B4562F;--sun:#FFF6C4;--aw1:#E5402A;--aw2:#FFC93C;--k1:#6A2C13;--k2:#FFC93C;--d-stalls:inline}.scene{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:linear-gradient(180deg,var(--sky1) 0,var(--sky2) 55%,var(--sky3) 100%)}.scene>*{position:absolute}.sun{right:12%;top:13%;width:84px;height:84px;border-radius:50%;background:radial-gradient(circle,#fff 0,var(--sun) 34%,rgba(255,255,255,0) 68%);animation:sunpulse 5s ease-in-out infinite}@keyframes sunpulse{50%{transform:scale(1.12)}}.cloud{left:0;top:18%;width:96px;height:28px;border-radius:99px;background:var(--cloud);--s:1;animation:drift 80s linear infinite;will-change:transform}.cloud:before,.cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.cloud:before{width:44px;height:44px;left:14px;top:-22px}.cloud:after{width:34px;height:34px;left:52px;top:-14px}.cloud.c1{top:16%;animation-delay:-28s}.cloud.c2{top:29%;--s:.7;animation-duration:110s;animation-delay:-70s}.cloud.c3{top:42%;--s:.5;animation-duration:140s;animation-delay:-10s}@keyframes drift{0%{transform:translate(-160px) scale(var(--s))}to{transform:translate(calc(100vw + 60px)) scale(var(--s))}}.twk{display:var(--d-twk);width:3px;height:3px;border-radius:50%;background:#fff;opacity:0;animation:twinkle 2.8s ease-in-out infinite}.twk.t1{left:10%;top:9%}.twk.t2{left:26%;top:20%;animation-delay:.7s}.twk.t3{left:44%;top:7%;animation-delay:1.4s}.twk.t4{left:63%;top:17%;animation-delay:.3s}.twk.t5{left:81%;top:8%;animation-delay:2s}.twk.t6{left:92%;top:24%;animation-delay:1.1s}@keyframes twinkle{0%,to{opacity:0;transform:scale(.6)}50%{opacity:1;transform:scale(1.6)}}.skyline{left:0;bottom:0;width:100%;height:34vh;max-height:320px;min-height:150px}.skyline .far{fill:var(--sil);opacity:.32}.sil{fill:var(--sil);stroke:var(--sil);stroke-linejoin:round;display:none}.sil-towers{display:var(--d-towers)}.sil-palms{display:var(--d-palms)}.sil-rock{display:var(--d-rock)}.sil-minaret{display:var(--d-minaret)}.sil-roofs{display:var(--d-roofs)}.sil-rig{display:var(--d-rig)}.sil-hills{display:var(--d-hills)}.sil-stalls{display:var(--d-stalls)}.sil .flame{fill:#ff9a3c;stroke:#ffd36b}.awning{left:0;right:0;top:0;height:12px;background:repeating-linear-gradient(90deg,var(--aw1) 0 28px,var(--aw2) 28px 56px);box-shadow:0 2px #0000002e}.awning:after{content:"";position:absolute;left:0;right:0;top:100%;height:14px;background:radial-gradient(circle at 14px 0,var(--aw1) 13.5px,transparent 14px) 0 0/56px 14px repeat-x,radial-gradient(circle at 42px 0,var(--aw2) 13.5px,transparent 14px) 0 0/56px 14px repeat-x}.gtop{display:flex;align-items:center;justify-content:space-between;gap:8px}#game .icon-btn{background:linear-gradient(#fff,#eaf3ff);color:var(--ink);border-radius:14px;box-shadow:0 3px #c4d6ec,inset 0 1px #fff;transition:transform .08s,box-shadow .08s}#game .icon-btn:active{transform:translateY(2px);box-shadow:0 1px #c4d6ec,inset 0 1px #fff}.lvl{flex:1;min-width:0;margin:0;font-weight:400;font-family:var(--display);font-size:19px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink);background:#fff;border-radius:14px;padding:8px 12px;box-shadow:0 3px #00000040,inset 0 0 0 2px #ffc93c99}.hud{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.moves,.score{position:relative;display:grid;place-content:center;text-align:center;overflow:hidden}.moves:before,.score:before{content:"";position:absolute;left:12%;top:6%;width:52%;height:28%;border-radius:50%;background:linear-gradient(#ffffffd9,#fff0);transform:rotate(-18deg);pointer-events:none}.moves b,.score b{position:relative;font-family:var(--display);font-weight:400;display:block;font-variant-numeric:tabular-nums}.moves span,.score span{position:relative;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.moves{width:76px;height:76px;border-radius:50%;color:#1d2b53;background:radial-gradient(circle at 36% 26%,#fff0a0 0,#ffb82e 42%,#ea6a1a);box-shadow:0 0 0 3px #fff5de,0 5px 0 3px #e07a00,inset 0 -5px #0003}.moves b{font-size:34px;line-height:1;text-shadow:0 1px 0 rgba(255,255,255,.55)}.moves span{color:#1d2b53;margin-top:-1px}.moves.low{color:#fff;background:radial-gradient(circle at 36% 26%,#c8301a 0,#b02a16 45%,#8a1f0e);box-shadow:0 0 0 3px #fff5de,0 5px 0 3px #6e1306,inset 0 -5px #00000040;animation:lowpulse .8s ease-in-out infinite}.moves.low b{text-shadow:0 2px 0 rgba(0,0,0,.4)}.moves.low span{color:#fff}.moves.low:after{content:"!";position:absolute;right:9px;top:5px;font-family:var(--display);font-size:16px;line-height:1;color:#fff;text-shadow:0 1px 0 #6E1306}@keyframes lowpulse{50%{transform:scale(1.09)}}.moves.bump b{animation:bump .3s cubic-bezier(.3,1.8,.5,1)}@keyframes bump{40%{transform:scale(1.35)}}.score{min-width:84px;padding:7px 12px 8px;border-radius:18px;color:#fff;background:linear-gradient(#7c5cd6,#4b33a0);box-shadow:0 0 0 3px #fff5de,0 5px 0 3px #1f1245,inset 0 -4px #00000038}.score b{font-size:24px;line-height:1.1;text-shadow:0 2px 0 rgba(0,0,0,.35)}.score span{color:#fff}.goals{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.goal{display:flex;align-items:center;gap:5px;padding:3px 12px 3px 4px;border-radius:999px;color:var(--ink);background:linear-gradient(#fff,#eaf3ff);font-family:var(--display);font-size:19px;font-variant-numeric:tabular-nums;box-shadow:0 3px #c4d6ec,inset 0 1px #fff}.goal b{display:inline-block;font-weight:400}.goal.done{color:#fff;background:linear-gradient(#0f6b38,#0a5028);box-shadow:0 3px #06361b,inset 0 1px #ffffff80;text-shadow:0 1px 0 rgba(0,0,0,.3)}.goal.just{animation:goalpop .6s cubic-bezier(.3,1.8,.5,1)}.goal.just b{animation:bump .55s cubic-bezier(.3,1.8,.5,1)}.goal.tick b{animation:bump .3s cubic-bezier(.3,1.8,.5,1)}@keyframes goalpop{0%{transform:scale(1)}35%{transform:scale(1.3) rotate(-4deg)}70%{transform:scale(.96) rotate(2deg)}to{transform:none}}.gi{position:relative;width:30px;height:30px;display:inline-grid;place-items:center;flex:none}.gi svg{position:relative;width:100%;height:100%}.gi.lit:before{content:"";position:absolute;inset:-35%;border-radius:50%;background:radial-gradient(circle,#ffe07af2 0,#ffe07a00 62%);animation:bulbglow 1.8s ease-in-out infinite}@keyframes bulbglow{0%,to{transform:scale(.8);opacity:.6}50%{transform:scale(1.15);opacity:1}}.mini{width:30px;height:30px;border-radius:50%;background:var(--p);display:grid;place-items:center;box-shadow:inset 0 -2px #00000038,inset 0 1px #ffffff73}.mini svg{width:84%;height:84%}.starbar{position:relative;height:14px;margin:6px 18px 12px}.trk{height:100%;border-radius:99px;overflow:hidden;background:#2f7fd138;box-shadow:inset 0 2px 3px #1d2b532e,0 0 0 2px #fff}#barfill{position:relative;width:100%;height:100%;transform:scaleX(0);transform-origin:0 50%;overflow:hidden;transition:transform .45s cubic-bezier(.3,1.15,.5,1);background:linear-gradient(#ffe88a 0,#ffc93c 45%,#ff9a00)}#barfill:after{content:"";position:absolute;top:0;bottom:0;left:0;width:30%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.85),transparent);animation:shine 2.4s ease-in-out infinite}@keyframes shine{0%{transform:translate(-120%)}60%,to{transform:translate(420%)}}.starbar i{position:absolute;top:50%;z-index:1;font-style:normal;font-size:30px;line-height:1;transform:translate(-50%,-50%);color:transparent;-webkit-text-stroke:2.5px #FFF5DE;text-shadow:0 2px 0 rgba(29,43,83,.5)}.starbar i.on{color:#ffc93c;-webkit-text-stroke:2.5px #8E5A00;text-shadow:0 3px 0 #8E5A00;animation:starpop .7s cubic-bezier(.3,1.7,.5,1)}@keyframes starpop{0%{transform:translate(-50%,-50%) scale(.4) rotate(-40deg)}50%{transform:translate(-50%,-50%) scale(1.7) rotate(10deg)}to{transform:translate(-50%,-50%) scale(1.15)}}.spark{position:absolute;z-index:6;width:12px;height:12px;margin:-6px 0 0 -6px;pointer-events:none;background:#ffe27a;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:spark .7s ease-out forwards}@keyframes spark{to{transform:translate(calc(var(--dx) * .6px),calc(var(--dy) * .6px)) scale(.2) rotate(200deg);opacity:0}}.board-wrap{position:relative;display:flex;justify-content:center;padding-bottom:8px}.board{position:relative;width:min(100%,520px,max(260px,calc(100vh - 350px)));aspect-ratio:1;max-width:100%;border-radius:22px;background:radial-gradient(circle,#FFF4B8 0,#E0A800 3px,#7A4E00 5px,transparent 5.5px) left 1px top 1px/13px 13px no-repeat,radial-gradient(circle,#FFF4B8 0,#E0A800 3px,#7A4E00 5px,transparent 5.5px) right 1px top 1px/13px 13px no-repeat,radial-gradient(circle,#FFF4B8 0,#E0A800 3px,#7A4E00 5px,transparent 5.5px) left 1px bottom 1px/13px 13px no-repeat,radial-gradient(circle,#FFF4B8 0,#E0A800 3px,#7A4E00 5px,transparent 5.5px) right 1px bottom 1px/13px 13px no-repeat,var(--ankara);box-shadow:0 0 0 3px #fff,0 9px 0 3px #c4d6ec,0 16px 20px #00000040,inset 0 2px #fff6;touch-action:none;transition:box-shadow .2s}@supports (height:100dvh){.board{width:min(100%,520px,max(260px,calc(100dvh - 350px)))}}.board.aiming{box-shadow:0 0 0 4px var(--pepper),0 9px 0 4px #6e1306,0 16px 20px #00000073;cursor:crosshair}.inner{position:absolute;inset:5%;overflow:hidden;border-radius:10px;contain:layout paint;background:#fff;box-shadow:0 0 0 3px #fff,0 0 0 5px #ffc93c,0 0 0 6px #7a4e00}.cells,.tiles,.fx{position:absolute;inset:0}.tiles,.fx{contain:layout}.fx{pointer-events:none}.cellbg{position:absolute;width:12.5%;height:12.5%;background:var(--cell-a);box-shadow:inset 0 1px 3px #0000001f}.cellbg.alt{background:var(--cell-b)}.cellbg.b1{background:radial-gradient(circle at 45% 40%,#5c3a1e 0,#3c2310 70%);box-shadow:inset 0 0 0 1px #0000004d}.cellbg.b2{background:radial-gradient(circle at 45% 40%,#25150a 0,#0f0804 70%);box-shadow:inset 0 0 0 1px #0006}.cellbg.b1:after{content:"";position:absolute;right:8%;top:8%;width:34%;height:34%;border-radius:50%;background:radial-gradient(circle,#bebebe99,#bebebe00 70%);animation:smoke 2.6s ease-out infinite}.cellbg.b2:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 8px 2px #ff781ef2;animation:ember 1.3s ease-in-out infinite}.cellbg.b2:before{content:"";position:absolute;left:8%;top:8%;width:34%;height:34%;border-radius:50%;background:radial-gradient(circle,#aaa9,#aaa0 70%);animation:smoke 2.2s 1s ease-out infinite}@keyframes smoke{0%{transform:translateY(40%) scale(.5);opacity:0}30%{opacity:.85}to{transform:translateY(-120%) scale(1.4);opacity:0}}@keyframes ember{0%,to{opacity:.25}50%{opacity:1}}.tile{position:absolute;left:0;top:0;width:12.5%;height:12.5%;transition:transform .28s cubic-bezier(.45,.05,.55,1.25)}.plate{position:absolute;inset:6%;border-radius:50%;overflow:hidden;transform-origin:50% 85%;background:radial-gradient(circle at 36% 26%,color-mix(in srgb,var(--p) 38%,#fff) 0,var(--p) 46%,color-mix(in srgb,var(--p) 64%,#000) 100%);box-shadow:inset 0 -4px #00000042,inset 0 2px #ffffff80,inset 0 0 0 1.5px #ffffff29,0 2px #0006,0 3px 4px #0000004d;transition:transform .15s}.plate:after{content:"";position:absolute;left:14%;top:5%;width:54%;height:30%;border-radius:50%;pointer-events:none;background:linear-gradient(#ffffff9e,#ffffff0a);transform:rotate(-22deg)}.plate svg.food{position:absolute;left:8%;top:8%;width:84%;height:84%}.tile.sel{z-index:2}.tile.sel .plate{animation:selbounce .55s ease-in-out infinite;box-shadow:0 0 0 3px var(--accent),0 0 12px var(--accent),inset 0 -4px #00000042}@keyframes selbounce{0%,to{transform:scale(1.1) translateY(0)}50%{transform:scale(1.2) translateY(-7%)}}.tile.cursor .plate{box-shadow:0 0 0 3px #fff,0 0 12px #fffc,inset 0 -4px #00000042}.tile.pop{z-index:2}.tile.pop .plate{animation:pop .3s ease-in forwards}.tile.pop .badge,.tile.pop .lock,.tile.pop .halo{opacity:0}.tile.pop:before{content:"";position:absolute;inset:8%;border-radius:50%;background:#fff8e0;pointer-events:none;animation:popflash .3s ease-out forwards}@keyframes pop{0%{transform:scale(1)}35%{transform:scale(1.3) rotate(6deg)}to{transform:scale(0) rotate(-24deg);opacity:0}}@keyframes popflash{0%{transform:scale(.7);opacity:.9}to{transform:scale(1.7);opacity:0}}.plate.land{animation:land .36s ease-out}@keyframes land{0%{transform:scale(1.14,.8)}40%{transform:scale(.92,1.12)}70%{transform:scale(1.04,.97)}to{transform:none}}.tile.hint .plate{animation:wiggle .9s ease-in-out infinite}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-11deg) scale(1.1)}75%{transform:rotate(11deg) scale(1.1)}}.tile.shake .plate{animation:shake .3s}@keyframes shake{25%{transform:translate(-12%)}75%{transform:translate(12%)}}.tile.mix .plate{animation:mix .45s}@keyframes mix{50%{transform:scale(.4) rotate(180deg)}}.tile.born .plate{animation:born .45s cubic-bezier(.3,1.6,.6,1)}@keyframes born{0%{transform:scale(.3)}to{transform:scale(1)}}.halo{position:absolute;inset:-3%;border-radius:50%;pointer-events:none}.sp-gen .halo{background:conic-gradient(#fff5de,#ffc93c,#ff9a00,#ffc93c,#fff5de,#ffc93c,#ff9a00,#ffc93c,#fff5de);animation:spin 2.6s linear infinite}.sp-pot .halo{background:conic-gradient(#ff4b1f,#ffe07a,#e5402a,#ffc93c,#ff4b1f,#ffe07a,#e5402a,#ffc93c,#ff4b1f);animation:spin 1.6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sp-pot .plate svg.food{animation:potbob 1.1s ease-in-out infinite}@keyframes potbob{50%{transform:translateY(-6%) scale(1.06)}}.sp-gen .plate,.sp-pot .plate{box-shadow:inset 0 -4px #00000042,inset 0 2px #ffffff80,0 0 0 2px #fff5de}.sp-gen:after,.sp-pot:after{content:"";position:absolute;right:4%;top:4%;width:24%;height:24%;pointer-events:none;background:#fff;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:twinkle2 1.1s ease-in-out infinite}@keyframes twinkle2{0%,to{transform:scale(.4) rotate(0);opacity:.3}50%{transform:scale(1.1) rotate(45deg);opacity:1}}.stripe{position:absolute;inset:-12px 0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 6px,rgba(255,255,255,.58) 6px 9px);animation:stripeH .7s linear infinite}.sp-v .stripe{inset:0 -12px;background:repeating-linear-gradient(90deg,transparent 0 6px,rgba(255,255,255,.58) 6px 9px);animation-name:stripeV}@keyframes stripeH{to{transform:translateY(9px)}}@keyframes stripeV{to{transform:translate(9px)}}.badge{position:absolute;right:-2%;top:-2%;width:44%;height:44%;pointer-events:none}.badge:before{content:"";position:absolute;inset:16% 8% -2%;border-radius:50%;background:#0006}.sp-h .badge,.sp-v .badge,.sp-gen .badge{animation:badgewig 1.2s ease-in-out infinite}@keyframes badgewig{50%{transform:rotate(14deg) scale(1.12)}}.badge svg{position:relative;width:100%;height:100%}.lock{position:absolute;inset:4%;pointer-events:none}.lock.nepa{background:#080c1ea8;border-radius:24%;box-shadow:inset 0 0 0 2px #96aae68c}.lock.nepa:before{content:"";position:absolute;inset:0;border-radius:24%;box-shadow:inset 0 0 0 2px #bfe0ff,inset 0 0 8px #78beffd9;animation:zap 1.7s steps(1,end) infinite}.lock.nepa:after{content:"";position:absolute;left:10%;top:10%;width:22%;height:22%;background:#fff2a8;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:zap2 1.7s steps(1,end) infinite}.lock.nepa svg{position:absolute;right:4%;bottom:4%;width:44%;height:44%;animation:bulbflick 1.7s steps(1,end) infinite}@keyframes zap{0%{opacity:1}12%{opacity:.15}16%{opacity:1}44%{opacity:.3}48%{opacity:1}76%{opacity:.1}80%{opacity:.9}}@keyframes zap2{0%{opacity:0}12%{opacity:1}16%{opacity:0}44%{opacity:1}48%{opacity:0}76%{opacity:1}80%{opacity:0}}@keyframes bulbflick{0%{opacity:1}12%{opacity:.35}16%{opacity:1}44%{opacity:.5}48%{opacity:1}}.lock.fly{background:#5064144d;border-radius:50%}.lock.fly svg{position:absolute;left:16%;top:8%;width:68%;height:68%;animation:buzz .4s ease-in-out infinite alternate}@keyframes buzz{0%{transform:translate(-8%,2%) rotate(-10deg)}to{transform:translate(8%,-6%) rotate(10deg)}}.tile.lit:after{content:"";position:absolute;inset:-25%;border-radius:50%;pointer-events:none;z-index:3;background:radial-gradient(circle,#ffec96f2 0,#ffc83c80 40%,#ffc83c00 70%);animation:litglow .9s ease-out forwards}@keyframes litglow{0%{transform:scale(.3);opacity:1}to{transform:scale(1.6);opacity:0}}.beam{position:absolute;pointer-events:none}.beam.h{background:linear-gradient(transparent 0,rgba(255,201,60,.55) 25%,#FFF8D8 50%,rgba(255,201,60,.55) 75%,transparent 100%);animation:beamH .46s ease-out forwards}.beam.v{background:linear-gradient(90deg,transparent 0,rgba(255,201,60,.55) 25%,#FFF8D8 50%,rgba(255,201,60,.55) 75%,transparent 100%);animation:beamV .46s ease-out forwards}.beam.gen,.beam.gen5,.beam.spot{background:radial-gradient(closest-side,#fff8d8 0,#ffc93cbf 55%,#ff8c2800);animation:beamR .5s ease-out forwards}.beam.flash{background:#fff5de;animation:flash .45s ease-out forwards}@keyframes beamH{0%{transform:scaleY(.1);opacity:1}30%{transform:scaleY(1.05);opacity:1}to{transform:scaleY(1.3);opacity:0}}@keyframes beamV{0%{transform:scaleX(.1);opacity:1}30%{transform:scaleX(1.05);opacity:1}to{transform:scaleX(1.3);opacity:0}}@keyframes beamR{0%{transform:scale(.3);opacity:1}to{transform:scale(1.25);opacity:0}}@keyframes flash{0%{opacity:.85}to{opacity:0}}.ring{position:absolute;width:11%;height:11%;margin:-5.5% 0 0 -5.5%;border-radius:50%;border:3px solid var(--c);pointer-events:none;animation:ring .46s ease-out forwards}@keyframes ring{0%{transform:scale(.3);opacity:.95}to{transform:scale(1.8);opacity:0}}.pt{position:absolute;width:3.2%;height:3.2%;margin:-1.6% 0 0 -1.6%;pointer-events:none;animation:burst .64s cubic-bezier(.2,.7,.4,1) forwards}.pt.crumb{background:var(--c);border-radius:30%}.pt.glint{background:#fff5de;width:4.4%;height:4.4%;margin:-2.2% 0 0 -2.2%;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}@keyframes burst{0%{transform:translate(0) scale(1) rotate(0);opacity:1}70%{opacity:1}to{transform:translate(calc(var(--dx) * 1%),calc(var(--dy) * 1% + 80%)) scale(.2) rotate(var(--r));opacity:0}}.popup{position:absolute;transform:translate(-50%,-50%);z-index:3;font-family:var(--display);font-size:clamp(17px,4.8vw,26px);color:#fff;white-space:nowrap;pointer-events:none;text-shadow:-2px 0 0 #8E3A0E,2px 0 0 #8E3A0E,0 -2px 0 #8E3A0E,0 2px 0 #8E3A0E,0 4px 0 #5A2208;animation:floatup .9s ease-out forwards}.popup.big{font-size:clamp(24px,7.4vw,36px);color:var(--accent)}.cheer{position:absolute;left:50%;top:44%;width:92%;z-index:4;text-align:center;line-height:1;pointer-events:none;font-family:var(--display);font-size:clamp(26px,calc(6.5vw + var(--t,0) * 1.3vw),48px);color:#ffe27a;color:color-mix(in srgb,#FFE27A calc(100% - var(--t,0) * 16%),#FF6A3D);text-shadow:-3px 0 0 #7A2A08,3px 0 0 #7A2A08,0 -3px 0 #7A2A08,0 3px 0 #7A2A08,-2px -2px 0 #7A2A08,2px -2px 0 #7A2A08,-2px 2px 0 #7A2A08,2px 2px 0 #7A2A08,0 7px 0 #4A1500;transform:translate(-50%,-50%);animation:cheer 1.2s cubic-bezier(.2,1.4,.4,1) forwards}@keyframes cheer{0%{transform:translate(-50%,-50%) scale(.3) rotate(-8deg);opacity:0}22%{transform:translate(-50%,-50%) scale(1.3) rotate(3deg);opacity:1}36%{transform:translate(-50%,-50%) scale(.95) rotate(-2deg)}50%{transform:translate(-50%,-50%) scale(1.06) rotate(1deg)}78%{transform:translate(-50%,-58%) scale(1) rotate(0);opacity:1}to{transform:translate(-50%,-95%) scale(1.1);opacity:0}}.board-wrap.quake{animation:quake .34s}.board-wrap.quake-big{animation:quakebig .55s}.board-wrap.quake-win{animation:quakewin .8s linear}@keyframes quakewin{0%{transform:translate(0)}4%{transform:translate(-5px,2px) rotate(-.6deg)}8%{transform:translate(5px,-2px) rotate(.6deg)}12%{transform:translate(-5px,-2px) rotate(-.5deg)}16%{transform:translate(5px,2px) rotate(.5deg)}20%{transform:translate(-4px,2px) rotate(-.5deg)}24%{transform:translate(4px,-2px) rotate(.5deg)}30%{transform:translate(-4px,1px)}36%{transform:translate(4px,-1px)}42%{transform:translate(-3px,1px)}48%{transform:translate(3px,-1px)}56%{transform:translate(-2px,1px)}64%{transform:translate(2px,-1px)}74%{transform:translate(-1px)}84%{transform:translate(1px)}to{transform:translate(0)}}@keyframes quake{20%{transform:translate(-3px,2px) rotate(-.4deg)}40%{transform:translate(3px,-2px) rotate(.4deg)}60%{transform:translate(-2px,-1px)}80%{transform:translate(2px,1px)}}@keyframes quakebig{10%{transform:translate(-6px,3px) rotate(-.8deg)}25%{transform:translate(6px,-3px) rotate(.8deg)}40%{transform:translate(-5px,-2px) rotate(-.5deg)}55%{transform:translate(5px,2px) rotate(.5deg)}70%{transform:translate(-3px,1px)}85%{transform:translate(2px,-1px)}}.hand{position:absolute;left:var(--x0);top:var(--y0);width:12%;height:12%;z-index:4;pointer-events:none;filter:drop-shadow(0 3px 4px rgba(0,0,0,.5));animation:handswipe 1.6s ease-in-out infinite}.hand svg{width:100%;height:100%}@keyframes handswipe{0%,15%{transform:translate(0);opacity:0}25%{opacity:1;transform:translate(0)}65%{transform:translate(var(--mx),var(--my));opacity:1}85%,to{transform:translate(var(--mx),var(--my));opacity:0}}.bubble{position:absolute;left:50%;top:10px;z-index:5;display:flex;align-items:center;gap:8px;max-width:calc(100% - 24px);background:#fff;color:#1d2b53;border:3px solid #2F7FD1;font-family:var(--display);font-size:18px;line-height:1.15;padding:6px 14px 6px 6px;border-radius:999px;box-shadow:0 4px #1f5fb0,0 8px 14px #0000004d;opacity:0;transform:translate(-50%,-10px) scale(.85);transition:opacity .18s,transform .32s cubic-bezier(.3,1.6,.5,1);pointer-events:none}.bubble.show{opacity:1;transform:translate(-50%) scale(1)}.bubble svg{width:36px;height:36px;flex:none}.bubble.show svg{animation:bob 1s ease-in-out infinite}.tools{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:4px}.tool{position:relative;min-height:64px;color:var(--ink);background:linear-gradient(#fff,#eaf3ff);border:0;border-radius:16px;padding:8px 4px 6px;display:flex;flex-direction:column;align-items:center;gap:2px;font-weight:800;font-size:12px;cursor:pointer;box-shadow:0 4px #c4d6ec,inset 0 1px #fff;transition:transform .08s,box-shadow .08s}.tool:active{transform:translateY(3px);box-shadow:0 1px #c4d6ec,inset 0 1px #fff}.tool svg{width:30px;height:30px}.tool .count{position:absolute;top:-8px;right:-4px;background:linear-gradient(#d2432a,#b82a14);color:#fff;border-radius:99px;min-width:24px;height:24px;font-style:normal;font-size:14px;display:grid;place-items:center;font-family:var(--display);padding:0 5px;box-sizing:border-box;box-shadow:0 0 0 2px #fff,0 2px 0 2px #00000040}.tool.on{background:linear-gradient(#ffe88a,#ffb400);box-shadow:0 0 0 3px #fff,0 4px #b35f00;animation:toolon .8s ease-in-out infinite}@keyframes toolon{50%{transform:scale(1.06)}}.tool.empty{color:#5c6660}.tool.empty svg{opacity:.45}.tiprow{display:flex;align-items:center;justify-content:center;gap:8px}.mama{width:42px;height:42px;flex:none;transform-origin:50% 100%;animation:bob 2.4s ease-in-out infinite}.mama svg{display:block;width:100%;height:100%}.mama.cheering{animation:cheerjump .7s cubic-bezier(.3,1.5,.5,1),bob 2.4s .7s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-4px) rotate(2deg)}}@keyframes cheerjump{0%{transform:scale(1)}25%{transform:translateY(-16px) scale(.92,1.12) rotate(-8deg)}50%{transform:translateY(-4px) rotate(8deg)}75%{transform:scale(1.1,.9)}to{transform:none}}.tip{margin:0;max-width:calc(100% - 52px);text-align:center;color:var(--ink);background:#fff;box-shadow:0 2px #0003;border-radius:99px;padding:6px 14px;font-size:13px;font-weight:800}.tip:empty{display:none}@media(max-height:640px){.board{width:min(100%,520px,max(240px,calc(100dvh - 300px)))}.hud{gap:6px}.moves{width:62px;height:62px}.moves b{font-size:27px}.skyline{height:26vh}}.overlay{position:fixed;inset:0;background:radial-gradient(circle at 50% 36%,#ffe28c61,#46240c85 78%);display:grid;place-items:center;padding:16px;z-index:50;overflow-y:auto}.card{position:relative;background:linear-gradient(#fff,#f1f7ff);border-radius:26px;padding:34px 20px 20px;width:min(100%,390px);box-sizing:border-box;box-shadow:0 0 0 4px #ffc93c,0 0 0 8px #2f7fd1,0 22px 40px #00000073;text-align:center;display:flex;flex-direction:column;gap:12px;animation:cardin .42s cubic-bezier(.2,1.3,.4,1)}.card:before{content:"";position:absolute;left:0;right:0;top:0;height:14px;border-radius:22px 22px 0 0;background:var(--ankara);pointer-events:none}@keyframes cardin{0%{transform:translateY(40px) scale(.7);opacity:0}60%{transform:translateY(-6px) scale(1.04);opacity:1}to{transform:none}}.card h3{position:relative;font-family:var(--display);font-weight:400;font-size:28px;line-height:1.05;margin:0;padding:10px 24px 12px;color:#fff;text-wrap:balance;background:linear-gradient(#e5502a,#b3260f);border-bottom:4px solid #7A1A0A;text-shadow:0 2px 0 #7A1A0A,0 0 2px #7A1A0A;clip-path:polygon(0 0,100% 0,calc(100% - 14px) 50%,100% 100%,0 100%,14px 50%)}.card p{margin:0;text-wrap:pretty}.card .who{display:flex;gap:12px;align-items:center;text-align:left;background:linear-gradient(#fff,#f1f7ff);border-radius:18px;padding:10px;box-shadow:0 0 0 2px #d6e4f5,0 3px #c4d6ec}.card .who svg{width:58px;height:58px;flex:none;animation:bob 2.2s ease-in-out infinite}.card .who .eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:900}.card .who .name{font-family:var(--display);font-size:22px;line-height:1.1}.quote{position:relative;font-size:18px;font-weight:800;font-style:italic;background:#fff;border-radius:16px;padding:10px 14px;box-shadow:0 0 0 2px #d6e4f5}.goal-list{display:flex;flex-direction:column;gap:6px;text-align:left}.goal-line{display:flex;align-items:center;gap:10px;background:#fff;border-radius:14px;padding:6px 10px 6px 6px;font-weight:800;box-shadow:0 2px #d6e4f5}.small{font-size:13px;color:var(--muted)}.earn{font-family:var(--display);font-size:20px;color:var(--accent-dark)}.bigstars{display:flex;justify-content:center;align-items:flex-end;gap:6px;font-size:58px;line-height:1;color:transparent;-webkit-text-stroke:3px #B7A57B}.bigstars span{position:relative;display:inline-block}.bigstars span:nth-child(2){font-size:1.3em}.bigstars .on{color:#ffc93c;-webkit-text-stroke:3px #9A5A00;text-shadow:0 4px 0 #9A5A00;animation:starIn .6s cubic-bezier(.3,1.7,.5,1) backwards}.bigstars .on:nth-child(1){animation-delay:.45s}.bigstars .on:nth-child(2){animation-delay:.9s}.bigstars .on:nth-child(3){animation-delay:1.35s}.bigstars .on:after{content:"";position:absolute;left:50%;top:55%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;border:4px solid #FFE27A;opacity:0;pointer-events:none;animation:starring .7s ease-out forwards}.bigstars .on:nth-child(1):after{animation-delay:.6s}.bigstars .on:nth-child(2):after{animation-delay:1.05s}.bigstars .on:nth-child(3):after{animation-delay:1.5s}@keyframes starIn{0%{transform:scale(0) rotate(-120deg)}60%{transform:scale(1.35) rotate(12deg)}}@keyframes starring{0%{transform:scale(.2);opacity:.95}to{transform:scale(1.8);opacity:0}}.big-mama{position:relative;width:84px;height:84px;margin:-10px auto -2px;animation:bob 2.4s ease-in-out infinite}.big-mama.sm{width:60px;height:60px;margin-top:-8px}.big-mama svg{position:relative;display:block;width:100%;height:100%}.rays{position:absolute;left:50%;top:50%;width:220px;height:220px;margin:-110px 0 0 -110px;border-radius:50%;pointer-events:none;background:repeating-conic-gradient(#ffd65a99 0 9deg,#ffd65a00 9deg 18deg);animation:spin 16s linear infinite}.card[data-kind=win] .big-mama{animation:cheerjump 1.1s cubic-bezier(.3,1.5,.5,1) infinite}.card[data-kind=win]:after{content:"";position:absolute;top:0;bottom:0;left:0;width:30%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.85),transparent);transform:translate(-130%) skew(-18deg);animation:cardsweep 1.1s .35s ease-out forwards}@keyframes cardsweep{to{transform:translate(480%) skew(-18deg)}}.card[data-kind=lose] .big-mama{transform-origin:50% 100%;animation:sad 2.8s ease-in-out infinite}.card[data-kind=lose] .big-mama:after{content:"";position:absolute;left:62%;top:44%;width:9px;height:13px;border-radius:50%/65% 65% 35% 35%;background:#7cc4f5;box-shadow:inset -2px -2px #00000026;animation:tear 2.8s ease-in infinite}@keyframes sad{0%{transform:rotate(-9deg)}8%{transform:rotate(8deg)}16%{transform:rotate(-6deg)}24%{transform:rotate(4deg)}32%{transform:rotate(0)}70%{transform:translateY(2px) scale(.97)}to{transform:rotate(0)}}@keyframes tear{0%,25%{transform:translateY(0);opacity:0}35%{opacity:1}85%{transform:translateY(34px);opacity:0}to{opacity:0}}.row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.row .btn{flex:1 1 auto}.shop{display:flex;flex-direction:column;gap:8px;text-align:left}.shop-row{display:flex;align-items:center;gap:10px;background:#fff;border-radius:16px;padding:8px;box-shadow:0 2px #d6e4f5}.shop-row>svg{width:34px;height:34px;flex:none}.shop-row .meta{flex:1}.shop-row .meta span{display:block;font-size:12px;color:var(--muted)}.shop-row .btn{display:flex;align-items:center;gap:4px}.shop-row .btn svg{width:18px;height:18px}.pay-email{display:flex;flex-direction:column;gap:4px;text-align:left;font-weight:800;font-size:14px}.pay-email input{font:600 16px var(--body);padding:10px 12px;min-height:44px;border:2px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);-webkit-user-select:text;user-select:text}.pay-email input:focus-visible{outline:3px solid var(--jollof);outline-offset:1px}.share-text{margin:0;font-style:italic}.share-status{margin:0;min-height:1.4em;word-break:break-all;-webkit-user-select:text;user-select:text}.share-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.share-grid .btn{display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:16px;padding:10px 6px;min-height:44px}.share-grid .share-wa{grid-column:1/-1;background:#25d366;color:#053d1a;box-shadow:0 4px #128c4a;font-size:20px}.logo.long{font-size:clamp(30px,9.4vw,46px)}.confetti{position:fixed;inset:0;z-index:70;overflow:hidden;pointer-events:none}.cf{position:absolute;top:-16px;width:9px;height:14px;opacity:0;animation:cffall linear both}.cf.cf-round{width:10px;height:10px;border-radius:50%}@keyframes cffall{0%{transform:translate3d(0,-20px,0) rotate(0);opacity:1}85%{opacity:1}to{transform:translate3d(var(--drift),calc(100vh + 30px),0) rotate(var(--spin));opacity:0}}.fw{position:absolute;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;opacity:0;animation:fwburst .9s cubic-bezier(.15,.7,.3,1) forwards}@keyframes fwburst{0%{transform:translateZ(0) scale(1);opacity:1}70%{opacity:1}to{transform:translate3d(calc(var(--dx) * 1px),calc(var(--dy) * 1px + 24px),0) scale(.25);opacity:0}}body{touch-action:manipulation;-webkit-touch-callout:none}.top-actions{display:flex;gap:8px}.gear{width:40px;height:40px;justify-content:center;padding:0}.gear svg{width:22px;height:22px}.board:focus-visible{outline:3px solid #fff;outline-offset:6px;box-shadow:0 0 0 3px #3a1d0a,0 0 0 10px #20150b,0 16px 20px #00000059!important}.earn{display:flex;align-items:center;justify-content:center;gap:6px}.earn svg{width:24px;height:24px}.settings{display:flex;flex-direction:column;gap:8px}.toggle{display:flex;align-items:center;justify-content:space-between;min-height:52px;background:#fff;border:0;border-radius:16px;padding:12px 14px;cursor:pointer;font-weight:800;font-size:17px;box-shadow:0 3px #e1d3b4}.toggle:active{transform:translateY(2px);box-shadow:0 1px #e1d3b4}.toggle i{width:46px;height:26px;border-radius:99px;background:#cbd3ce;position:relative;transition:background .2s}.toggle i:after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}.toggle i.on{background:#2e9e5b}.toggle i.on:after{transform:translate(20px)}.btn.danger{color:#b42318}.btn.danger:not(.ghost){background:linear-gradient(#cf3a22,#b8301a 55%,#9e2612);color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.35);box-shadow:0 5px #8a1c0e,0 8px 10px #00000038,inset 0 2px #ffffff73}.btn.danger.ghost{box-shadow:0 5px #e5402a,inset 0 2px #fff}.update{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:60;display:flex;gap:10px;align-items:center;background:var(--ink);color:#fff5de;border-radius:16px;padding:8px 8px 8px 14px;box-shadow:0 8px 24px #0006;font-weight:800;max-width:calc(100% - 32px)}.card{max-height:calc(100dvh - 32px);overflow-y:auto}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.icon-btn,.btn.sm{min-height:44px;min-width:44px;justify-content:center}.gear{width:44px;height:44px}.toggle i{box-shadow:inset 0 0 0 2px #1d2b5340}.toggle i.on{box-shadow:none}.card:focus{outline:none}.overlay{padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.packs{display:flex;flex-direction:column;gap:10px;text-align:left}.pack{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;background:var(--chip);border-radius:16px;padding:12px 10px 10px}.pack.featured{box-shadow:inset 0 0 0 2px var(--accent)}.pack.offer{margin-top:4px;background:#fff6da}.pack-tag{position:absolute;top:-9px;left:12px;background:var(--jollof);color:#fff;font-family:var(--display);font-size:12px;letter-spacing:.03em;padding:2px 8px;border-radius:99px}.pack-coins{display:flex;align-items:center;gap:4px;font-family:var(--display);font-size:20px;color:var(--accent-dark);font-variant-numeric:tabular-nums}.pack-coins svg{width:26px;height:26px}.pack .meta{min-width:0}.pack .meta b{display:block}.pack-boosters{display:flex;align-items:center;gap:2px;font-size:12px;color:var(--muted)}.pack-boosters svg{width:16px;height:16px}.pack .btn{min-width:84px}.big-coin{width:72px;height:72px;margin:0 auto}.big-coin svg{width:100%;height:100%}.btn svg{width:22px;height:22px;vertical-align:-5px;margin-right:4px}.pack.ad-pack{box-shadow:inset 0 0 0 2px #2e9e5b;background:#eef8f1}.pack-tag.free{background:#0e6b3f}.btn.ad-btn{color:#0e6b3f;box-shadow:inset 0 0 0 2px #2e9e5b}body:has(#map:not([hidden])){background:#eaf6ff}#map{gap:0}#map .skip:not(:focus){position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}#map .skip:focus{position:fixed;top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));z-index:100}#map .top{position:relative;align-items:center;overflow:hidden;margin:calc(-1*max(12px,env(safe-area-inset-top))) calc(-1*max(16px,env(safe-area-inset-right))) 0 calc(-1*max(16px,env(safe-area-inset-left)));padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 20px max(16px,env(safe-area-inset-left));background:radial-gradient(circle at 88% 28%,#fff6c4 0 20px,#fff6c400 64px),linear-gradient(180deg,#4dc4f6,#bdebfa 70%,#eaf9fc)}#map .top:after{content:"";position:absolute;left:0;right:0;bottom:0;height:7px;background:linear-gradient(90deg,#0e8f4a 0 33.34%,#fff 33.34% 66.67%,#0e8f4a 66.67%)}#map .tag{color:#1f3a4a;font-weight:800}#map .bchip{display:inline-block;margin:8px 0 0;padding:3px 11px;border-radius:999px;background:#ffffffc7;color:#1d2b53;font-weight:900;font-size:13px}#map .bchip b{color:#9a2e86;font-family:var(--display);font-weight:400;font-size:15px}#map .icon-btn{width:44px;height:44px;padding:0;justify-content:center;border-radius:50%;color:#1d2b53;background:linear-gradient(#fff,#dce8e1);box-shadow:0 3px #00000047,inset 0 2px #fff;font-family:var(--display);font-size:22px;font-weight:400}#map .icon-btn:active{transform:translateY(2px);box-shadow:0 1px #00000047}#map .icon-btn svg{width:24px;height:24px}#map .bar{position:sticky;top:0;z-index:20;flex-wrap:wrap;gap:6px;margin:0 calc(-1*max(16px,env(safe-area-inset-right))) 0 calc(-1*max(16px,env(safe-area-inset-left)));padding:max(8px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left));background:linear-gradient(#43bd78,#2a9a5e);border-bottom:3px solid #FFC93C;box-shadow:0 5px 10px #0003}@media(max-height:500px){#map .bar{position:static}}#map .gpill{padding:3px 12px 3px 4px;min-height:36px;font-size:17px;color:#1d2b53;border-radius:999px;background:linear-gradient(#fff3c2,#ffc93c 58%,#f0a800);box-shadow:0 3px #9a6a00,inset 0 2px #ffffffbf}#map .gpill+.gpill{background:linear-gradient(#fff,#ddf1e6);color:#1b3a2a;box-shadow:0 3px #2d6b4a,inset 0 2px #fff;padding-left:2px}#map .gpill .st{color:#e89a00;text-shadow:0 1px 0 #9A5E00;font-size:20px;padding:0 3px 0 6px}#map .gpill .of{font-size:12px;color:#3f5248}#map .gpill svg{width:28px;height:28px}#map .bar .btn{margin-left:auto;min-height:44px;padding:6px 16px;font-size:17px;color:#fff;background:linear-gradient(#d4442a,#b52a12);box-shadow:0 4px #7e1c0a,inset 0 2px #ffffff59;text-shadow:0 2px 0 rgba(0,0,0,.25)}#map .bar .btn:active{transform:translateY(3px);box-shadow:0 1px #7e1c0a}@media(max-width:400px){#map .cn{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}}#map .inv-row{justify-content:center;gap:8px;margin:0 calc(-1*max(16px,env(safe-area-inset-right))) 0 calc(-1*max(16px,env(safe-area-inset-left)));padding:7px 16px;background:#eaf6ff;border-bottom:1px solid rgba(47,127,209,.25)}#map .inv{background:#fff;border-radius:999px;padding:3px 11px 3px 4px;box-shadow:0 2px #9a6a0059}#chapters{margin:0 calc(-1*max(16px,env(safe-area-inset-right))) 0 calc(-1*max(16px,env(safe-area-inset-left)))}#map .land{position:relative;display:block}#map .land-head{position:relative}#map .land+.land{border-top:4px solid rgba(255,255,255,.85)}#map .land-head{padding:24px 16px 10px;text-align:center;background:var(--g1)}#map .ribbon{position:relative;isolation:isolate;display:inline-block;max-width:88%;padding:4px 36px 7px;background:var(--rib);color:#fff;border-radius:6px;box-shadow:0 5px 0 var(--ribd),0 10px 10px -4px #0000004d}#map .ribbon:before,#map .ribbon:after{content:"";position:absolute;z-index:-1;top:12px;width:34px;height:100%;background:var(--ribd)}#map .ribbon:before{left:-20px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,28% 50%)}#map .ribbon:after{right:-20px;clip-path:polygon(0 0,100% 0,72% 50%,100% 100%,0 100%)}#map .ribbon h2{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(30px,9vw,40px);line-height:1.1;letter-spacing:.02em;text-shadow:0 3px 0 rgba(0,0,0,.28)}#map .land.closed .ribbon{--rib:#66747F;--ribd:#46525C}#map .land-blurb{margin:14px auto 0;max-width:34ch;color:#1d2b53;font-weight:800;font-size:14px;text-wrap:balance}#map .land-prog{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px}#map .lp-stars{padding:2px 11px;border-radius:999px;background:#1d2b53d1;color:#ffe27a;font-family:var(--display);font-size:16px;font-variant-numeric:tabular-nums}#map .lp-bar{width:128px;height:12px;border-radius:99px;overflow:hidden;background:#1d2b5359;box-shadow:inset 0 2px 3px #0000004d}#map .lp-bar i{display:block;width:100%;height:100%;transform-origin:left center;background:linear-gradient(#ffe27a,#f5a400);transition:transform .6s ease-out}#map .land.complete .lp-bar i{background:linear-gradient(#9be8b0,#2e9e5b)}#map .world{position:relative;width:100%;container-type:inline-size;content-visibility:auto;contain:layout paint style;background:linear-gradient(180deg,var(--g1) 0,var(--g2) 48%,var(--g3) 100%)}#map .land.closed .world:after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(#96afcd1a,#7896be3d)}.mtile{position:absolute;left:0;width:100%;z-index:0;pointer-events:none}.mtile svg{display:block;width:100%;height:100%}.mtile.flip svg{transform:scaleX(-1)}.sdefs{position:absolute;width:0;height:0;overflow:hidden}#map .sky{position:absolute;left:0;z-index:1;pointer-events:none;transform:translate3d(30px,0,0)}.mcloud{display:block;width:100%;height:auto}.mcloud path{fill:var(--cl);opacity:.92}#map .bird-wrap{width:26px}#map .bird{display:block;width:100%}#map .bird path{fill:#35424d;opacity:.7}#map .road{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:visible}#map .road path{fill:none;stroke-linecap:round;stroke-linejoin:round}#map .rd-shadow{stroke:#1d2b5340;stroke-width:30;transform:translateY(4px)}#map .rd-edge{stroke:#3b9cf2;stroke-width:26}#map .rd-face{stroke:#fff;stroke-width:19}#map .rd-gold{stroke:#ffc93c;stroke-width:19;stroke-linecap:butt}#map .rd-dash{stroke:#fffc;stroke-width:2.4;stroke-dasharray:.1 9}.mstop{--nd:60px;position:absolute;z-index:6;width:var(--nd);height:var(--nd);margin:calc(var(--nd)/-2) 0 0 calc(var(--nd)/-2);--n1:#E9EDEA;--n2:#B2BBB5;--rim:#9AA59F;--rimd:#69746E;--nc:#3A423D;--halo:rgba(0,0,0,0)}.mstop.boss{--nd:78px}.mstop.done{--n1:#FFE98A;--n2:#F2A516;--rim:#FFF6C9;--rimd:#C98A00;--nc:#4A2A00;--halo:rgba(255,201,60,.7)}.mstop.current{--n1:#E24A24;--n2:#B52A12;--rim:#FFE27A;--rimd:#8A1C0E;--nc:#fff}.mstop.boss.current{--n1:#A83C8A;--n2:#6B1A5C;--rim:#FFD84D;--rimd:#4A0F40}.mnode{position:relative;display:grid;place-items:center;width:100%;height:100%;padding:0;border:0;border-radius:50%;cursor:pointer;font-family:var(--display);font-size:calc(var(--nd)*.44);line-height:1;color:var(--nc);--sh:0 0 0 4px var(--rim),0 0 0 8px var(--halo),0 7px 0 4px var(--rimd),0 11px 8px 2px rgba(30,15,0,.32),inset 0 -6px 0 rgba(0,0,0,.16);background:radial-gradient(circle at 50% 30%,var(--n1),var(--n2) 80%);box-shadow:var(--sh);transition:transform .12s}.mnode:before{content:"";position:absolute;left:15%;top:7%;width:70%;height:42%;border-radius:50%;pointer-events:none;background:linear-gradient(#fffc,#ffffff0a)}#map .mnode .num{position:relative;z-index:1}.mstop.current .num{text-shadow:0 2px 0 rgba(0,0,0,.45),0 0 3px rgba(0,0,0,.45);-webkit-text-stroke:2px rgba(40,8,0,.55);paint-order:stroke fill}.mstop.done .num{text-shadow:0 1px 0 rgba(255,255,255,.55)}.mstop.current .mnode:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:4px solid #FFE27A;pointer-events:none;opacity:.9}.mnode:active{transform:translateY(3px)}@media(hover:hover){.mstop:not(.locked) .mnode:hover{transform:translateY(-2px)}}.mstop.locked .mnode{cursor:default}.mnode:focus-visible{outline:3px solid #fff;outline-offset:10px;box-shadow:var(--sh),0 0 0 16px #20150b!important}#map .mnode.nope{animation:mapnope .3s!important}@keyframes mapnope{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.mstars{position:absolute;left:50%;top:calc(100% + 13px);transform:translate(-50%);display:flex;align-items:flex-end;font-size:18px;line-height:1;white-space:nowrap;pointer-events:none}.mstars span{color:#fff;-webkit-text-stroke:.8px #1D2B53;text-shadow:0 2px 0 rgba(0,0,0,.4)}.mstars span.on{color:#ffc93c;-webkit-text-stroke:0;text-shadow:0 2px 0 #9A5E00}.mstars span:nth-child(2){transform:translateY(-4px) scale(1.25)}.padlock{position:absolute;right:-6px;bottom:-4px;z-index:2;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#46505a;color:#fff;box-shadow:0 0 0 2px #fff,0 2px 0 2px #0000004d;pointer-events:none}.padlock svg{width:12px;height:13px}.crown{position:absolute;left:50%;bottom:calc(100% - 2px);width:36px;height:26px;margin-left:-18px;z-index:2;pointer-events:none}.mstop.locked .crown{opacity:.5}.msign{position:absolute;top:50%;transform:translateY(-50%);width:max-content;max-width:min(124px,36vw);padding:4px 9px 5px;box-sizing:border-box;background:#fff;border:2px solid #2F7FD1;border-radius:8px;box-shadow:0 3px #1d2b5380;text-align:left;pointer-events:none}.sl .msign{right:calc(100% + 12px)}.sr .msign{left:calc(100% + 12px)}.msign b{display:block;font-weight:900;font-size:12.5px;line-height:1.15;color:#1d2b53;text-wrap:balance}.msign i{display:block;font-style:normal;font-weight:700;font-size:11px;line-height:1.2;color:#5a4630;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mstop.boss .msign{background:#fff0f8;border-color:#7b1f6b}.mstop.boss .msign:before{content:"BOSS";display:block;font-family:var(--display);font-size:10px;line-height:1.1;letter-spacing:.14em;color:#9b2e86}.mstop.locked .msign{background:#e9eef0;border-color:#69746e;box-shadow:0 3px #1e283259}.mstop.locked .msign b{color:#2f3833}.mstop.locked .msign i{color:#4a524d}#map .you{position:absolute;left:50%;bottom:calc(100% + 16px);width:0;height:0;z-index:3;pointer-events:none}#map .mstop.boss .you{bottom:calc(100% + 34px)}#map .you .mama{position:absolute;left:-24px;bottom:0;width:48px;height:48px;box-sizing:border-box;padding:3px;border-radius:50%;background:#fff;box-shadow:0 3px #00000047;animation:none;transform:none}#map .you .mama svg{display:block;width:100%;height:100%}#map .flag{position:absolute;bottom:24px;padding:3px 12px 3px 8px;background:#d13a22;color:#fff;font-family:var(--display);font-size:13px;line-height:1.2;white-space:nowrap;clip-path:polygon(0 0,100% 0,88% 50%,100% 100%,0 100%)}#map .sl .flag{left:26px}#map .sr .flag{right:26px;padding:3px 8px 3px 12px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,12% 50%)}@media(min-width:480px){.mstop{--nd:68px}.mstop.boss{--nd:88px}.msign b{font-size:13.5px}.msign i{font-size:12px}}.bpanel{position:absolute;left:1.111%;width:97.778%;z-index:2;border-radius:16px;background:linear-gradient(var(--sk1),var(--sk2));box-shadow:0 5px #1d2b5359}.bpanel svg{display:block;width:100%;height:100%;border-radius:16px}.bpanel:after{content:"";position:absolute;inset:0;border:3px solid #3B9CF2;border-radius:16px;pointer-events:none}.bpanel.lit:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:16px;background:radial-gradient(ellipse at 50% 22%,#ffe28c80,#ffe28c00 66%);opacity:.7}.bpanel.bcard{position:relative;left:auto;width:100%;aspect-ratio:352/172;box-shadow:none}.bpanel.bcard .bveil{inset:0}.bveil{position:absolute;inset:7.368% 1.111% 2.105%;border-radius:16px;pointer-events:none}.dusk .bveil{background:linear-gradient(#aac8eb38,#c8dcf52e)}.dusk .lights,.dusk .sparks{display:none}#map .bridge{position:absolute;left:0;width:100%;z-index:5;display:block;margin:0;padding:0;border:0;background:transparent;cursor:pointer}#map .bridge:active .bbanner{transform:translate(-50%) translateY(2px)}#map .bridge:focus-visible{outline:4px solid #fff;outline-offset:-8px;border-radius:20px;box-shadow:inset 0 0 0 9px #20150b!important}.bbanner{position:absolute;left:50%;bottom:3.6%;transform:translate(-50%);display:flex;align-items:center;gap:6px;max-width:92%;box-sizing:border-box;padding:4px 14px 5px;border:2px solid #3B9CF2;border-radius:8px;white-space:nowrap;font-family:var(--display);font-size:15px;line-height:1.15;color:#1d2b53;background:linear-gradient(#fff6cc,#ffc93c);box-shadow:0 3px #1d2b538c}.bbanner b{font-weight:400;overflow:hidden;text-overflow:ellipsis}.bbanner svg{flex:none;width:12px;height:14px}.bridge.dusk .bbanner{background:linear-gradient(#e6ecf6,#c4d0e2);color:#222c48}.brsp{opacity:.85}.bstatus{font-weight:900;color:#4a5568}.bstatus.on{color:#0e6b3f}#map .next{position:relative;text-align:center;color:#fff;border-top:5px solid #FFC93C;margin:0 calc(-1*max(16px,env(safe-area-inset-right))) 0 calc(-1*max(16px,env(safe-area-inset-left)));padding:22px 16px 20px;background:radial-gradient(circle,#fff 1px,transparent 1.5px) 0 0/46px 46px,radial-gradient(circle,#FFE27A .8px,transparent 1.3px) 23px 23px/46px 46px,linear-gradient(#1f3d63,#14263f)}#map .next h3{margin:0 0 10px;font-family:var(--display);font-weight:400;font-size:24px;color:#ffe27a;text-shadow:0 2px 0 rgba(0,0,0,.4)}#map .soon{justify-content:center;gap:8px}#map .soon span{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border:1px dashed rgba(255,255,255,.55);background:#ffffff1f;color:#e8f0fa;font-size:13px}#map .soon b{color:#fff}#map .soon i{display:inline-grid;color:#ffe27a}#map .soon i svg{width:12px;height:14px}#map .wars{margin:0 calc(-1*max(16px,env(safe-area-inset-right))) -24px calc(-1*max(16px,env(safe-area-inset-left)));border-radius:0;padding:18px 18px 40px;background:linear-gradient(100deg,#0b5a34 0 50%,#7a5200 50% 100%);border-top:4px solid #FFC93C}#map .wars h3{font-size:24px}#map .wars p{font-size:14px}@media(prefers-reduced-motion:reduce){.mnode,#map .lp-bar i{transition:none!important}}html[data-motion=calm] .mnode,html[data-motion=calm] #map .lp-bar i{transition:none!important}#map.paused *,#map.paused *:before,#map.paused *:after{animation-play-state:paused!important}.life,.blife{position:absolute;inset:0;z-index:4;pointer-events:none}.ln,.an,.btw{position:absolute;pointer-events:none}.ly,.lx{position:absolute;left:0;top:0}.ly{width:100%;height:100%}.lx{width:100%;height:0}.lv{position:absolute;left:0;top:0;width:calc(var(--w,6)*3.6px);width:calc(var(--w,6)*1cqw);min-width:14px;transform:translate(-50%,-82%)}.lv svg,.am svg{display:block;width:100%;height:auto}.rv .lv svg{transform:scaleX(-1)}.ln{opacity:0}.ln.flat .lv{transform:translate(-50%,-70%)}.an{width:calc(var(--w,6)*3.6px);width:calc(var(--w,6)*1cqw);min-width:10px;transform:translate(-50%,-100%)}.a-flag{transform:none}.a-mkite,.a-feather{transform:translate(-50%)}#map .ln.live{opacity:1}#map .ln.live .ly{animation:maply var(--d,8s) linear var(--dl,0s) infinite}#map .ln.live.flat .ly{animation-name:mapfade}#map .ln.live .lx{animation:maplx var(--d,8s) linear var(--dl,0s) infinite}#map .ln.live.ez .lx{animation-timing-function:cubic-bezier(.45,0,.55,1)}#map .ln.live.rv .lx{animation-direction:reverse}#map .ln.live.pp .ly{animation:none}#map .ln.live.pp .lx{animation:maplx var(--d,13s) ease-in-out var(--dl,0s) infinite alternate}#map .ln.live.pp .lv{animation:mapflip calc(var(--d,13s)*2) step-end var(--dl,0s) infinite}#map .ln.live.plane .ly{animation:none}#map .ln.live.plane .lx{animation:mapfly var(--d,40s) linear var(--dl,0s) infinite}#map .ln.live.trot .ly{animation:none}#map .an.live.a-bob .am{animation:mapbob 3.2s ease-in-out var(--dl,0s) infinite alternate}#map .an.live.a-smoke .am{animation:mapsmoke 5.5s linear var(--dl,0s) infinite;transform-origin:50% 100%}#map .an.live.a-flame .am{animation:mapflick .42s ease-in-out var(--dl,0s) infinite alternate;transform-origin:50% 100%}#map .an.live.a-flag .am{animation:mapwave 1.1s ease-in-out var(--dl,0s) infinite alternate;transform-origin:0 50%}#map .an.live.a-perch .am{animation:mapperch 3.4s ease-in-out var(--dl,0s) infinite}#map .an.live.a-mkite .am{animation:mapkite 5.5s ease-in-out var(--dl,0s) infinite alternate;transform-origin:50% 0}#map .an.live.a-feather .am{animation:mapfall 7s linear var(--dl,0s) infinite}.a-smoke .am,.a-feather .am{opacity:0}#map .an.live.a-smoke .am,#map .an.live.a-feather .am{opacity:1}@keyframes maply{0%{transform:translateY(0);opacity:0}8%{opacity:1}92%{opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes mapfade{0%{opacity:0}8%{opacity:1}92%{opacity:1}to{opacity:0}}@keyframes maplx{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes mapfly{0%{transform:translate(0);opacity:1}34%{transform:translate(100%);opacity:1}34.1%,to{transform:translate(100%);opacity:0}}@keyframes mapflip{0%{transform:translate(-50%,-70%)}50%{transform:translate(-50%,-70%) scaleX(-1)}}@keyframes mapbob{0%{transform:translateY(0) rotate(-3deg)}to{transform:translateY(2px) rotate(3deg)}}@keyframes mapsmoke{0%{transform:translateY(6px) scale(.45);opacity:0}25%{opacity:.8}to{transform:translateY(-34px) scale(1.25);opacity:0}}@keyframes mapflick{0%{transform:scale(.92,.82);opacity:.78}to{transform:scaleY(1.12);opacity:1}}@keyframes mapwave{0%{transform:scaleX(1) skewY(-5deg)}to{transform:scaleX(.8) skewY(5deg)}}@keyframes mapperch{0%,60%,to{transform:translateY(0)}68%{transform:translateY(-4px)}76%{transform:translateY(0)}84%{transform:translateY(-3px)}}@keyframes mapkite{0%{transform:rotate(-9deg) translate(-8px)}to{transform:rotate(9deg) translate(8px) translateY(6px)}}@keyframes mapfall{0%{transform:translate(0) rotate(-30deg);opacity:0}10%{opacity:1}25%{transform:translate(12px,38px) rotate(20deg)}50%{transform:translate(-10px,76px) rotate(-25deg)}75%{transform:translate(12px,112px) rotate(20deg);opacity:1}to{transform:translateY(150px) rotate(-20deg);opacity:0}}.btw{height:8px;background:radial-gradient(circle,#fff2a6 0 1.6px,#ffe27800 3px) 0 0/22px 8px repeat-x;opacity:.35}.btw.t2{background-position:11px 0}#map .land.live .btw{animation:mapblink 1.5s ease-in-out infinite alternate}#map .land.live .btw.t2{animation-delay:-.75s}@keyframes mapblink{0%{opacity:.15}to{opacity:1}}#map .land.live .mstop.current .mnode{animation:mapbounce 1.8s ease-in-out infinite}#map .land.live .mstop.current .mnode:active{animation:none}#map .land.live .mstop.current .mnode:after{animation:mappulse 1.6s ease-out infinite}#map .land.live .you{animation:maphop 1.3s ease-in-out infinite}#map .land.live .bpanel.lit:before{animation:mapglow 2.6s ease-in-out infinite alternate}@keyframes mapbounce{0%,to{transform:translateY(0)}40%{transform:translateY(-4px)}}@keyframes mappulse{0%{transform:scale(.95);opacity:.95}to{transform:scale(1.45);opacity:0}}@keyframes maphop{0%,55%,to{transform:translateY(0)}25%{transform:translateY(-10px)}}@keyframes mapglow{0%{opacity:.35}to{opacity:1}}.mstop.glint .mstars:after{content:"";position:absolute;left:0;top:-2px;width:7px;height:calc(100% + 4px);pointer-events:none;opacity:0;background:linear-gradient(90deg,#fff0,#fffffff2,#fff0);transform:translate(-10px) skew(-18deg)}#map .land.live .mstop.glint .mstars:after{animation:mapshine 3.6s ease-in-out infinite}#map .land.live .mstop.glint:nth-of-type(odd) .mstars:after{animation-delay:-1.8s}@keyframes mapshine{0%,55%{transform:translate(-10px) skew(-18deg);opacity:0}62%{opacity:1}88%{transform:translate(64px) skew(-18deg);opacity:1}92%,to{transform:translate(64px) skew(-18deg);opacity:0}}#map .mstop.mpop .mnode{animation:mapnodepop .8s cubic-bezier(.3,1.6,.5,1)!important}@keyframes mapnodepop{0%{transform:scale(1)}35%{transform:scale(1.28)}to{transform:scale(1)}}.mstars .newst{animation:mapstarpop .75s cubic-bezier(.3,1.6,.5,1) backwards}@keyframes mapstarpop{0%{scale:0;rotate:-120deg;opacity:0}60%{scale:1.7;opacity:1}to{scale:1;rotate:0deg}}.mburst{position:absolute;width:0;height:0;z-index:7;pointer-events:none}.mburst span{position:absolute;left:-5px;top:-5px;width:10px;height:10px;background:var(--c,#FFC93C);animation:mapburst .95s ease-out both;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.mburst.big span{left:-8px;top:-8px;width:16px;height:16px;animation-duration:1.4s}@keyframes mapburst{0%{transform:translate(0) scale(.2) rotate(0);opacity:1}65%{opacity:1}to{transform:translate(var(--tx),calc(var(--ty) + 22px)) scale(1) rotate(220deg);opacity:0}}#map .top>div:not(.foodfloat){position:relative;z-index:1}.foodfloat{position:absolute;inset:0;z-index:0;pointer-events:none}.foodfloat>span{position:absolute;bottom:-34px;width:30px;height:30px;opacity:0}.foodfloat svg{display:block;width:100%;height:100%}#map .top.live .foodfloat>span{animation:mapfood var(--d,16s) linear var(--dl,0s) infinite}@keyframes mapfood{0%{transform:translateZ(0) rotate(-8deg);opacity:0}12%{opacity:.7}50%{transform:translate3d(10px,-70px,0) rotate(8deg)}88%{opacity:.7}to{transform:translate3d(-6px,-150px,0) rotate(-10deg);opacity:0}}#map .logo i{display:inline-block;font-style:normal}#map .top.live .logo i{animation:maplogo 2.6s ease-in-out 3;animation-delay:calc(var(--i)*-.16s)}@keyframes maplogo{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}#map .land.live .sky{animation:mapdrift linear infinite}@keyframes mapdrift{0%{transform:translate3d(-140px,0,0)}to{transform:translate3d(700px,0,0)}}html[data-motion=calm] .life,html[data-motion=calm] .blife,html[data-motion=calm] .foodfloat,html[data-motion=calm] .mburst,html[data-motion=calm] .mstop.glint .mstars:after{display:none!important}html[data-motion=calm] #map .sky,html[data-motion=calm] #map .you,html[data-motion=calm] #map .logo i,html[data-motion=calm] #map .bpanel.lit:before,html[data-motion=calm] #map .mstop .mnode:not(.nope),html[data-motion=calm] #map .mstop .mnode:after{animation:none!important}@media(prefers-reduced-motion:reduce){html:not([data-motion=full]) .life,html:not([data-motion=full]) .blife,html:not([data-motion=full]) .foodfloat,html:not([data-motion=full]) .mburst,html:not([data-motion=full]) .mstop.glint .mstars:after{display:none!important}html:not([data-motion=full]) #map .sky,html:not([data-motion=full]) #map .you,html:not([data-motion=full]) #map .logo i,html:not([data-motion=full]) #map .bpanel.lit:before,html:not([data-motion=full]) #map .mstop .mnode:not(.nope),html:not([data-motion=full]) #map .mstop .mnode:after{animation:none!important}}.amb{left:0;display:none;pointer-events:none;will-change:transform}.amb i{display:block}.amb svg{display:block;width:100%;height:auto}@keyframes amb-ltr{0%{transform:translate3d(-30vw,0,0)}to{transform:translate3d(130vw,0,0)}}@keyframes amb-rtl{0%{transform:translate3d(130vw,0,0)}to{transform:translate3d(-30vw,0,0)}}.a-bus{bottom:4px;width:84px;animation:amb-ltr 24s linear -9s infinite}.a-bus i{animation:busbob .5s ease-in-out infinite alternate}@keyframes busbob{0%{transform:translateY(0) rotate(-.4deg)}to{transform:translateY(-2px) rotate(.4deg)}}.a-bird{display:block;color:var(--sil);width:26px}.a-bird i{transform-origin:50% 65%;animation:flap .42s ease-in-out infinite alternate}@keyframes flap{0%{transform:scaleY(1)}to{transform:scaleY(.3)}}.a-bird.x1{top:11%;animation:amb-ltr 17s linear -4s infinite}.a-bird.x2{top:19%;width:20px;animation:amb-rtl 23s linear -12s infinite}.a-bird.x3{top:27%;width:16px;animation:amb-ltr 29s linear -21s infinite}.a-bird.x2 i{animation-delay:-.2s}.a-canoe{bottom:2.6vh;width:76px;animation:amb-ltr 46s linear -14s infinite}.a-canoe i{animation:canoebob 2.8s ease-in-out infinite}@keyframes canoebob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(3px) rotate(2deg)}}.a-rider{bottom:3.2vh;width:66px;color:var(--sil);animation:amb-rtl 30s linear -9s infinite}.a-rider i{animation:gallop .42s ease-in-out infinite alternate}@keyframes gallop{0%{transform:translateY(0) rotate(-1.5deg)}to{transform:translateY(-4px) rotate(1.5deg)}}.amb.a-kite{top:33%;width:28px;animation:amb-ltr 38s linear -5s infinite}.amb.a-kite i{transform-origin:50% 0;animation:kitesway 3s ease-in-out infinite}@keyframes kitesway{0%,to{transform:rotate(-12deg) translateY(0)}50%{transform:rotate(12deg) translateY(6px)}}.ff{display:var(--d-twk);width:5px;height:5px;border-radius:50%;background:#fff2a8;box-shadow:0 0 6px 2px #fff2a8cc;opacity:0;animation:ffly 7s ease-in-out infinite}.ff.f1{left:12%;top:64%}.ff.f2{left:34%;top:72%;animation-delay:-2s}.ff.f3{left:58%;top:60%;animation-delay:-4s}.ff.f4{left:78%;top:70%;animation-delay:-1s}.ff.f5{left:90%;top:62%;animation-delay:-5s}@keyframes ffly{0%{opacity:0;transform:translate(0)}20%{opacity:1}45%{opacity:.3;transform:translate(16px,-20px)}70%{opacity:1}to{opacity:0;transform:translate(-8px,-38px)}}#game[data-city=kano] .a-bird,#game[data-city=portharcourt] .a-bird{display:none}#game[data-city=lagos] .a-bus,#game[data-city=ibadan] .a-bus,#game[data-city=portharcourt] .a-canoe,#game[data-city=onitsha] .a-canoe,#game[data-city=calabar] .a-canoe,#game[data-city=kano] .a-rider,#game[data-city=kaduna] .a-rider{display:block}#game:not([data-city]) .a-kite,#game[data-city=""] .a-kite,#game[data-city=abuja] .a-kite,#game[data-city=ibadan] .a-kite,#game[data-city=enugu] .a-kite,#game[data-city=calabar] .a-kite{display:block}body.modal-open .scene *,html.tab-hidden .scene *{animation-play-state:paused}.heat{position:absolute;inset:-8%;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#ff9628bf 0,#e5402a59 45%,#e5402a00 70%);animation:heat 1.6s ease-in-out infinite}@keyframes heat{0%,to{transform:scale(.88);opacity:.55}50%{transform:scale(1.12);opacity:.95}}.lick{position:absolute;top:6%;width:13%;height:20%;margin-left:-6%;pointer-events:none;border-radius:50% 50% 45% 45%/70% 70% 30% 30%;background:linear-gradient(#fff3b0,#ff9a3c 55%,#e5402a);opacity:0;animation:lick 1.1s ease-out infinite}.lick.l1{left:34%}.lick.l2{left:64%;animation-delay:.55s}@keyframes lick{0%{transform:translateY(40%) scale(.5);opacity:0}25%{opacity:.95}to{transform:translateY(-130%) scale(.25,.9);opacity:0}}.arc{position:absolute;left:50%;top:50%;width:92%;height:16%;margin:-8% 0 0 -46%;pointer-events:none;opacity:0;background:linear-gradient(90deg,#fff8d8,#9fd4ff);clip-path:polygon(0 50%,12% 10%,26% 90%,40% 6%,54% 94%,68% 12%,82% 86%,100% 50%,84% 64%,68% 34%,54% 100%,40% 30%,26% 100%,12% 40%);animation:arc 2.4s steps(1,end) infinite}@keyframes arc{0%{opacity:1;transform:rotate(25deg)}12%{opacity:0}50%{opacity:1;transform:rotate(-40deg)}62%{opacity:0}}.steam{position:absolute;left:24%;top:2%;width:22%;height:22%;border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle,#ffffffe6,#fff0 70%);animation:steam 2.2s ease-out infinite}.steam.s2{left:56%;width:18%;height:18%;animation-delay:1.1s}@keyframes steam{0%{transform:translateY(40%) scale(.5);opacity:0}30%{opacity:.8}to{transform:translate(18%,-150%) scale(1.5);opacity:0}}.tile.pop .heat,.tile.pop .lick,.tile.pop .arc,.tile.pop .steam{opacity:0;animation:none}body.modal-open .tile *,html.tab-hidden .tile *{animation-play-state:paused}.tile.idle-off .halo,.tile.idle-off .heat,.tile.idle-off .lick,.tile.idle-off .arc,.tile.idle-off .steam,.tile.idle-off .stripe,.tile.idle-off .badge,.tile.idle-off:after,.tile.idle-off .plate svg.food{animation:none}.tile.falling:before{content:"";position:absolute;left:30%;right:30%;top:-30%;height:55%;border-radius:99px;pointer-events:none;background:linear-gradient(#fff5de00,#fff5de80);transform-origin:50% 100%;animation:streak .3s ease-out forwards}@keyframes streak{0%{opacity:.8;transform:scaleY(1)}to{opacity:0;transform:scaleY(.2)}}@keyframes floatup{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}20%{opacity:1;transform:translate(calc(-50% + var(--ax,0px) * .15),-80%) scale(1.25)}60%{opacity:1;transform:translate(calc(-50% + var(--ax,0px) * .6),-150%) scale(1.05)}to{opacity:0;transform:translate(calc(-50% + var(--ax,0px)),-175%) scale(.95)}}.cmb{position:absolute;right:3%;top:3%;z-index:4;pointer-events:none;font-family:var(--display);line-height:1;color:#fff;font-size:calc(clamp(20px,6vw,28px) + var(--t,0) * 2px);padding:4px 12px;border-radius:99px;background:linear-gradient(#ff9a3c,#c8301a);text-shadow:0 2px 0 #7A1A0A;box-shadow:0 0 0 2px #fff5de,0 3px #7a1a0a;animation:cmb 1.2s cubic-bezier(.2,1.5,.4,1) forwards}@keyframes cmb{0%{transform:scale(.3) rotate(-14deg);opacity:0}20%{transform:scale(1.35) rotate(4deg);opacity:1}40%{transform:scale(1)}80%{opacity:1}to{transform:translateY(-8px);opacity:0}}.flare{position:absolute;inset:-10%;z-index:1;pointer-events:none;background:radial-gradient(circle,#ffe27a00 40%,#ff6a3d8c);animation:flare .8s ease-out forwards}@keyframes flare{0%{transform:scale(1.25);opacity:0}25%{opacity:1}to{transform:scale(.95);opacity:0}}.fwave{position:absolute;pointer-events:none;z-index:2}.fwave.h.f{background:linear-gradient(90deg,#e5402a00,#e5402a8c 45%,#ff9a3c 82%,#fff3b0);animation:fwx .52s cubic-bezier(.5,0,.8,.6) forwards}.fwave.h.r{background:linear-gradient(270deg,#e5402a00,#e5402a8c 45%,#ff9a3c 82%,#fff3b0);animation:fwx .52s cubic-bezier(.5,0,.8,.6) forwards}.fwave.v.f{background:linear-gradient(180deg,#e5402a00,#e5402a8c 45%,#ff9a3c 82%,#fff3b0);animation:fwy .52s cubic-bezier(.5,0,.8,.6) forwards}.fwave.v.r{background:linear-gradient(0deg,#e5402a00,#e5402a8c 45%,#ff9a3c 82%,#fff3b0);animation:fwy .52s cubic-bezier(.5,0,.8,.6) forwards}.fwave:after{content:"";position:absolute;background:radial-gradient(closest-side,#fff3b0,#ff8a2ed9 55%,#ff8a2e00)}.fwave.h.f:after{right:-10%;top:-10%;width:60%;height:120%}.fwave.h.r:after{left:-10%;top:-10%;width:60%;height:120%}.fwave.v.f:after{bottom:-10%;left:-10%;height:60%;width:120%}.fwave.v.r:after{top:-10%;left:-10%;height:60%;width:120%}@keyframes fwx{0%{transform:translate(0);opacity:1}85%{opacity:1}to{transform:translate(var(--run));opacity:0}}@keyframes fwy{0%{transform:translateY(0);opacity:1}85%{opacity:1}to{transform:translateY(var(--run));opacity:0}}.bolt{position:absolute;height:9%;margin-top:-4.5%;pointer-events:none;z-index:2;transform-origin:0 50%;opacity:0;transform:rotate(var(--a)) scaleX(1);background:linear-gradient(90deg,#fff8d8,#cfeaff 60%,#8cc8ff);clip-path:polygon(0 50%,10% 12%,24% 88%,38% 8%,52% 92%,66% 14%,80% 86%,100% 50%,82% 64%,68% 34%,52% 100%,38% 32%,24% 100%,10% 38%);animation:bolt .42s ease-out var(--dl,0s) forwards}@keyframes bolt{0%{opacity:0}18%{opacity:1}to{opacity:0}}.jrain{position:absolute;top:-12%;width:9%;height:9%;margin-left:-4.5%;pointer-events:none;z-index:3;border-radius:50%;background:var(--p);box-shadow:inset 0 -2px #00000040;opacity:0;animation:jrain 1.15s cubic-bezier(.4,0,.9,.6) var(--dl,0s) forwards}.jrain svg{display:block;width:84%;height:84%;margin:8%}@keyframes jrain{0%{transform:translateY(0) rotate(0);opacity:1}85%{opacity:1}to{transform:translateY(1250%) rotate(var(--r));opacity:0}}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.14)}28%{transform:scale(1)}42%{transform:scale(1.1)}70%{transform:scale(1)}}.moves.low.urgent{animation:heartbeat .9s ease-in-out infinite}.hud.urgent .goal:not(.done){animation:heartbeat .9s ease-in-out .12s infinite}.goal.hit{animation:pillhit .38s cubic-bezier(.3,1.8,.5,1)}@keyframes pillhit{0%{transform:scale(1)}40%{transform:scale(1.2)}to{transform:none}}.gfly{position:fixed;z-index:40;width:0;height:0;pointer-events:none;animation:gx .66s cubic-bezier(.55,0,.9,.6) var(--dl,0s) both}.gfly i{position:absolute;left:-11px;top:-11px;width:22px;height:22px;border-radius:50%;background:var(--p);box-shadow:inset 0 -2px #00000040,0 0 0 2px #fff5de;animation:gy .66s cubic-bezier(.1,.6,.4,1) var(--dl,0s) both}.gfly svg{display:block;width:80%;height:80%;margin:10%}@keyframes gx{0%{transform:translate(0)}to{transform:translate(var(--dx))}}@keyframes gy{0%{transform:translateY(0) scale(.8);opacity:1}85%{opacity:1}to{transform:translateY(var(--dy)) scale(.45);opacity:0}}.starbar i.sflt{position:absolute;top:50%;z-index:5;font-size:26px;line-height:1;color:#ffc93c;-webkit-text-stroke:2px #8E5A00;margin:-13px 0 0 -13px;pointer-events:none;animation:sflt 1s ease-out var(--dl,0s) both}.starbar i.sflt.trail{font-size:14px;color:#ffe27a;-webkit-text-stroke:0;margin:-7px 0 0 calc(var(--sx,0px) - 7px);animation-name:strail}@keyframes sflt{0%{transform:translateY(0) scale(.6);opacity:1}60%{opacity:1}to{transform:translateY(-84px) rotate(30deg) scale(1.3);opacity:0}}@keyframes strail{0%{transform:translateY(0) scale(1);opacity:0}25%{opacity:1}to{transform:translateY(-60px) scale(.2);opacity:0}}.ripple{position:absolute;width:90px;height:90px;margin:-45px 0 0 -45px;border-radius:50%;pointer-events:none;background:#fff9;transform:scale(.1);opacity:0;animation:ripple .55s ease-out forwards}.btn.ghost .ripple{background:#e5402a38}@keyframes ripple{0%{transform:scale(.1);opacity:.7}to{transform:scale(2.2);opacity:0}}.mama,.big-mama{position:relative}.lid{position:absolute;top:55.4%;width:9.5%;height:9.5%;border-radius:50%;background:#5a2e14;pointer-events:none;transform-origin:50% 0;transform:scaleY(0);animation:blink 4.6s ease-in-out infinite}.lid.l{left:35.9%}.lid.r{left:54.6%}@keyframes blink{0%,90%,to{transform:scaleY(0)}94%{transform:scaleY(1)}}.arm{position:absolute;bottom:4%;width:12%;height:34%;border-radius:99px;background:#5a2e14;pointer-events:none;opacity:0;transform-origin:50% 100%}.arm:after{content:"";position:absolute;left:-15%;top:-14%;width:130%;aspect-ratio:1;border-radius:50%;background:#ffc93c;box-shadow:inset 0 0 0 1.5px #9a6a00}.arm.l{left:-4%;--ar:-38deg}.arm.r{right:-4%;--ar:38deg}@keyframes armsup{0%{opacity:0;transform:rotate(0) scaleY(.3)}22%,72%{opacity:1;transform:rotate(var(--ar)) scaleY(1)}to{opacity:0;transform:rotate(var(--ar)) scaleY(.6)}}@keyframes armwave{0%{opacity:1;transform:rotate(calc(var(--ar) * .5))}to{opacity:1;transform:rotate(calc(var(--ar) * 1.15))}}.mama.cheering .arm{animation:armsup .75s ease-out both}.mama.dance .arm,.card[data-kind=win] .big-mama .arm{animation:armwave .45s ease-in-out infinite alternate}.sweat{position:absolute;left:68%;top:8%;width:12%;height:18%;border-radius:50%/65% 65% 35% 35%;background:#7cc4f5;box-shadow:inset -2px -2px #00000026;opacity:0;pointer-events:none}.mama.worried .sweat,.card[data-kind=lose] .big-mama .sweat{animation:drip 1.2s ease-in infinite}@keyframes drip{0%{transform:translateY(-10%) scale(.6);opacity:0}25%{opacity:1;transform:scale(1)}to{transform:translateY(160%);opacity:0}}.mama.worried{animation:worry .5s ease-in-out infinite}@keyframes worry{0%,to{transform:translate(0) rotate(-2deg)}25%{transform:translate(-2px) rotate(-5deg)}75%{transform:translate(2px) rotate(3deg)}}.mama.worried.cheering{animation:cheerjump .7s cubic-bezier(.3,1.5,.5,1),worry .5s .7s ease-in-out infinite}.mama.dance,.mama.dance.cheering{animation:dance .7s ease-in-out infinite}@keyframes dance{0%,to{transform:translateY(0) rotate(-8deg)}25%{transform:translateY(-6px) rotate(0)}50%{transform:translateY(0) rotate(8deg)}75%{transform:translateY(-6px) rotate(0)}}.card[data-kind=win] h3,.card[data-kind=lose] h3{animation:unfurl .6s .12s cubic-bezier(.2,1.3,.4,1) backwards}.card[data-kind=win] h3{animation:unfurl .6s .12s cubic-bezier(.2,1.3,.4,1) backwards,ribbon 3.4s .8s ease-in-out infinite}.card[data-kind=win] h3:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translate(-120%);animation:ribshine 2.8s 1s ease-in-out infinite}@keyframes unfurl{0%{transform:scaleX(.2) rotate(-4deg);opacity:0}}@keyframes ribbon{0%,to{transform:rotate(-.8deg)}50%{transform:rotate(.8deg)}}@keyframes ribshine{0%,60%{transform:translate(-120%)}to{transform:translate(120%)}}.streamer{position:absolute;top:8px;width:14px;height:64px;pointer-events:none;transform-origin:50% 0;background:repeating-linear-gradient(180deg,#e5402a 0 10px,#ffc93c 10px 20px);clip-path:polygon(0 0,100% 0,100% 100%,50% 88%,0 100%);animation:streamer 2.6s ease-in-out infinite alternate}.streamer.s-l{left:16px}.streamer.s-r{right:16px;animation-delay:-1.3s;background:repeating-linear-gradient(180deg,#0e6b3f 0 10px,#ffc93c 10px 20px)}@keyframes streamer{0%{transform:rotate(-9deg)}to{transform:rotate(9deg)}}.coinrain{position:absolute;inset:0;overflow:hidden;border-radius:26px;pointer-events:none;z-index:1}.coinrain i{position:absolute;top:-34px;width:26px;height:26px;animation:coinfall var(--dur,3s) linear var(--dl,0s) infinite}.coinrain svg{display:block;width:100%;height:100%}@keyframes coinfall{0%{transform:translateZ(0) rotateY(0);opacity:0}8%{opacity:1}92%{opacity:1}to{transform:translate3d(var(--sw),760px,0) rotateY(1080deg);opacity:0}}.raincloud{position:absolute;right:22px;top:22px;width:54px;height:30px;pointer-events:none;animation:cloudbob 3s ease-in-out infinite}.rc{position:absolute;left:0;top:8px;width:54px;height:20px;border-radius:99px;background:#8c97a6}.rc:before,.rc:after{content:"";position:absolute;border-radius:50%;background:#8c97a6}.rc:before{width:26px;height:26px;left:8px;top:-14px}.rc:after{width:20px;height:20px;left:28px;top:-8px}.rd{position:absolute;top:26px;width:4px;height:9px;border-radius:50%;background:#7cc4f5;opacity:0;animation:raindrop .9s linear infinite}.rd.d1{left:14px}.rd.d2{left:26px;animation-delay:.3s}.rd.d3{left:38px;animation-delay:.6s}@keyframes raindrop{0%{transform:translateY(0);opacity:0}20%{opacity:1}to{transform:translateY(34px);opacity:0}}@keyframes cloudbob{50%{transform:translateY(3px)}}.heart{position:absolute;left:24%;top:74px;font-style:normal;font-size:18px;line-height:1;color:#e5402a;opacity:0;pointer-events:none;animation:heartup 3.2s ease-out infinite}.heart.h2{left:70%;font-size:14px;animation-delay:1.6s}@keyframes heartup{0%{transform:translateY(0) scale(.6);opacity:0}20%{opacity:.9}to{transform:translateY(-40px) scale(1.1);opacity:0}}.card[data-kind=intro]>*{animation:introrise .45s cubic-bezier(.2,1.2,.4,1) backwards}.card[data-kind=intro]>:nth-child(1){animation-delay:.12s}.card[data-kind=intro]>:nth-child(2){animation-delay:.2s}.card[data-kind=intro]>:nth-child(3){animation-delay:.28s}.card[data-kind=intro]>:nth-child(4){animation-delay:.36s}.card[data-kind=intro]>:nth-child(5){animation-delay:.44s}.card[data-kind=intro]>:nth-child(6){animation-delay:.52s}.card[data-kind=intro] .goal-line{animation:introrise .4s cubic-bezier(.2,1.2,.4,1) backwards}.card[data-kind=intro] .goal-line:nth-child(1){animation-delay:.34s}.card[data-kind=intro] .goal-line:nth-child(2){animation-delay:.44s}.card[data-kind=intro] .goal-line:nth-child(3){animation-delay:.54s}@keyframes introrise{0%{opacity:0;transform:translateY(16px) scale(.96)}}html[data-motion=calm] .tile,html[data-motion=calm] .board,html[data-motion=calm] .plate,html[data-motion=calm] .bubble,html[data-motion=calm] #barfill{transition:none!important}html[data-motion=calm] *,html[data-motion=calm] *:before,html[data-motion=calm] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.01ms!important}html[data-motion=calm] .amb,html[data-motion=calm] .cloud,html[data-motion=calm] .twk,html[data-motion=calm] .confetti,html[data-motion=calm] .fx .pt,html[data-motion=calm] .fx .ring,html[data-motion=calm] .spark,html[data-motion=calm] .rays,html[data-motion=calm] .beam,html[data-motion=calm] .card:after,html[data-motion=calm] .btn:after,html[data-motion=calm] .cellbg:before,html[data-motion=calm] .cellbg.b1:after,html[data-motion=calm] .fwave,html[data-motion=calm] .bolt,html[data-motion=calm] .jrain,html[data-motion=calm] .flare,html[data-motion=calm] .gfly,html[data-motion=calm] .sflt,html[data-motion=calm] .ripple,html[data-motion=calm] .coinrain,html[data-motion=calm] .streamer,html[data-motion=calm] .heart,html[data-motion=calm] .rd,html[data-motion=calm] .heat,html[data-motion=calm] .lick,html[data-motion=calm] .arc,html[data-motion=calm] .steam,html[data-motion=calm] .tile.falling:before,html[data-motion=calm] .card h3:after{display:none!important}html[data-motion=calm] .board-wrap,html[data-motion=calm] .board-wrap.quake,html[data-motion=calm] .board-wrap.quake-big,html[data-motion=calm] .cheer,html[data-motion=calm] .popup,html[data-motion=calm] .cmb,html[data-motion=calm] .card,html[data-motion=calm] .card h3,html[data-motion=calm] .card[data-kind=intro]>*,html[data-motion=calm] .card[data-kind=intro] .goal-line,html[data-motion=calm] .moves.low,html[data-motion=calm] .moves.low.urgent,html[data-motion=calm] .hud.urgent .goal,html[data-motion=calm] .goal.hit,html[data-motion=calm] .tool.on,html[data-motion=calm] .mama,html[data-motion=calm] .mama.worried,html[data-motion=calm] .mama.dance,html[data-motion=calm] .mama.cheering,html[data-motion=calm] .big-mama,html[data-motion=calm] .lid,html[data-motion=calm] .arm,html[data-motion=calm] .sweat,html[data-motion=calm] .halo,html[data-motion=calm] .stripe,html[data-motion=calm] .sp-pot .plate svg.food,html[data-motion=calm] .badge,html[data-motion=calm] .raincloud,html[data-motion=calm] .starbar i.sflt{animation:none!important}html[data-motion=calm] .cellbg.b2:after{animation:none!important;opacity:.7}html[data-motion=calm] .tile.pop .plate{animation:pop .01ms forwards!important}html[data-motion=calm] .tile.hint .plate{box-shadow:0 0 0 3px #fff,0 0 0 5px #20150b,inset 0 -4px #00000042}html[data-motion=calm] .hand{animation:none!important;opacity:1}@media(prefers-reduced-motion:reduce){html:not([data-motion=full]) .tile,html:not([data-motion=full]) .board,html:not([data-motion=full]) .plate,html:not([data-motion=full]) .bubble,html:not([data-motion=full]) #barfill{transition:none!important}html:not([data-motion=full]) *,html:not([data-motion=full]) *:before,html:not([data-motion=full]) *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.01ms!important}html:not([data-motion=full]) .amb,html:not([data-motion=full]) .cloud,html:not([data-motion=full]) .twk,html:not([data-motion=full]) .confetti,html:not([data-motion=full]) .fx .pt,html:not([data-motion=full]) .fx .ring,html:not([data-motion=full]) .spark,html:not([data-motion=full]) .rays,html:not([data-motion=full]) .beam,html:not([data-motion=full]) .card:after,html:not([data-motion=full]) .btn:after,html:not([data-motion=full]) .cellbg:before,html:not([data-motion=full]) .cellbg.b1:after,html:not([data-motion=full]) .fwave,html:not([data-motion=full]) .bolt,html:not([data-motion=full]) .jrain,html:not([data-motion=full]) .flare,html:not([data-motion=full]) .gfly,html:not([data-motion=full]) .sflt,html:not([data-motion=full]) .ripple,html:not([data-motion=full]) .coinrain,html:not([data-motion=full]) .streamer,html:not([data-motion=full]) .heart,html:not([data-motion=full]) .rd,html:not([data-motion=full]) .heat,html:not([data-motion=full]) .lick,html:not([data-motion=full]) .arc,html:not([data-motion=full]) .steam,html:not([data-motion=full]) .tile.falling:before,html:not([data-motion=full]) .card h3:after{display:none!important}html:not([data-motion=full]) .board-wrap,html:not([data-motion=full]) .board-wrap.quake,html:not([data-motion=full]) .board-wrap.quake-big,html:not([data-motion=full]) .cheer,html:not([data-motion=full]) .popup,html:not([data-motion=full]) .cmb,html:not([data-motion=full]) .card,html:not([data-motion=full]) .card h3,html:not([data-motion=full]) .card[data-kind=intro]>*,html:not([data-motion=full]) .card[data-kind=intro] .goal-line,html:not([data-motion=full]) .moves.low,html:not([data-motion=full]) .moves.low.urgent,html:not([data-motion=full]) .hud.urgent .goal,html:not([data-motion=full]) .goal.hit,html:not([data-motion=full]) .tool.on,html:not([data-motion=full]) .mama,html:not([data-motion=full]) .mama.worried,html:not([data-motion=full]) .mama.dance,html:not([data-motion=full]) .mama.cheering,html:not([data-motion=full]) .big-mama,html:not([data-motion=full]) .lid,html:not([data-motion=full]) .arm,html:not([data-motion=full]) .sweat,html:not([data-motion=full]) .halo,html:not([data-motion=full]) .stripe,html:not([data-motion=full]) .sp-pot .plate svg.food,html:not([data-motion=full]) .badge,html:not([data-motion=full]) .raincloud,html:not([data-motion=full]) .starbar i.sflt{animation:none!important}html:not([data-motion=full]) .cellbg.b2:after{animation:none!important;opacity:.7}html:not([data-motion=full]) .tile.pop .plate{animation:pop .01ms forwards!important}html:not([data-motion=full]) .tile.hint .plate{box-shadow:0 0 0 3px #fff,0 0 0 5px #20150b,inset 0 -4px #00000042}html:not([data-motion=full]) .hand{animation:none!important;opacity:1}}html[data-motion=calm] .life,html[data-motion=calm] .blife,html[data-motion=calm] .mburst{display:none!important}@media(prefers-reduced-motion:reduce){html:not([data-motion=full]) .life,html:not([data-motion=full]) .blife,html:not([data-motion=full]) .mburst{display:none!important}}.wl{position:fixed;inset:0;z-index:9999;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#22a6f2,#6ccffb 38%,#c4eefd 66%,#fff1a6);color:#1d2b53;font-family:var(--body,system-ui,sans-serif);opacity:1;transform:scale(1);transition:opacity .35s ease,transform .35s ease;touch-action:manipulation;cursor:pointer}.wl--out{opacity:0;transform:scale(1.06);pointer-events:none}.wl--out *{animation-play-state:paused}.wl--paused *{animation-play-state:paused!important}.wl-sky,.wl-fw{position:absolute;inset:0;pointer-events:none}.wl-sun{position:absolute;right:7%;top:6%;width:clamp(96px,26vmin,170px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fffbd2 0 36%,#ffdb3d 38% 58%,#ffdb3d61 60%,#ffdb3d00 72%);animation:wl-sun 4s ease-in-out infinite}.wl-clouds{position:absolute;inset:0;animation:wl-clouds 26s ease-in-out infinite alternate}.wl-cl{position:absolute;left:0;width:110px;height:32px;border-radius:99px;background:#fff;box-shadow:0 3px #78aad259}.wl-cl:before,.wl-cl:after{content:"";position:absolute;border-radius:50%;background:#fff}.wl-cl:before{width:50px;height:50px;left:16px;top:-26px}.wl-cl:after{width:38px;height:38px;left:62px;top:-17px}.wl-cl.c1{left:6%;top:21%}.wl-cl.c2{left:56%;top:34%;transform:scale(.75)}.wl-cl.c3{left:28%;top:12%;transform:scale(.55)}.wl-spk{position:absolute;width:var(--s);height:var(--s);background:#fff;opacity:.95;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}.wl-bunting{position:absolute;left:0;right:0;top:0;height:30px;background:repeating-linear-gradient(90deg,#ff3b30 0 26px,#ffc93c 26px 52px,#12b76a 52px 78px,#2f7fd1 78px 104px);-webkit-mask:conic-gradient(from -32deg at 50% 0,#000 64deg,transparent 0) 0 0/26px 100%;mask:conic-gradient(from -32deg at 50% 0,#000 64deg,transparent 0) 0 0/26px 100%}.wl-ground{position:absolute;left:0;right:0;bottom:0;height:22%;background:linear-gradient(180deg,#86e05a,#3fb84c);border-top:4px solid #FFC93C}.wl-main{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,3vh,26px);padding:16px;text-align:center;max-height:100%}.wl-title{position:relative;z-index:4;padding:8px 24px 12px;border-radius:22px;background:#fffae8f2;box-shadow:0 0 0 3px #fff,0 5px 0 3px #e0a800;animation:wl-drop .7s cubic-bezier(.3,1.5,.5,1) both}.wl-logo{font-family:var(--display,"Lilita One",system-ui,sans-serif);font-size:clamp(44px,13vw,76px);line-height:.95;color:#d9480f;text-shadow:0 3px 0 #FFC93C}.wl-logo span{color:#0e6b3f}.wl-hi{margin:6px 0 0;font-weight:900;font-size:clamp(18px,5vw,24px);color:#1d2b53}.wl-scene{--p:clamp(150px,36vmin,230px);position:relative;width:var(--p);height:calc(var(--p)*1.05);margin-top:calc(var(--p)*.35)}.wl-glow{position:absolute;left:-30%;right:-30%;bottom:-12%;height:60%;background:radial-gradient(ellipse at 50% 60%,#ff8c1e99,#ff781e00 68%);animation:wl-glow 1.6s ease-in-out infinite}.wl-fire{position:absolute;left:8%;right:8%;bottom:-2%;height:42%;display:flex;justify-content:space-between;align-items:flex-end}.wl-fire i{display:block;width:34%;height:100%;border-radius:50% 50% 45% 45%/70% 70% 30% 30%;background:radial-gradient(ellipse at 50% 85%,#fff1a8 0,#ffc93c 30%,#ff6a1f 62%,#e5402a00 75%);transform-origin:50% 100%;animation:wl-flame .5s ease-in-out infinite alternate}.wl-fire i:nth-child(2){height:130%;animation-duration:.42s;animation-delay:-.2s}.wl-fire i:nth-child(3){animation-duration:.58s;animation-delay:-.35s}.wl-pot{position:absolute;inset:0 0 6%;transform-origin:50% 100%;animation:wl-rattle .8s ease-in-out infinite}.wl-pot .food,.wl-food .food{display:block;width:100%;height:100%}.wl-flyers,.wl-smoke{position:absolute;inset:0;pointer-events:none}.wl-flyers{z-index:0}.wl-pot{z-index:1}.wl-smoke{z-index:3}.wl-fx,.wl-fy{position:absolute;left:calc(50% - 26px);top:18%;width:52px;height:52px;display:block;animation-iteration-count:infinite;animation-duration:var(--dur);opacity:0}.wl-fx{animation-name:wl-fx;animation-timing-function:linear;opacity:1}.wl-fy{left:0;top:0;animation-name:wl-fy}.wl-food{display:block;width:100%;height:100%;border-radius:50%;padding:5px;box-sizing:border-box;background:var(--plate);background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--plate) 70%,#fff),var(--plate) 70%);box-shadow:0 0 0 2px #fff,0 0 0 3px #1d2b5359}.wl-grain,.wl-glint{display:block;position:absolute;left:20px;top:20px;opacity:.95}.wl-grain{width:8px;height:5px;border-radius:50%;background:#fff5de;box-shadow:0 0 0 1px #e4531e}.wl-glint{width:9px;height:9px;background:#ffe9a0;box-shadow:0 0 0 1px #c77a00;transform:rotate(45deg);border-radius:2px}.wl-smoke i{position:absolute;left:calc(50% - 30px);top:14%;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#fff 0,#f1f1f5 60%,#e2e4ec);box-shadow:0 0 0 2px #fff4d6f2,0 0 10px 3px #fff4d699;opacity:0;animation:wl-smoke 3.2s ease-out calc(var(--i)*.45s) infinite}.wl-smoke i:nth-child(odd){width:80px;height:80px;left:calc(50% - 40px)}.wl-actions{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:clamp(6px,2vh,18px)}.wl-go{font:inherit;font-family:var(--display,"Lilita One",system-ui,sans-serif);font-size:clamp(22px,6vw,28px);min-height:56px;min-width:min(260px,80vw);padding:10px 34px;border:0;border-bottom:5px solid #9A6A00;border-radius:16px;background:#ffc93c;color:#1d2b53;cursor:pointer;animation:wl-bounce 1.1s ease-in-out infinite}.wl-calm{font:inherit;font-weight:900;font-size:16px;min-height:44px;min-width:44px;padding:8px 22px;border:2px solid #1D2B53;border-radius:14px;background:#fff;color:#1d2b53;cursor:pointer}.wl--calm .wl-go,.wl--calm .wl-title,.wl--calm .wl-pot,.wl--calm .wl-fire i,.wl--calm .wl-glow,.wl--calm .wl-sun,.wl--calm .wl-clouds{animation:none}.wl--calm .wl-glow{opacity:.8}.wl--calm .wl-fire i{opacity:.9}.wl--rest .wl-fw,.wl--rest .wl-flyers{opacity:0;transition:opacity .4s ease}.wl--rest .wl-fx,.wl--rest .wl-fy{animation-play-state:paused}.wl-b{position:absolute;width:0;height:0;visibility:hidden}.wl-b.go{visibility:visible}.wl-flash,.wl-spark{position:absolute;pointer-events:none}.wl-flash{width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:radial-gradient(circle,#fff 0,var(--c) 55%,transparent 72%)}.wl-spark{left:0;top:0;width:22px;height:4px;margin:-2px 0 0;border-radius:2px;background:linear-gradient(90deg,transparent,var(--c) 35%,var(--c) 75%,#fff);box-shadow:0 0 0 1px #ffffffbf;transform-origin:0 50%;opacity:0}.wl-b.go .wl-flash{animation:wl-flash .5s ease-out forwards}.wl-b.go .wl-spark{animation:wl-spark 1s cubic-bezier(.15,.7,.3,1) forwards}@keyframes wl-sun{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes wl-clouds{0%{transform:translate(-4%)}to{transform:translate(6%)}}@keyframes wl-drop{0%{opacity:0;transform:translateY(-24px) scale(.9)}to{opacity:1;transform:none}}@keyframes wl-glow{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes wl-flame{0%{transform:scale(.9,.8)}to{transform:scale(1.08,1.15)}}@keyframes wl-rattle{0%,to{transform:translate(0) rotate(0)}15%{transform:translate(-2px,-5px) rotate(-2deg)}30%{transform:translate(2px) rotate(2deg)}45%{transform:translate(-1px,-9px) rotate(-1deg) scale(1.02,.98)}60%{transform:translate(2px) rotate(1.5deg)}80%{transform:translate(-1px,-3px) rotate(-1.5deg)}}@keyframes wl-fx{0%{transform:translate(0)}50%{transform:translate(var(--dx))}to{transform:translate(0)}}@keyframes wl-fy{0%{opacity:0;transform:translateY(10px) scale(.5,.4);animation-timing-function:cubic-bezier(.2,.8,.4,1)}8%{opacity:1}45%{opacity:1;transform:translateY(calc(var(--h)*-1)) scale(1.05,.92) rotate(calc(var(--r)*.5));animation-timing-function:cubic-bezier(.6,0,.9,.4)}88%{opacity:1;transform:translateY(-2px) scale(.9,1.12) rotate(var(--r))}to{opacity:0;transform:translateY(10px) scale(.4) rotate(var(--r))}}@keyframes wl-smoke{0%{opacity:0;transform:translate(0) scale(.4)}15%{opacity:.6}50%{transform:translate(calc(var(--sx)*18px),-70px) scale(1.2)}to{opacity:0;transform:translate(calc(var(--sx)*-14px),-150px) scale(2)}}@keyframes wl-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-7px) scale(1.04)}}@keyframes wl-flash{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(4)}}@keyframes wl-spark{0%{opacity:1;transform:rotate(var(--a)) translate(0) scaleX(.3)}60%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translate(var(--d)) scaleX(1)}}@media(max-height:560px){.wl-main{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:12px 28px}.wl-scene{margin-top:0;--p:clamp(110px,30vh,170px)}.wl-title{background:#fffae8fa}}@media(prefers-reduced-motion:reduce){html:not([data-motion=full]) .wl *{animation:none!important}}