@font-face{font-family:Baloo Bhaijaan;src:url(fonts/BalooBhaijaan-subset.woff) format("woff");font-weight:100 1000;font-display:swap}:root{--u: calc(min(100vw, 56.278vh) / 941);--font: "Baloo Bhaijaan", "Cairo", "Tajawal", "Noto Sans Arabic", "Noto Kufi Arabic", "Segoe UI", Tahoma, "Geeza Pro", "SF Arabic", "Droid Arabic Naskh", system-ui, sans-serif;--ink: #3b2410;--brown: #6a3b12;--gold: #b8893d;--paper: #fff5dc}@supports (height: 100dvh){:root{--u: calc(min(100vw, 56.278dvh) / 941)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#2b1d10;color:var(--ink);font-family:var(--font);overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-text-size-adjust:100%}button{font-family:inherit}input{font-family:inherit;-webkit-user-select:text;user-select:text}img{-webkit-user-drag:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.grow{flex:1}:focus-visible{outline:calc(var(--u)*7) solid #2b7bff;outline-offset:calc(var(--u)*4)}.app{position:fixed;inset:0;overflow:hidden;overflow:clip}.backdrop{position:absolute;inset:-8%;background-size:cover;background-position:center;filter:blur(26px) brightness(.72) saturate(1.15);transition:background-image .3s}.stage{position:absolute;left:50%;top:50%;width:calc(var(--u) * 941);height:calc(var(--u) * 1672);transform:translate(-50%,-50%);overflow:hidden;overflow:clip;background:#1c120a;box-shadow:0 0 60px #0000008c}.screen{position:absolute;inset:0;overflow:hidden;overflow:clip}.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.bg.blurred{filter:blur(9px) brightness(.86) saturate(1.1);transform:scale(1.07)}.veil{position:absolute;inset:0;background:#ffffff47}.veil.dark{background:linear-gradient(#1e100447,#1e100480)}.sprite{display:block;object-fit:contain;filter:drop-shadow(0 calc(var(--u)*6) calc(var(--u)*8) rgba(0,0,0,.25))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--u)*14);min-height:calc(var(--u)*116);padding:0 calc(var(--u)*40);font-weight:800;font-size:calc(var(--u)*48);line-height:1.15;color:#fff;border:calc(var(--u)*5) solid;border-radius:999px;cursor:pointer;text-shadow:0 calc(var(--u)*3) 0 rgba(0,0,0,.25);box-shadow:0 calc(var(--u)*10) 0 #00000047,0 calc(var(--u)*18) calc(var(--u)*28) #00000038;transition:transform .12s,box-shadow .12s,filter .12s;text-align:center}.btn:active:not(:disabled){transform:translateY(calc(var(--u)*6));box-shadow:0 calc(var(--u)*4) 0 #00000047,0 calc(var(--u)*8) calc(var(--u)*14) #0003}.btn:disabled{filter:grayscale(.8) brightness(.92);opacity:.72;cursor:not-allowed}.btn-green{background:linear-gradient(#80d84f,#2f9a2f);border-color:#1e6b1c}.btn-orange{background:linear-gradient(#ffc64d,#ee8a1a);border-color:#a85a0c}.btn-wood{background:linear-gradient(#bf8244,#7d4a20);border-color:#4a2a10;color:#fff1d6}.btn-paper{background:linear-gradient(#fffaf0,#f0dfb4);border-color:#b99358;color:#5a3512;text-shadow:none}.btn-blue{background:linear-gradient(#62bdf5,#2a7fd0);border-color:#1b5aa0}.btn-lg{min-height:calc(var(--u)*132);font-size:calc(var(--u)*58)}.btn-sm{min-height:calc(var(--u)*116);font-size:calc(var(--u)*42);padding:0 calc(var(--u)*28)}.btn.wide{width:100%;margin-bottom:calc(var(--u)*20)}.btn-icon{width:calc(var(--u)*64);height:calc(var(--u)*64);object-fit:contain}.btn svg{flex:none}.icon-btn{position:relative;width:max(calc(var(--u)*116),44px);height:max(calc(var(--u)*116),44px);flex:none;padding:0;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#fffaf0,#f3dfae);border:calc(var(--u)*5) solid var(--gold);color:#5a3512;cursor:pointer;box-shadow:0 calc(var(--u)*8) 0 #00000040,0 calc(var(--u)*12) calc(var(--u)*20) #0003;transition:transform .12s}.icon-btn:active{transform:translateY(calc(var(--u)*5))}.icon-btn .icon-img{width:calc(var(--u)*76);height:calc(var(--u)*76);object-fit:contain}.corner-left,.corner-right{position:absolute;top:calc(var(--u)*26);z-index:6}.corner-left{left:calc(var(--u)*26)}.corner-right{right:calc(var(--u)*26)}.read-aloud{width:max(calc(var(--u)*108),44px);height:max(calc(var(--u)*108),44px);background:linear-gradient(#e8f6ff,#b9defa);border-color:#4a8fc6;color:#1b5aa0}.read-aloud.on{background:linear-gradient(#ffe7e2,#f6b3a8);border-color:#c0392b;color:#8a2417}.topbar{position:absolute;top:calc(var(--u)*26);left:calc(var(--u)*26);right:calc(var(--u)*26);height:calc(var(--u)*116);display:flex;align-items:center;gap:calc(var(--u)*14);z-index:6}.map-title{flex:1;margin:0;text-align:center;font-size:calc(var(--u)*50);font-weight:900;color:#5a3512;padding:calc(var(--u)*14) calc(var(--u)*18);line-height:1.2;background:#fff8e6ed;border:calc(var(--u)*5) solid var(--gold);border-radius:999px;box-shadow:0 calc(var(--u)*6) 0 #0000002e}.points-pill{display:flex;align-items:center;gap:calc(var(--u)*8);height:calc(var(--u)*104);padding:0 calc(var(--u)*28);flex:none;font-weight:900;font-size:calc(var(--u)*52);color:#5a3512;background:linear-gradient(#fffaf0,#f3dfae);border:calc(var(--u)*5) solid var(--gold);border-radius:999px;box-shadow:0 calc(var(--u)*6) 0 #0003}.points-pill.bump{animation:bump .6s}.brand{display:inline-flex;flex-direction:column;align-items:center;gap:calc(var(--u)*8);text-decoration:none;color:#5a3512}.brand img{width:calc(var(--u)*320);height:auto;display:block}.brand-handle{display:inline-flex;align-items:center;gap:calc(var(--u)*10);direction:ltr;font-weight:800;font-size:calc(var(--u)*42);color:#8a2a1c;background:#fff8e6;border:calc(var(--u)*4) solid var(--gold);border-radius:999px;padding:calc(var(--u)*6) calc(var(--u)*26)}.brand-compact{flex-direction:row;gap:calc(var(--u)*14)}.brand-compact img{width:calc(var(--u)*130)}.brand-compact .brand-handle{font-size:calc(var(--u)*38)}.home-brand{position:absolute;left:0;right:0;bottom:calc(var(--u)*14);display:flex;justify-content:center}.home-brand .brand{background:#fff8e6eb;border-radius:999px;padding:calc(var(--u)*6) calc(var(--u)*24);box-shadow:0 calc(var(--u)*6) calc(var(--u)*14) #00000040}.plank{margin:0;display:grid;place-items:center;text-align:center;line-height:1.25;padding:0 calc(var(--u)*30);font-size:calc(var(--u)*56);font-weight:900;color:#fff1d6;background:linear-gradient(#bf8244,#7d4a20);border:calc(var(--u)*6) solid #4a2a10;border-radius:calc(var(--u)*36);text-shadow:0 calc(var(--u)*4) 0 rgba(0,0,0,.35);box-shadow:0 calc(var(--u)*10) 0 #0000004d,0 calc(var(--u)*20) calc(var(--u)*30) #00000040}.hero-row{display:flex;gap:calc(var(--u)*42)}.hero-card{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:calc(var(--u)*20) calc(var(--u)*20) calc(var(--u)*14);cursor:pointer;border:calc(var(--u)*7) solid var(--gold);border-radius:calc(var(--u)*50);background:linear-gradient(#fffaf0,#f3dfae);box-shadow:0 calc(var(--u)*12) 0 #5a351266;transition:transform .2s,box-shadow .2s}.hero-card :is(img,canvas){height:calc(var(--u)*305);width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 calc(var(--u)*8) calc(var(--u)*8) rgba(0,0,0,.2))}.hero-label{font-size:calc(var(--u)*54);font-weight:900;color:var(--brown)}.hero-card.on{border-color:#2f9a2f;background:linear-gradient(#ecfadb,#bfe79a);transform:scale(1.04);box-shadow:0 0 0 calc(var(--u)*9) #7ad34a8c,0 calc(var(--u)*12) 0 #1e6b1c80}.hero-check{position:absolute;top:calc(var(--u)*-30);left:calc(var(--u)*-14);width:calc(var(--u)*96);height:calc(var(--u)*96);border-radius:50%;display:grid;place-items:center;font-size:calc(var(--u)*60);font-weight:900;color:#fff;background:#2f9a2f;border:calc(var(--u)*6) solid #fff;animation:pop-in .35s both}.name-box{display:flex;flex-direction:row;align-items:center;gap:calc(var(--u)*18);padding:0 calc(var(--u)*26);background:#fff8e6f2;border:calc(var(--u)*6) solid var(--gold);border-radius:calc(var(--u)*40);box-shadow:0 calc(var(--u)*8) 0 #0000002e}.name-box label{flex:none;font-size:calc(var(--u)*38);line-height:1.3;font-weight:800;color:var(--brown)}.name-box input{flex:1;min-width:0;height:max(calc(var(--u)*82),44px);padding:0 calc(var(--u)*22);font-size:calc(var(--u)*48);font-weight:700;color:var(--ink);background:#fff;border:calc(var(--u)*5) solid #8f7a55;border-radius:calc(var(--u)*26);text-align:right}.bubble{background:#fff;border:calc(var(--u)*6) solid var(--gold);border-radius:calc(var(--u)*40);padding:calc(var(--u)*22) calc(var(--u)*28);font-weight:800;font-size:calc(var(--u)*42);line-height:1.55;color:#4a2a10;box-shadow:0 calc(var(--u)*8) 0 #0000002e}.bubble p{margin:0}.mini-bubble{font-size:calc(var(--u)*40);padding:calc(var(--u)*14) calc(var(--u)*24);line-height:1.4}.look-panel{display:flex;flex-direction:column;justify-content:space-around;padding:calc(var(--u)*14) calc(var(--u)*20);background:#fff8e6f5;border:calc(var(--u)*6) solid var(--gold);border-radius:calc(var(--u)*44);box-shadow:0 calc(var(--u)*8) 0 #0000002e}.look-head{display:flex;justify-content:space-between;align-items:baseline;padding:0 calc(var(--u)*10);font-size:calc(var(--u)*40);font-weight:800;color:var(--brown)}.look-head b{font-weight:900;color:#2f7d2f}.swatches{display:flex;justify-content:space-between}.swatch{position:relative;width:max(calc(var(--u)*112),44px);height:max(calc(var(--u)*112),44px);display:grid;place-items:center;padding:0;background:none;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.swatch i{display:block;width:calc(var(--u)*84);height:calc(var(--u)*84);border-radius:50%;border:calc(var(--u)*6) solid #fff;box-shadow:0 0 0 calc(var(--u)*3) #4a2a108c,0 calc(var(--u)*6) 0 #0000002e;transition:transform .16s cubic-bezier(.3,1.8,.5,1),box-shadow .16s}.swatch:active i{transform:scale(.88)}.swatch.on i{transform:scale(1.18);box-shadow:0 0 0 calc(var(--u)*8) #2f9a2f,0 calc(var(--u)*8) 0 #0003}.swatch.on:after{content:"\2713";position:absolute;top:calc(var(--u)*2);left:calc(var(--u)*2);width:calc(var(--u)*40);height:calc(var(--u)*40);border-radius:50%;display:grid;place-items:center;font-size:calc(var(--u)*28);font-weight:900;line-height:1;color:#fff;background:#2f9a2f;border:calc(var(--u)*4) solid #fff;animation:pop-in .3s both}.swatch:focus-visible{outline:calc(var(--u)*6) solid #2f6fdc;outline-offset:calc(var(--u)*-6);border-radius:calc(var(--u)*24)}.flight-bubble{display:flex;gap:calc(var(--u)*22);align-items:center;z-index:3}.bubble-pic{width:calc(var(--u)*150);height:calc(var(--u)*150);object-fit:contain;flex:none}.flyer{position:absolute;left:calc(var(--u)*160);top:calc(var(--u)*760);width:calc(var(--u)*640);height:auto;animation:fly-path 7s ease-in-out both,kid-float 3.4s ease-in-out 7s infinite;filter:drop-shadow(0 calc(var(--u)*20) calc(var(--u)*20) rgba(0,0,0,.25))}.map{background:#e8dcc3}.map-wrap{position:absolute;left:0;top:0}.map-img{position:absolute;inset:0;width:100%;height:100%}.map-lines{position:absolute;left:0;top:0;pointer-events:none}.gate{min-width:44px;min-height:44px;position:absolute;display:grid;place-items:center;padding:0;background:none;border:0;cursor:pointer;z-index:2}.gate img{display:block;transition:transform .15s}.gate:active img{transform:scale(.92)}.gate-name{position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;font-weight:900;font-size:calc(var(--u)*38);color:#5a3512;line-height:1.2;background:#fff8e6f5;border:calc(var(--u)*4) solid var(--gold);border-radius:999px;padding:calc(var(--u)*4) calc(var(--u)*22);box-shadow:0 calc(var(--u)*4) 0 #00000026}.gate-label-right .gate-name{left:calc(100% - calc(var(--u)*8))}.gate-label-left .gate-name{right:calc(100% - calc(var(--u)*8))}.gate-open img,.gate-done img{filter:drop-shadow(0 0 calc(var(--u)*16) rgba(255,210,63,.95));animation:glow-pulse 2s ease-in-out infinite}.gate-locked img{filter:drop-shadow(0 calc(var(--u)*4) calc(var(--u)*6) rgba(0,0,0,.35))}.gate-soon img{filter:grayscale(.95) brightness(1.08);opacity:.62}.gate-soon .gate-name{opacity:.85;font-weight:700}.gate-badge{position:absolute;top:calc(var(--u)*-6);right:calc(var(--u)*-4);width:calc(var(--u)*54);height:calc(var(--u)*54);border-radius:50%;display:grid;place-items:center;color:#fff;border:calc(var(--u)*4) solid #fff}.gate-badge svg{width:calc(var(--u)*30)!important;height:calc(var(--u)*30)!important}.gate-badge.done{background:#2f9a2f}.gate-badge.lock{background:#b3541a}.gate-free{position:absolute;bottom:calc(var(--u)*-4);left:50%;transform:translate(-50%);background:#2f9a2f;color:#fff;font-size:calc(var(--u)*28);font-weight:900;padding:0 calc(var(--u)*16);border-radius:999px;border:calc(var(--u)*3) solid #fff;white-space:nowrap}.gate-tag-soon{position:absolute;bottom:calc(var(--u)*-8);left:50%;transform:translate(-50%);font-size:calc(var(--u)*26);background:#8a7a60;color:#fff;padding:0 calc(var(--u)*14);border-radius:999px;white-space:nowrap;font-weight:800}.map-panel{display:grid;grid-template-columns:1fr calc(var(--u)*220);grid-template-areas:"bubble labeeb" "prog prog" "act act";gap:calc(var(--u)*12) calc(var(--u)*18);align-items:center;padding:calc(var(--u)*22) calc(var(--u)*28);background:#fff5dcf0;border:calc(var(--u)*6) solid var(--gold);border-radius:calc(var(--u)*46);box-shadow:0 calc(var(--u)*12) 0 #5a35124d,0 calc(var(--u)*24) calc(var(--u)*40) #0000004d}.map-bubble{grid-area:bubble;align-self:center;font-size:calc(var(--u)*40);padding:calc(var(--u)*16) calc(var(--u)*22)}.map-labeeb{grid-area:labeeb;width:calc(var(--u)*210);height:calc(var(--u)*190);justify-self:center;object-fit:contain}.map-progress{grid-area:prog;text-align:center;font-size:calc(var(--u)*42);color:var(--brown)}.pips{display:flex;justify-content:center;gap:calc(var(--u)*12);margin-top:calc(var(--u)*8)}.pips i{width:calc(var(--u)*34);height:calc(var(--u)*34);border-radius:50%;background:#e1d1a8;border:calc(var(--u)*4) solid #b99358}.pips i.open{background:#ffe9a3}.pips i.on{background:#2f9a2f;border-color:#1e6b1c}.map-actions{grid-area:act;display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u)*18)}.map-actions .btn{padding:0 calc(var(--u)*16);font-size:calc(var(--u)*42)}.front-btn{position:absolute;background:transparent;border:0;border-radius:calc(var(--u)*80);cursor:pointer;animation:ring 1.9s ease-out infinite}.front-btn:active{background:#ffffff40}.station .bg.blurred{filter:blur(12px) brightness(.8) saturate(1.1);transform:scale(1.1)}.chips{flex:1;display:flex;gap:calc(var(--u)*10);min-width:0}.chip{flex:1;min-height:max(calc(var(--u)*104),44px);display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--u)*8);padding:0 calc(var(--u)*8);font-weight:800;font-size:calc(var(--u)*34);white-space:nowrap;color:#6a4a22;background:#fff8e6c7;border:calc(var(--u)*4) solid #cdb27a;border-radius:999px;cursor:pointer}.chip span{width:calc(var(--u)*40);height:calc(var(--u)*40);border-radius:50%;display:inline-grid;place-items:center;background:#e1d1a8;font-size:calc(var(--u)*30)}.chip svg{width:calc(var(--u)*36)!important;height:calc(var(--u)*36)!important;color:#2f9a2f}.chip.active{background:linear-gradient(#ffc64d,#ee8a1a);color:#fff;border-color:#a85a0c;text-shadow:0 calc(var(--u)*2) 0 rgba(0,0,0,.25)}.chip.active span{background:#fff;color:#a85a0c}.chip.done:not(.active){background:#e8f8d6;border-color:#7fc255;color:#2c6a1c}.chip:disabled{opacity:.55;cursor:not-allowed}.panel{position:absolute;top:calc(var(--u)*170);right:calc(var(--u)*36);left:calc(var(--u)*36);bottom:calc(var(--u)*176);display:flex;flex-direction:column;padding:calc(var(--u)*26) calc(var(--u)*34) calc(var(--u)*22);overflow:hidden;z-index:3;background:linear-gradient(#fffaf0,#f6e6bd);border:calc(var(--u)*7) solid var(--gold);border-radius:calc(var(--u)*50);box-shadow:0 calc(var(--u)*12) 0 #5a351259,0 calc(var(--u)*24) calc(var(--u)*44) #00000059,inset 0 0 0 calc(var(--u)*5) #fff9}.panel-title{flex:none;display:flex;align-items:center;gap:calc(var(--u)*14);padding-bottom:calc(var(--u)*14);margin-bottom:calc(var(--u)*16);border-bottom:calc(var(--u)*4) dashed #c9a96a}.panel-title>span:first-child{flex:1;font-weight:900;font-size:calc(var(--u)*52);color:var(--brown);line-height:1.25}.ch-count{font-weight:900;font-size:calc(var(--u)*38);color:#fff;background:#a0420f;border-radius:999px;padding:calc(var(--u)*4) calc(var(--u)*22)}.navbar{position:absolute;left:calc(var(--u)*36);right:calc(var(--u)*36);bottom:calc(var(--u)*30);height:calc(var(--u)*124);display:flex;gap:calc(var(--u)*20);z-index:4}.navbar .btn{flex:1;height:100%;padding:0 calc(var(--u)*12)}.navbar .grow2{flex:1.7}.framed{position:relative;overflow:hidden;border-radius:calc(var(--u)*34);border:calc(var(--u)*6) solid var(--gold);background:#e8d7a8;flex:none}.framed .fill{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(14px) brightness(.95) saturate(1.1);transform:scale(1.25)}.framed .main{position:relative;display:block;width:100%;height:100%;object-fit:contain}.story-body,.disc-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:calc(var(--u)*16);overflow:auto;animation:fade-up .4s both}.story-img{height:calc(var(--u)*440)}.story-text{margin:0;flex:none;font-size:calc(var(--u)*46);line-height:1.8;font-weight:600;color:var(--ink)}.figures{margin-top:auto;flex:none;display:flex;justify-content:space-between;align-items:flex-end;gap:calc(var(--u)*20)}.figures.small{height:calc(var(--u)*250)}.figures.big{height:calc(var(--u)*500)}.figures :is(img,canvas){height:100%;width:auto;max-width:48%;object-fit:contain;filter:drop-shadow(0 calc(var(--u)*8) calc(var(--u)*8) rgba(0,0,0,.22))}.figures .fig-fly{max-width:100%;margin:0 auto}.dots{flex:none;display:flex;justify-content:center;align-items:center;gap:calc(var(--u)*16);padding-top:calc(var(--u)*12);min-height:calc(var(--u)*52)}.dots i,.dot-btn:after{content:"";display:block;width:calc(var(--u)*24);height:calc(var(--u)*24);border-radius:50%;background:#d9c08a;transition:transform .2s}.dots i.on,.dot-btn.on:after{background:#ee8a1a;transform:scale(1.4)}.dots i.past,.dot-btn.past:after{background:#6cbf3c}.dot-btn{position:relative;width:max(calc(var(--u)*104),44px);height:max(calc(var(--u)*104),44px);margin:calc(var(--u)*-30) 0;padding:0;background:none;border:0;cursor:pointer;display:grid;place-items:center}.points-pop{position:absolute;left:50%;top:44%;z-index:20;pointer-events:none;font-weight:900;font-size:calc(var(--u)*74);color:#fff;white-space:nowrap;background:linear-gradient(#ffc64d,#ee8a1a);border:calc(var(--u)*6) solid #a85a0c;border-radius:999px;padding:calc(var(--u)*10) calc(var(--u)*50);text-shadow:0 calc(var(--u)*3) 0 rgba(0,0,0,.25);animation:pop-float 1.3s ease-out both}.disc-img{height:calc(var(--u)*360)}.disc-title{margin:0;flex:none;font-size:calc(var(--u)*62);font-weight:900;color:#a0420f;line-height:1.25}.disc-text{margin:0;flex:none;font-size:calc(var(--u)*43);line-height:1.8;font-weight:600}.disc-labeeb{position:absolute;left:calc(var(--u)*20);bottom:calc(var(--u)*4);width:calc(var(--u)*150);height:calc(var(--u)*130);object-fit:contain;pointer-events:none}.ch-body{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;padding:calc(var(--u)*4) calc(var(--u)*6) calc(var(--u)*14)}.question{margin:0 0 calc(var(--u)*20);padding:calc(var(--u)*20) calc(var(--u)*26);font-size:calc(var(--u)*48);font-weight:800;line-height:1.6;text-align:center;color:#4a2a10;background:#fff9;border:calc(var(--u)*4) solid #d9c08a;border-radius:calc(var(--u)*30)}.question.riddle{font-size:calc(var(--u)*42);font-weight:700;text-align:right}.q-tag{display:inline-block;margin-inline-end:calc(var(--u)*14);padding:0 calc(var(--u)*18);font-size:calc(var(--u)*34);font-weight:900;color:#fff;background:#7b3fa0;border-radius:999px}.choice-pic{height:calc(var(--u)*330);margin-bottom:calc(var(--u)*18)}.options{display:grid;gap:calc(var(--u)*20)}.plate{position:relative;min-height:calc(var(--u)*124);padding:calc(var(--u)*14) calc(var(--u)*84);display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;font-weight:800;font-size:calc(var(--u)*46);line-height:1.4;color:var(--ink);border:calc(var(--u)*6) solid #8f7a55;border-radius:calc(var(--u)*32);background:linear-gradient(#efe3c8,#cdbb95);box-shadow:0 calc(var(--u)*8) 0 #8f7a55;transition:transform .12s,box-shadow .12s}.plate:before,.plate:after,.order-item:before,.order-item:after,.stone:before,.stone:after{content:"";position:absolute;top:calc(var(--u)*8);bottom:calc(var(--u)*8);width:calc(var(--u)*40);border-radius:calc(var(--u)*16);opacity:.9;background:#f6ead0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M12 2L22 12 12 22 2 12z' fill='%23b3261e'/%3E%3Ccircle cx='12' cy='12' r='3' fill='%232b1b10'/%3E%3C/svg%3E") repeat-y center / 100% auto}.plate:before,.order-item:before,.stone:before{right:calc(var(--u)*8)}.plate:after,.order-item:after,.stone:after{left:calc(var(--u)*8)}.plate:active:not(:disabled){transform:translateY(calc(var(--u)*5));box-shadow:0 calc(var(--u)*3) 0 #8f7a55}.plate.sel{border-color:#ee8a1a;background:linear-gradient(#fff3cf,#f6d98c);box-shadow:0 calc(var(--u)*8) 0 #c06a10,0 0 0 calc(var(--u)*7) #ffd23f99}.plate.wrong{border-color:#c0392b;background:linear-gradient(#f9e1dc,#eab3a9);box-shadow:0 calc(var(--u)*8) 0 #a02a1f;opacity:.78;animation:shake .45s}.plate.right{border-color:#2f9a2f;background:linear-gradient(#e6f8d2,#a8dc7a);box-shadow:0 calc(var(--u)*8) 0 #1e6b1c}.plate-mark{position:absolute;top:50%;left:calc(var(--u)*56);transform:translateY(-50%);width:calc(var(--u)*56);height:calc(var(--u)*56);border-radius:50%;display:grid;place-items:center;background:#2f9a2f;color:#fff;font-size:calc(var(--u)*34);font-weight:900}.plate-mark.x{background:#c0392b}.plate-mark svg{width:calc(var(--u)*34)!important;height:calc(var(--u)*34)!important}.match{display:flex;flex-direction:column;flex:1}.match-cols{position:relative;flex:1;display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u)*100);align-items:stretch}.match-cols ul{list-style:none;margin:0;padding:0;display:grid;grid-auto-rows:1fr;gap:calc(var(--u)*22)}.match-cols li{display:flex}.stone{position:relative;width:100%;min-height:calc(var(--u)*190);padding:calc(var(--u)*16) calc(var(--u)*40);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--u)*8);text-align:center;cursor:pointer;font-weight:800;font-size:calc(var(--u)*40);line-height:1.4;color:var(--ink);border:calc(var(--u)*6) solid #8f7a55;border-radius:calc(var(--u)*30);background:linear-gradient(#efe3c8,#cdbb95);box-shadow:0 calc(var(--u)*8) 0 #8f7a55;transition:transform .12s}.stone img{max-width:100%;max-height:calc(var(--u)*110);object-fit:contain}.stone.sel{border-color:#ee8a1a;background:linear-gradient(#fff3cf,#f6d98c);box-shadow:0 calc(var(--u)*8) 0 #c06a10,0 0 0 calc(var(--u)*7) #ffd23f99}.stone.matched{background:linear-gradient(#f6fbef,#dff0c8);box-shadow:0 calc(var(--u)*6) 0 #0003;cursor:default}.stone.shake{animation:shake .45s;border-color:#c0392b}.match-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:2}.order-list{list-style:none;margin:0;padding:0;display:grid;gap:calc(var(--u)*20)}.order-item{position:relative;display:flex;align-items:center;gap:calc(var(--u)*16);min-height:calc(var(--u)*150);padding:calc(var(--u)*14) calc(var(--u)*62);border:calc(var(--u)*6) solid #8f7a55;border-radius:calc(var(--u)*32);background:linear-gradient(#efe3c8,#cdbb95);box-shadow:0 calc(var(--u)*8) 0 #8f7a55;transition:transform .15s,background .2s}.order-item.lift{transform:scale(1.03);box-shadow:0 calc(var(--u)*18) calc(var(--u)*30) #00000059;background:linear-gradient(#fff3cf,#f6d98c);border-color:#ee8a1a;z-index:2}.order-item.ok{border-color:#2f9a2f;background:linear-gradient(#e6f8d2,#a8dc7a);box-shadow:0 calc(var(--u)*8) 0 #1e6b1c}.order-item.bad{border-color:#c0392b;background:linear-gradient(#f9e1dc,#eab3a9);box-shadow:0 calc(var(--u)*8) 0 #a02a1f}.order-num{flex:none;width:calc(var(--u)*70);height:calc(var(--u)*70);border-radius:50%;display:grid;place-items:center;background:#ee8a1a;color:#fff;font-weight:900;font-size:calc(var(--u)*42)}.order-text{flex:1;font-weight:800;font-size:calc(var(--u)*42);line-height:1.4}.order-ctl{display:flex;gap:calc(var(--u)*8);flex:none}.mini{width:calc(var(--u)*100);height:calc(var(--u)*100);padding:0;display:grid;place-items:center;border-radius:calc(var(--u)*28);background:#fff8e6;border:calc(var(--u)*4) solid #8f7a55;color:#5a3512;cursor:pointer}.mini:disabled{opacity:.35;cursor:not-allowed}.mini svg{width:calc(var(--u)*52)!important;height:calc(var(--u)*52)!important}.mini.grip{touch-action:none;cursor:grab;background:#e8f3ff;border-color:#4a8fc6;color:#1b5aa0}.lift .mini.grip{cursor:grabbing}.feedback-zone{flex:none;padding-top:calc(var(--u)*10);min-height:calc(var(--u)*20)}.feedback{margin:0;padding:calc(var(--u)*14) calc(var(--u)*24);border-radius:calc(var(--u)*28);font-size:calc(var(--u)*40);font-weight:800;line-height:1.55;animation:fade-up .3s both}.feedback.good{background:#e6f8d2;color:#1e5b14;border:calc(var(--u)*4) solid #7fc255}.feedback.bad{background:#fde5df;color:#8a2417;border:calc(var(--u)*4) solid #e7978a}.hint-box{display:flex;align-items:center;gap:calc(var(--u)*14);margin-bottom:calc(var(--u)*10);padding:calc(var(--u)*10) calc(var(--u)*20);background:#fff3bf;border:calc(var(--u)*4) solid #e8c34a;border-radius:calc(var(--u)*28);animation:fade-up .3s both}.hint-box p{margin:0;font-size:calc(var(--u)*38);line-height:1.55;font-weight:700}.hint-pic{width:calc(var(--u)*84);height:calc(var(--u)*84);object-fit:contain;flex:none}.practice-note{margin:calc(var(--u)*8) 0 0;font-size:calc(var(--u)*34);color:#7a6a4a;text-align:center}.reward-stamp{display:grid;place-items:center;z-index:3;animation:stamp-down .8s .35s both cubic-bezier(.2,1.4,.4,1)}.stamp{display:block}.stamp-big{width:100%;height:100%;filter:drop-shadow(0 calc(var(--u)*14) calc(var(--u)*16) rgba(0,0,0,.4))}.stamp-mid{width:calc(var(--u)*160);height:calc(var(--u)*160);flex:none}.stamp-slot{width:100%;height:100%;animation:stamp-in .55s both cubic-bezier(.2,1.5,.4,1)}.stamp-cert{width:calc(var(--u)*170);height:calc(var(--u)*170)}.stars{display:flex;justify-content:center;gap:calc(var(--u)*20)}.star.on{fill:#ffd23f;stroke:#c98a00;filter:drop-shadow(0 calc(var(--u)*4) calc(var(--u)*4) rgba(0,0,0,.3))}.star.off{fill:#ffffff73;stroke:#00000040}.star.pop{animation:star-pop .6s both cubic-bezier(.2,1.6,.4,1)}.reward-line{margin:0;text-align:center;font-size:calc(var(--u)*46);line-height:1.5;font-weight:900;color:#fff;text-shadow:0 calc(var(--u)*4) 0 rgba(0,0,0,.5)}.score-card{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u)*20);padding:calc(var(--u)*22);background:#fff5dcf5;border:calc(var(--u)*6) solid var(--gold);border-radius:calc(var(--u)*40);box-shadow:0 calc(var(--u)*10) 0 #00000038;z-index:3}.score-card div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--u)*4)}.score-card span{font-size:calc(var(--u)*36);font-weight:700;color:var(--brown)}.score-card b{font-size:calc(var(--u)*70);font-weight:900;color:#a0420f}.reward-kid{position:absolute;left:50%;top:calc(var(--u)*1140);height:calc(var(--u)*200);width:auto;transform:translate(-50%);filter:drop-shadow(0 calc(var(--u)*8) calc(var(--u)*8) rgba(0,0,0,.3))}.reward-actions,.mile-actions{position:absolute;left:calc(var(--u)*50);right:calc(var(--u)*50);bottom:calc(var(--u)*34);display:grid;gap:calc(var(--u)*18);z-index:4}.mile-bubble{position:absolute;padding:calc(var(--u)*26) calc(var(--u)*30) calc(var(--u)*26) calc(var(--u)*26);background:#fff;border:calc(var(--u)*6) solid var(--gold);border-radius:calc(var(--u)*44);box-shadow:0 calc(var(--u)*10) 0 #0003;z-index:3;display:flex;gap:calc(var(--u)*14);align-items:flex-start;flex-direction:row-reverse}.mile-bubble p{margin:0;flex:1;font-size:calc(var(--u)*41);line-height:1.7;font-weight:700;color:var(--ink)}.mile-read{flex:none}.mile-labeeb{position:absolute;right:calc(var(--u)*120);top:calc(var(--u)*640);height:calc(var(--u)*230);width:auto;animation:float 3s ease-in-out infinite}.mile-kid{position:absolute;left:calc(var(--u)*120);top:calc(var(--u)*640);height:calc(var(--u)*230);width:auto;filter:drop-shadow(0 calc(var(--u)*8) calc(var(--u)*8) rgba(0,0,0,.3))}.mile-stack{display:flex;flex-direction:column;gap:calc(var(--u)*12);z-index:3}.mile-card{display:flex;align-items:center;gap:calc(var(--u)*24);padding:calc(var(--u)*18) calc(var(--u)*28);background:linear-gradient(#fff8e6,#f6dd9a);border:calc(var(--u)*7) solid #c98a00;border-radius:calc(var(--u)*44);box-shadow:0 calc(var(--u)*10) 0 #00000040;z-index:3;animation:pop-in .6s .2s both}.mile-card small{display:block;font-size:calc(var(--u)*32);font-weight:700;color:var(--brown)}.mile-card h2{margin:0;font-size:calc(var(--u)*50);font-weight:900;color:#a0420f;line-height:1.2}.mile-medal{width:calc(var(--u)*120);height:calc(var(--u)*120);object-fit:contain;flex:none}.mile-achieve{margin:0;text-align:center;font-size:calc(var(--u)*44);font-weight:800;color:#fff;text-shadow:0 calc(var(--u)*3) 0 rgba(0,0,0,.5);z-index:3}.mile-stamps{display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;gap:calc(var(--u)*4) calc(var(--u)*30)}.mile-stamps-title{flex:1 0 100%;text-align:center;font-size:calc(var(--u)*36);font-weight:800;color:#fff3d0;text-shadow:0 calc(var(--u)*3) 0 rgba(0,0,0,.5)}.mile-dim{position:absolute;inset:0;z-index:7;display:grid;place-items:center;padding:0 calc(var(--u)*60);background:#140a0094;animation:fade .25s both}.mile-soon{width:100%;z-index:8;display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*18);padding:calc(var(--u)*40) calc(var(--u)*36);text-align:center;background:linear-gradient(#fffaf0,#f6e6bd);border:calc(var(--u)*7) solid var(--gold);border-radius:calc(var(--u)*50);box-shadow:0 calc(var(--u)*14) 0 #5a351259,0 calc(var(--u)*30) calc(var(--u)*60) #00000080;animation:pop-in .4s both}.mile-soon b{font-size:calc(var(--u)*60);color:#a0420f}.mile-soon p{margin:0;font-size:calc(var(--u)*42);line-height:1.7;font-weight:600}.mile-soon-row{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u)*16);width:100%}.passport-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,#7d2630,#46121a 55%,#25080c)}.cover-btn{position:absolute;left:50%;top:calc(var(--u)*190);width:calc(var(--u)*640);padding:0;background:none;border:0;cursor:pointer;transform:translate(-50%);--fx: -50%;animation:float 3.2s ease-in-out infinite}.cover-btn img{display:block;width:100%;height:auto;border-radius:calc(var(--u)*30);box-shadow:0 calc(var(--u)*30) calc(var(--u)*60) #0009}.cover-hint{display:block;margin-top:calc(var(--u)*40);font-size:calc(var(--u)*50);font-weight:800;color:#ffe9b8;text-shadow:0 calc(var(--u)*3) 0 rgba(0,0,0,.5)}.page-wrap{position:absolute;animation:page-open .6s both ease-out;transform-origin:right center}.page-img{display:block;width:100%;height:100%;border-radius:calc(var(--u)*30);box-shadow:0 calc(var(--u)*24) calc(var(--u)*50) #0000008c}.pass-avatar{object-fit:contain;filter:drop-shadow(0 calc(var(--u)*6) calc(var(--u)*6) rgba(0,0,0,.25))}.pass-name{display:flex;align-items:center;justify-content:flex-start;padding:0 calc(var(--u)*12) calc(var(--u)*20);font-weight:900;font-size:calc(var(--u)*54);color:#4a2a10;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:rtl}.slot{display:flex;align-items:flex-end;justify-content:center}.slot-name{margin-bottom:calc(var(--u)*8);font-size:calc(var(--u)*30);font-weight:800;color:#a98d56}.slot.playable .slot-name{color:#7a5a22}.pass-stats{position:absolute;left:calc(var(--u)*30);right:calc(var(--u)*30);top:calc(var(--u)*1200);display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--u)*16)}.pass-stats div{display:flex;flex-direction:column;align-items:center;padding:calc(var(--u)*10);background:#fff5dcf5;border:calc(var(--u)*5) solid var(--gold);border-radius:calc(var(--u)*30)}.pass-stats span{font-size:calc(var(--u)*32);font-weight:700;color:var(--brown)}.pass-stats b{font-size:calc(var(--u)*54);font-weight:900;color:#a0420f}.pass-actions{position:absolute;left:calc(var(--u)*30);right:calc(var(--u)*30);top:calc(var(--u)*1352);display:flex;gap:calc(var(--u)*18)}.pass-actions .btn{flex:1;padding:0 calc(var(--u)*14);font-size:calc(var(--u)*42)}.pass-note{position:absolute;left:calc(var(--u)*260);right:calc(var(--u)*40);top:calc(var(--u)*1490);margin:0;font-size:calc(var(--u)*36);color:#ffe9b8;line-height:1.6}.pass-labeeb{position:absolute;left:calc(var(--u)*30);bottom:0;height:calc(var(--u)*190);width:auto}.cert{position:absolute;left:calc(var(--u)*40);right:calc(var(--u)*40);top:calc(var(--u)*70);bottom:calc(var(--u)*190);padding:calc(var(--u)*22);background:#fff8e6;border-radius:calc(var(--u)*30);box-shadow:0 calc(var(--u)*24) calc(var(--u)*60) #0000008c}.cert-inner{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;padding:calc(var(--u)*30) calc(var(--u)*36) calc(var(--u)*230);border:calc(var(--u)*10) double #8a2a1c;background:#fffdf5}.cert-logo{width:calc(var(--u)*270);height:auto}.cert-inner small{margin-top:calc(var(--u)*8);font-size:calc(var(--u)*40);font-weight:800;color:var(--brown)}.cert-inner h1{margin:calc(var(--u)*6) 0 calc(var(--u)*12);font-size:calc(var(--u)*64);line-height:1.2;font-weight:900;color:#8a2a1c}.cert-to{margin:0;font-size:calc(var(--u)*40);font-weight:700}.cert-name{margin:calc(var(--u)*6) 0 calc(var(--u)*12);padding:0 calc(var(--u)*40) calc(var(--u)*6);font-size:calc(var(--u)*80);font-weight:900;color:#a0420f;border-bottom:calc(var(--u)*6) dotted #b8893d;max-width:100%;overflow-wrap:anywhere}.cert-text{margin:0 0 calc(var(--u)*12);font-size:calc(var(--u)*40);line-height:1.75;font-weight:600}.cert-stamps{display:flex;justify-content:center;gap:calc(var(--u)*14)}.cert-meta{margin:calc(var(--u)*8) 0 0;font-size:calc(var(--u)*34);color:var(--brown);font-weight:700}.cert-labeeb{position:absolute;left:calc(var(--u)*24);bottom:calc(var(--u)*20);height:calc(var(--u)*200);width:auto}.cert-brand{position:absolute;right:calc(var(--u)*24);bottom:calc(var(--u)*28)}.cert-actions{position:absolute;left:calc(var(--u)*50);right:calc(var(--u)*50);bottom:calc(var(--u)*36);display:grid;grid-template-columns:1.4fr 1fr;gap:calc(var(--u)*18)}.settings-panel{top:calc(var(--u)*170);bottom:calc(var(--u)*40);overflow:auto}.switch{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:calc(var(--u)*128);margin-bottom:calc(var(--u)*18);padding:0 calc(var(--u)*30);flex:none;font-weight:800;font-size:calc(var(--u)*48);color:#4a2a10;background:#fff;border:calc(var(--u)*5) solid #d9c08a;border-radius:calc(var(--u)*36);cursor:pointer}.switch-knob{width:calc(var(--u)*150);height:calc(var(--u)*80);padding:calc(var(--u)*8);border-radius:999px;background:#c9bda0;display:flex;justify-content:flex-start;transition:background .2s}.switch-knob i{width:calc(var(--u)*64);height:calc(var(--u)*64);border-radius:50%;background:#fff;box-shadow:0 calc(var(--u)*3) calc(var(--u)*6) #0000004d;transition:transform .2s}.switch.on .switch-knob{background:#5fbf3a;justify-content:flex-end}.about{margin-top:calc(var(--u)*10);padding:calc(var(--u)*24);text-align:center;background:#ffffff8c;border-radius:calc(var(--u)*36);border:calc(var(--u)*4) solid #d9c08a}.about h2{margin:0 0 calc(var(--u)*8);font-size:calc(var(--u)*50);color:var(--brown)}.about p{margin:0 0 calc(var(--u)*16);font-size:calc(var(--u)*38);line-height:1.7;font-weight:600}.insta-link{display:inline-flex;align-items:center;gap:calc(var(--u)*12);margin-top:calc(var(--u)*16);padding:calc(var(--u)*14) calc(var(--u)*28);font-size:calc(var(--u)*40);font-weight:800;color:#1b5aa0;text-decoration:none;background:#e8f3ff;border:calc(var(--u)*4) solid #4a8fc6;border-radius:999px}.overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px;background:#140a00a8;animation:fade .2s both}.dialog{position:relative;width:calc(var(--u) * 840);max-width:100%;max-height:94%;overflow:auto;padding:calc(var(--u)*30) calc(var(--u)*40) calc(var(--u)*30);text-align:center;animation:pop-in .3s both;background:linear-gradient(#fffaf0,#f6e6bd);border:calc(var(--u)*7) solid var(--gold);border-radius:calc(var(--u)*50);box-shadow:0 calc(var(--u)*14) 0 #5a351266,0 calc(var(--u)*30) calc(var(--u)*60) #00000080}.dialog-labeeb{display:block;margin:0 auto;width:calc(var(--u)*150);height:calc(var(--u)*150)}.dialog h2{margin:calc(var(--u)*6) 0 calc(var(--u)*8);font-size:calc(var(--u)*56);line-height:1.3;color:#a0420f}.dialog-text{margin:0 0 calc(var(--u)*14);font-size:calc(var(--u)*40);line-height:1.6;font-weight:600}.code-input{width:100%;height:calc(var(--u)*124);padding:0 calc(var(--u)*20);text-align:center;font-size:calc(var(--u)*54);font-weight:900;letter-spacing:.08em;color:var(--ink);background:#fff;border:calc(var(--u)*6) solid #8f7a55;border-radius:calc(var(--u)*30)}.code-input::placeholder{color:#c3b393;font-weight:600}.code-msg{min-height:calc(var(--u)*100);margin:calc(var(--u)*12) 0 calc(var(--u)*8);font-size:calc(var(--u)*36);line-height:1.5;font-weight:700}.code-msg.bad{color:#b3261e}.code-msg.good{color:#1e7a1e}.dialog-row{display:grid;gap:calc(var(--u)*16)}.dialog-help{margin:calc(var(--u)*20) 0 0;font-size:calc(var(--u)*34);line-height:1.7}.dialog-help a{display:inline-flex;align-items:center;gap:calc(var(--u)*8);color:#1b5aa0;font-weight:800;text-decoration:none}.busy-card{display:flex;align-items:center;gap:calc(var(--u)*24);padding:calc(var(--u)*36) calc(var(--u)*56);font-size:calc(var(--u)*46);font-weight:800;color:#5a3512;background:#fff8e6;border:calc(var(--u)*6) solid var(--gold);border-radius:calc(var(--u)*40)}.spinner{width:calc(var(--u)*60);height:calc(var(--u)*60);border:calc(var(--u)*9) solid #e8c98a;border-top-color:#ee8a1a;border-radius:50%;animation:spin 1s linear infinite}.toast{position:fixed;left:50%;bottom:calc(var(--u) * 150);z-index:120;max-width:calc(var(--u) * 860);padding:calc(var(--u)*20) calc(var(--u)*38);transform:translate(-50%);text-align:center;font-size:calc(var(--u)*40);line-height:1.5;font-weight:700;color:#fff8e6;background:#3b2410f5;border-radius:calc(var(--u)*40);box-shadow:0 calc(var(--u)*10) calc(var(--u)*30) #0006;animation:toast-in .3s both}.save-warn{position:fixed;top:6px;left:50%;transform:translate(-50%);z-index:130;padding:6px 14px;font-size:12px;background:#fde5df;color:#8a2417;border-radius:99px}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fade-up{0%{opacity:0;transform:translateY(calc(var(--u)*24))}to{opacity:1;transform:none}}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,calc(var(--u)*20))}to{opacity:1;transform:translate(-50%)}}@keyframes bump{30%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes shake{20%{transform:translate(calc(var(--u)*-12))}40%{transform:translate(calc(var(--u)*12))}60%{transform:translate(calc(var(--u)*-8))}80%{transform:translate(calc(var(--u)*8))}}@keyframes float{50%{transform:translate(var(--fx, 0),calc(var(--u)*-18))}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes glow-pulse{50%{filter:drop-shadow(0 0 calc(var(--u)*30) rgba(255,210,63,1))}}@keyframes ring{0%{box-shadow:0 0 #ffeb78e6}to{box-shadow:0 0 0 calc(var(--u)*40) #ffeb7800}}@keyframes pop-float{0%{opacity:0;transform:translate(-50%,calc(var(--u)*50)) scale(.6)}20%{opacity:1;transform:translate(-50%) scale(1.1)}80%{opacity:1;transform:translate(-50%,calc(var(--u)*-40)) scale(1)}to{opacity:0;transform:translate(-50%,calc(var(--u)*-140)) scale(1)}}@keyframes fly-path{0%{transform:translate(calc(var(--u)*-60),calc(var(--u)*560)) scale(1.15)}55%{transform:translate(calc(var(--u)*40),calc(var(--u)*150)) scale(.95)}to{transform:translate(calc(var(--u)*110),calc(var(--u)*-150)) scale(.72)}}@keyframes stamp-down{0%{opacity:0;transform:scale(2.4) rotate(-14deg)}70%{opacity:1;transform:scale(.95) rotate(3deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes stamp-in{0%{opacity:0;transform:scale(1.8) rotate(-12deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes star-pop{0%{transform:scale(0) rotate(-40deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes page-open{0%{opacity:0;transform:perspective(1400px) rotateY(-70deg)}to{opacity:1;transform:none}}@keyframes fall{to{transform:translateY(calc(var(--u)*1800)) rotate(720deg)}}.confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2}.confetti i{position:absolute;top:calc(var(--u)*-50);width:calc(var(--u)*22);height:calc(var(--u)*34);border-radius:calc(var(--u)*6);animation:fall linear infinite}.layer{position:absolute;inset:0;backface-visibility:hidden}.layer.enter{z-index:1}.layer.leave{z-index:2;pointer-events:none}.layer.k-fwd.enter{animation:l-in-fwd .6s cubic-bezier(.2,1.12,.3,1) both}.layer.k-fwd.leave{animation:l-out-fwd .44s cubic-bezier(.5,0,.85,.45) both}.layer.k-back.enter{animation:l-in-back .6s cubic-bezier(.2,1.12,.3,1) both}.layer.k-back.leave{animation:l-out-back .44s cubic-bezier(.5,0,.85,.45) both}.layer.k-up.enter{z-index:3;animation:l-up-in .6s cubic-bezier(.2,1.25,.35,1) both}.layer.k-up.leave{z-index:1;animation:l-under .44s ease-in both}.layer.k-down.enter{z-index:1;animation:l-over-in .5s ease-out both}.layer.k-down.leave{z-index:3;animation:l-down-out .44s cubic-bezier(.5,0,.85,.45) both}.layer.k-zoomin{transform-origin:var(--gx, 50%) var(--gy, 45%)}.layer.k-zoomin.enter{animation:l-gate-in .75s cubic-bezier(.2,.9,.3,1) .42s both}.layer.k-zoomin.leave{animation:l-gate-out .92s cubic-bezier(.5,0,.8,.45) both}.layer.k-zoomout.enter{animation:l-zout-in .6s cubic-bezier(.2,.9,.3,1) both}.layer.k-zoomout.leave{animation:l-zout-out .46s ease-in both}.layer.k-fade.enter{animation:l-fade-in .45s ease-out both}.layer.k-fade.leave{animation:fade-out .3s ease-in both}.layer.k-fwd.enter,.layer.k-back.enter,.layer.k-up.enter{box-shadow:0 0 calc(var(--u)*60) #00000059}@keyframes l-in-fwd{0%{translate:-42% 0;opacity:0;scale:.93;rotate:-1.6deg}40%{opacity:1}to{translate:0 0;opacity:1;scale:1;rotate:0deg}}@keyframes l-out-fwd{to{translate:36% 0;opacity:0;scale:.9;rotate:2deg}}@keyframes l-in-back{0%{translate:42% 0;opacity:0;scale:.93;rotate:1.6deg}40%{opacity:1}to{translate:0 0;opacity:1;scale:1;rotate:0deg}}@keyframes l-out-back{to{translate:-36% 0;opacity:0;scale:.9;rotate:-2deg}}@keyframes l-up-in{0%{translate:0 16%;opacity:0;scale:.88}35%{opacity:1}to{translate:0 0;opacity:1;scale:1}}@keyframes l-under{to{scale:.93;opacity:0;filter:brightness(.55)}}@keyframes l-over-in{0%{scale:.94;filter:brightness(.55)}to{scale:1;filter:brightness(1)}}@keyframes l-down-out{to{translate:0 18%;opacity:0;scale:.9}}@keyframes l-gate-in{0%{scale:1.6;opacity:0}40%{opacity:1}to{scale:1;opacity:1}}@keyframes l-gate-out{0%,10%{scale:1;opacity:1}72%{opacity:1}to{scale:3.6;opacity:0}}@keyframes l-zout-in{0%{scale:1.3;opacity:0}50%{opacity:1}to{scale:1;opacity:1}}@keyframes l-zout-out{to{scale:.8;opacity:0}}@keyframes l-fade-in{0%{opacity:0;scale:1.03}to{opacity:1;scale:1}}@keyframes fade-out{to{opacity:0}}.layer.k-zoomin.enter .screen>*:not(.bg,.veil,.confetti,.overlay,.points-pop){animation-delay:calc(var(--i, 0) * 60ms + .7s)}.gate-pass{position:absolute;inset:0;z-index:7;pointer-events:none;overflow:hidden}.gp-glow{position:absolute;left:var(--gx, 50%);top:var(--gy, 45%);width:calc(var(--u)*260);height:calc(var(--u)*260);margin:calc(var(--u)*-130) 0 0 calc(var(--u)*-130);border-radius:50%;opacity:0;background:radial-gradient(circle,#fff,#fff3a8 30%,#ffcd3c8c 55%,#ffbe2800 72%);animation:gp-glow .85s ease-in .14s both}.gp-kid{position:absolute;left:var(--gx, 50%);top:var(--gy, 45%);width:calc(var(--u)*560);margin:calc(var(--u)*-200) 0 0 calc(var(--u)*-280);animation:gp-fly .72s cubic-bezier(.45,0,.7,.6) both}.gp-kid .kid{display:block;width:100%;height:auto;filter:drop-shadow(0 calc(var(--u)*14) calc(var(--u)*12) rgba(0,0,0,.25))}@keyframes gp-glow{0%{opacity:0;scale:.3}40%{opacity:.95;scale:1.3}to{opacity:0;scale:10}}@keyframes gp-fly{0%{translate:var(--fx, 0px) var(--fy, 600px);scale:1;rotate:0deg;opacity:1}70%{opacity:1}to{translate:0 0;scale:.07;rotate:-9deg;opacity:0}}@media print{.gate-pass{display:none!important}}:where(.layer.enter .screen>*:not(.bg,.veil,.confetti,.overlay,.points-pop)){animation:kid-in .55s cubic-bezier(.2,1.35,.4,1) backwards;animation-delay:calc(var(--i, 0) * 60ms + .2s)}.screen>:nth-child(3){--i: 0}.screen>:nth-child(4){--i: 1}.screen>:nth-child(5){--i: 2}.screen>:nth-child(6){--i: 3}.screen>:nth-child(7){--i: 4}.screen>:nth-child(8){--i: 5}.screen>:nth-child(n+9){--i: 6}@keyframes kid-in{0%{opacity:0;translate:0 calc(var(--u)*44);scale:.88}}.plank{animation:plank-drop .75s cubic-bezier(.2,1.5,.4,1) .12s backwards}@keyframes plank-drop{0%{opacity:0;translate:0 calc(var(--u)*-190);rotate:-3deg}60%{rotate:1.2deg}}.screen>.sprite{animation:sprite-in .8s cubic-bezier(.2,1.6,.4,1) .3s backwards,bob 3.6s ease-in-out 1.1s infinite}@keyframes sprite-in{0%{opacity:0;translate:calc(var(--u)*-160) calc(var(--u)*60);scale:.6;rotate:-12deg}}@keyframes bob{0%,to{translate:0 0;rotate:-1.5deg}50%{translate:0 calc(var(--u)*-16);rotate:1.5deg}}.screen>img.bg{animation:drift 18s ease-in-out infinite alternate;transform-origin:50% 55%}@keyframes drift{0%{scale:1;translate:0 0}to{scale:1.06;translate:calc(var(--u)*-8) calc(var(--u)*-10)}}.screen>.bgwrap{position:absolute;inset:0;animation:drift 18s ease-in-out infinite alternate;transform-origin:50% 55%}.gate img{animation:gate-bob 3.4s ease-in-out infinite;animation-delay:calc(var(--d, 0) * -1s)}.gate-open img,.gate-done img{animation:glow-pulse 2s ease-in-out infinite,gate-bob 3.4s ease-in-out infinite;animation-delay:0s,calc(var(--d, 0) * -1s)}.gate-soon img{animation-duration:4.6s}@keyframes gate-bob{0%,to{translate:0 0}50%{translate:0 calc(var(--u)*-9)}}#start-btn,#fly-btn,#reward-continue,#ready-btn,#enter-city-btn,#story-next:not(:disabled),#disc-next:not(:disabled){animation:breathe 2.4s ease-in-out 1.2s infinite}@keyframes breathe{0%,to{filter:brightness(1) drop-shadow(0 0 0 rgba(255,235,120,0))}50%{filter:brightness(1.07) drop-shadow(0 0 calc(var(--u)*22) rgba(255,235,120,.85))}}.btn,.icon-btn,.chip,.hero-card,.plate,.stone{transition:transform .14s cubic-bezier(.3,1.6,.5,1),box-shadow .14s,filter .2s}.story-body,.disc-body{animation:none}.story-body.dir-fwd,.disc-body.dir-fwd{animation:panel-fwd .5s cubic-bezier(.2,1.2,.4,1) both}.story-body.dir-back,.disc-body.dir-back{animation:panel-back .5s cubic-bezier(.2,1.2,.4,1) both}@keyframes panel-fwd{0%{opacity:0;translate:calc(var(--u)*-120) 0;scale:.96}to{opacity:1;translate:0 0;scale:1}}@keyframes panel-back{0%{opacity:0;translate:calc(var(--u)*120) 0;scale:.96}to{opacity:1;translate:0 0;scale:1}}.q-in{animation:panel-fwd .5s cubic-bezier(.2,1.2,.4,1) both}.rm *,.rm *:before,.rm *:after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.rm .confetti{display:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.confetti{display:none}}@page{size:A4 portrait;margin:8mm}@media print{:root{--u: calc(160mm / 941)}html,body{overflow:visible;background:#fff;height:auto}.app{position:static}.backdrop,.no-print,.overlay,.toast,.topbar{display:none!important}.stage{position:relative;left:0;top:0;transform:none;box-shadow:none;margin:0 auto}.passport-bg{display:none}*{-webkit-print-color-adjust:exact;print-color-adjust:exact;animation:none!important}.cert{bottom:calc(var(--u)*40)}}.about .credit{font-size:calc(var(--u)*34);line-height:1.6;color:#6b5230}.dust{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:hidden}.dust i{position:absolute;width:var(--s);height:var(--s);border-radius:50%;opacity:0;background:radial-gradient(circle,#ffffffeb,#fff0a0d9 22%,#ffd43f9e 46%,#ffc42800 72%);animation:dust-rise 5s ease-in-out infinite}.dust i.star{border-radius:0;background:radial-gradient(circle,#fff,#fff0a0,#ffd43f 52%,#ffc42800 70%);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);animation-name:dust-twinkle}@keyframes dust-rise{0%{opacity:0;translate:0 0;scale:.4}12%{opacity:1}50%{opacity:.95;translate:calc(var(--dx) * .55) calc(var(--u)*-230);scale:1.05}to{opacity:0;translate:var(--dx) calc(var(--u)*-520);scale:.35}}@keyframes dust-twinkle{0%,to{opacity:0;scale:.3;rotate:0deg;translate:0 0}25%{opacity:1;scale:1.2;rotate:30deg}55%{opacity:.75;scale:.8;rotate:70deg;translate:calc(var(--dx) * .35) calc(var(--u)*-170)}80%{opacity:1;scale:1.1;rotate:110deg;translate:calc(var(--dx) * .6) calc(var(--u)*-260)}}.stage:is([data-screen=city],[data-screen=story],[data-screen=discovery],[data-screen=challenges],[data-screen=passport],[data-screen=settings]) .dust{opacity:.55}.stage:is([data-screen=city],[data-screen=story],[data-screen=discovery],[data-screen=challenges],[data-screen=passport],[data-screen=settings]) .dust i:nth-child(n+4),.stage[data-screen=certificate] .dust{display:none}.plank,.btn-green{position:relative;overflow:hidden}.plank:after,.btn-green:after{content:"";position:absolute;top:0;bottom:0;left:0;width:30%;translate:-150% 0;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,244,190,.55),transparent);transform:skew(-18deg);animation:glint 6s ease-in-out 1.5s infinite;will-change:translate}@keyframes glint{0%,60%{translate:-150% 0}to{translate:450% 0}}.sea{position:absolute;inset:0;pointer-events:none}.sea-fx{position:absolute;inset:0;overflow:hidden;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.wave-row{position:absolute;left:0;width:100%;overflow:hidden;animation:sea-bob 5s ease-in-out infinite}.wave-row svg{display:block;width:200%;height:100%;animation:sea-slide 18s linear infinite}.wave-row.rev svg{animation-direction:reverse}.wave-row path{fill:none;stroke:#ffffff9e;stroke-width:3.4;stroke-linecap:round;vector-effect:non-scaling-stroke}@keyframes sea-slide{to{translate:-50% 0}}@keyframes sea-bob{0%,to{translate:0 calc(var(--u)*-6)}50%{translate:0 calc(var(--u)*8)}}.sea-glint{position:absolute;inset:-20%;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.2) 50%,transparent 62%);animation:sea-glint 9s ease-in-out infinite alternate}@keyframes sea-glint{0%{translate:-22% 0}to{translate:22% 0}}.sea-twinkle{position:absolute;inset:0;opacity:.8;background:radial-gradient(circle at 12% 18%,#fff 0 calc(var(--u)*3),transparent calc(var(--u)*5)),radial-gradient(circle at 31% 9%,#fff 0 calc(var(--u)*2),transparent calc(var(--u)*4)),radial-gradient(circle at 22% 38%,#fff 0 calc(var(--u)*3),transparent calc(var(--u)*5)),radial-gradient(circle at 8% 52%,#fff 0 calc(var(--u)*2),transparent calc(var(--u)*4)),radial-gradient(circle at 36% 27%,#fff 0 calc(var(--u)*2),transparent calc(var(--u)*4)),radial-gradient(circle at 17% 66%,#fff 0 calc(var(--u)*3),transparent calc(var(--u)*5)),radial-gradient(circle at 28% 74%,#fff 0 calc(var(--u)*2),transparent calc(var(--u)*4)),radial-gradient(circle at 5% 84%,#fff 0 calc(var(--u)*3),transparent calc(var(--u)*5));animation:twinkle 3.2s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.15}to{opacity:.9}}.bird{position:absolute;left:-6%;width:var(--size);aspect-ratio:80 / 44;animation:bird-cross 26s linear infinite}.bird svg{display:block;width:100%;height:100%;overflow:visible;animation:bird-bob 3.1s ease-in-out infinite}.bird .wing{fill:#fff;stroke:#465a78bf;stroke-width:1.6;stroke-linejoin:round;transform-box:fill-box}.bird .wl{transform-origin:100% 100%;animation:flap-l .55s ease-in-out infinite alternate}.bird .wr{transform-origin:0 100%;animation:flap-r .55s ease-in-out infinite alternate}.bird .body{fill:#fff;stroke:#465a78bf;stroke-width:1.6}@keyframes flap-l{0%{rotate:24deg}to{rotate:-22deg}}@keyframes flap-r{0%{rotate:-24deg}to{rotate:22deg}}@keyframes bird-bob{0%,to{translate:0 0}50%{translate:0 calc(var(--u)*-14)}}@keyframes bird-cross{0%{translate:0 0;opacity:0}8%{opacity:1}92%{opacity:1}to{translate:var(--reach) calc(var(--u)*-70);opacity:0}}@media print{.dust,.sea{display:none!important}}:where(.kid){transform-origin:50% 100%;animation:kid-idle 4.6s ease-in-out infinite}.screen>.kid{animation-delay:.9s}@keyframes kid-idle{0%,to{scale:1 1;rotate:-.5deg}50%{scale:1.014 1.024;rotate:.7deg}}@keyframes kid-float{0%,to{translate:0 0;rotate:-.8deg}50%{translate:0 calc(var(--u)*-18);rotate:1deg}}@keyframes kid-cheer{0%{translate:0 0;scale:1 1}25%{scale:1.08 .9}55%{translate:0 calc(var(--u)*-34);scale:.96 1.08}85%{translate:0 0;scale:1.05 .94}to{scale:1 1}}.hero-card.on .kid{animation:kid-cheer .7s ease-out,kid-idle 4.6s ease-in-out .7s infinite}.sprite,.kid{cursor:pointer;touch-action:manipulation}.spark{position:absolute;z-index:9;width:calc(var(--u)*30);height:calc(var(--u)*30);pointer-events:none;background:radial-gradient(circle,#fff,#ffe27a 40%,#ffcd4600 72%);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);animation:spark-out .85s ease-out forwards}@keyframes spark-out{0%{translate:-50% -50%;scale:.4;opacity:1}to{translate:calc(-50% + var(--tx)) calc(-50% + var(--ty));scale:1.2;rotate:120deg;opacity:0}}@media print{.spark{display:none!important}}canvas.kid:not([data-ready]),canvas.sprite:not([data-ready]){visibility:hidden}.rm .dust,.rm .sea-fx .wave-row,.rm .sea-glint,.rm .sea-twinkle,.rm .bird,.rm .spark{display:none}.rm .plank:after,.rm .btn-green:after{display:none}@media(prefers-reduced-motion:reduce){.dust,.sea-fx .wave-row,.sea-glint,.sea-twinkle,.bird,.spark{display:none}}