@font-face{font-family:ArefMenna;src:url(/ArefMenna-Bold.ttf)format("truetype");font-weight:700}@font-face{font-family:FunPlayArabic;src:url(/FunPlayArabic-Bold.otf)format("opentype");font-weight:700}body{background:#0d1b2a;margin:0}#root{width:100%;height:100svh;overflow:hidden}canvas{image-rendering:auto;display:block}@keyframes swipe-up{0%{opacity:.9;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,calc(-50% - 64px))}}@keyframes swipe-down{0%{opacity:.9;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,calc(64px - 50%))}}@keyframes swipe-left{0%{opacity:.9;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(calc(-50% - 64px),-50%)}}@keyframes swipe-right{0%{opacity:.9;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(calc(64px - 50%),-50%)}}@keyframes pulse-danger{0%,to{background:#ff282826;border-color:#ff282880}50%{background:#ff282866;border-color:#ff2828e6}}@keyframes lesson-toast-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes sign-dance{0%{opacity:0;transform:translateY(60px)scale(.8)}20%{opacity:1;transform:translateY(0)scale(1.05)rotate(-3deg)}35%{transform:translateY(0)scale(1)rotate(3deg)}50%{transform:translateY(0)scale(1.03)rotate(-2deg)}65%{transform:translateY(0)scale(1)rotate(2deg)}80%{opacity:1;transform:translateY(0)scale(1)rotate(0)}to{opacity:0;transform:translateY(0)scale(1)rotate(0)}}@keyframes cash-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(.95)}}@keyframes gold-shine{0%,to{filter:saturate(1.1)brightness(1.15)drop-shadow(0 3px 3px #00000080)drop-shadow(0 0 10px #ffe178f2)}50%{filter:saturate(1.3)brightness(1.45)drop-shadow(0 3px 3px #00000080)drop-shadow(0 0 16px #ffeb96)}}@keyframes needs-cash-icon-pulse{0%,to{transform:scale(1)}35%{transform:scale(1.35)}65%{transform:scale(1.1)}}@keyframes needs-cash-text-pulse{0%,to{color:#fff}40%{color:#f5c518}}@keyframes time-icon-pulse{0%,to{filter:drop-shadow(0 4px 8px #00000080)drop-shadow(0 0 #ff3c3c00);transform:scale(1)}50%{filter:drop-shadow(0 4px 8px #00000080)drop-shadow(0 0 18px #ff3c3ce6);transform:scale(1.15)}}@keyframes spotlight-glow-move{0%{top:var(--watch-y);left:50%}10%{left:calc(50% + 15px)}20%{left:calc(50% - 15px)}28%{top:var(--watch-y);left:50%}32%{top:var(--lane-y);left:50%}45%{left:calc(50% + 15px)}60%{left:calc(50% - 15px)}75%{left:calc(50% + 15px)}88%{top:var(--lane-y);left:50%}92%{top:var(--watch-y);left:50%}to{top:var(--watch-y);left:50%}}@keyframes spotlight-mask-move{0%{-webkit-mask-position:50% var(--mask-watch-y);mask-position:50% var(--mask-watch-y);-webkit-mask-position:50% var(--mask-watch-y)}10%{-webkit-mask-position:calc(50% + 15px) var(--mask-watch-y);mask-position:calc(50% + 15px) var(--mask-watch-y);-webkit-mask-position:calc(50% + 15px) var(--mask-watch-y)}20%{-webkit-mask-position:calc(50% - 15px) var(--mask-watch-y);mask-position:calc(50% - 15px) var(--mask-watch-y);-webkit-mask-position:calc(50% - 15px) var(--mask-watch-y)}28%{-webkit-mask-position:50% var(--mask-watch-y);mask-position:50% var(--mask-watch-y);-webkit-mask-position:50% var(--mask-watch-y)}32%{-webkit-mask-position:50% var(--mask-lane-y);mask-position:50% var(--mask-lane-y);-webkit-mask-position:50% var(--mask-lane-y)}45%{-webkit-mask-position:calc(50% + 15px) var(--mask-lane-y);mask-position:calc(50% + 15px) var(--mask-lane-y);-webkit-mask-position:calc(50% + 15px) var(--mask-lane-y)}60%{-webkit-mask-position:calc(50% - 15px) var(--mask-lane-y);mask-position:calc(50% - 15px) var(--mask-lane-y);-webkit-mask-position:calc(50% - 15px) var(--mask-lane-y)}75%{-webkit-mask-position:calc(50% + 15px) var(--mask-lane-y);mask-position:calc(50% + 15px) var(--mask-lane-y);-webkit-mask-position:calc(50% + 15px) var(--mask-lane-y)}88%{-webkit-mask-position:50% var(--mask-lane-y);mask-position:50% var(--mask-lane-y);-webkit-mask-position:50% var(--mask-lane-y)}92%{-webkit-mask-position:50% var(--mask-watch-y);mask-position:50% var(--mask-watch-y);-webkit-mask-position:50% var(--mask-watch-y)}to{-webkit-mask-position:50% var(--mask-watch-y);mask-position:50% var(--mask-watch-y);-webkit-mask-position:50% var(--mask-watch-y)}}@keyframes chase-hero{0%,32%{left:-20%}68%{left:120%}to{left:120%}}@keyframes chase-thief{0%,48%{left:-20%}84%{left:120%}to{left:120%}}@keyframes steal-spotlight-glow-move{0%{top:var(--money-y);left:50%}10%{left:calc(50% + 10px)}22%{left:calc(50% - 10px)}34%{left:calc(50% + 8px)}45%{top:var(--money-y);left:50%}50%{top:var(--gold-y);left:50%}62%{left:calc(50% + 10px)}75%{left:calc(50% - 10px)}90%{top:var(--gold-y);left:50%}95%{top:var(--money-y);left:50%}to{top:var(--money-y);left:50%}}@keyframes steal-spotlight-mask-move{0%{-webkit-mask-position:50% var(--mask-money-y);mask-position:50% var(--mask-money-y);-webkit-mask-position:50% var(--mask-money-y)}10%{-webkit-mask-position:calc(50% + 10px) var(--mask-money-y);mask-position:calc(50% + 10px) var(--mask-money-y);-webkit-mask-position:calc(50% + 10px) var(--mask-money-y)}22%{-webkit-mask-position:calc(50% - 10px) var(--mask-money-y);mask-position:calc(50% - 10px) var(--mask-money-y);-webkit-mask-position:calc(50% - 10px) var(--mask-money-y)}34%{-webkit-mask-position:calc(50% + 8px) var(--mask-money-y);mask-position:calc(50% + 8px) var(--mask-money-y);-webkit-mask-position:calc(50% + 8px) var(--mask-money-y)}45%{-webkit-mask-position:50% var(--mask-money-y);mask-position:50% var(--mask-money-y);-webkit-mask-position:50% var(--mask-money-y)}50%{-webkit-mask-position:50% var(--mask-gold-y);mask-position:50% var(--mask-gold-y);-webkit-mask-position:50% var(--mask-gold-y)}62%{-webkit-mask-position:calc(50% + 10px) var(--mask-gold-y);mask-position:calc(50% + 10px) var(--mask-gold-y);-webkit-mask-position:calc(50% + 10px) var(--mask-gold-y)}75%{-webkit-mask-position:calc(50% - 10px) var(--mask-gold-y);mask-position:calc(50% - 10px) var(--mask-gold-y);-webkit-mask-position:calc(50% - 10px) var(--mask-gold-y)}90%{-webkit-mask-position:50% var(--mask-gold-y);mask-position:50% var(--mask-gold-y);-webkit-mask-position:50% var(--mask-gold-y)}95%{-webkit-mask-position:50% var(--mask-money-y);mask-position:50% var(--mask-money-y);-webkit-mask-position:50% var(--mask-money-y)}to{-webkit-mask-position:50% var(--mask-money-y);mask-position:50% var(--mask-money-y);-webkit-mask-position:50% var(--mask-money-y)}}@keyframes steal-thief-cross{0%,15%{left:-20%}55%{left:120%}to{left:120%}}@keyframes steal-money-fly{0%,33%{opacity:1;transform:translate(-50%,-50%)scale(1)}38%{opacity:0;transform:translate(calc(55px - 50%),calc(15px - 50%))scale(.5)}90%{opacity:0;transform:translate(-50%,-50%)scale(1)}96%,to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes money-hover{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes text-rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes roam-spotlight-glow-move{0%{top:var(--lane1-y);left:50%}10%{left:calc(50% + 10px)}22%{left:calc(50% - 10px)}34%{left:calc(50% + 8px)}45%{top:var(--lane1-y);left:50%}50%{top:var(--lane2-y);left:50%}62%{left:calc(50% + 10px)}75%{left:calc(50% - 10px)}90%{top:var(--lane2-y);left:50%}95%{top:var(--lane1-y);left:50%}to{top:var(--lane1-y);left:50%}}@keyframes roam-spotlight-mask-move{0%{-webkit-mask-position:50% var(--mask-lane1-y);mask-position:50% var(--mask-lane1-y);-webkit-mask-position:50% var(--mask-lane1-y)}10%{-webkit-mask-position:calc(50% + 10px) var(--mask-lane1-y);mask-position:calc(50% + 10px) var(--mask-lane1-y);-webkit-mask-position:calc(50% + 10px) var(--mask-lane1-y)}22%{-webkit-mask-position:calc(50% - 10px) var(--mask-lane1-y);mask-position:calc(50% - 10px) var(--mask-lane1-y);-webkit-mask-position:calc(50% - 10px) var(--mask-lane1-y)}34%{-webkit-mask-position:calc(50% + 8px) var(--mask-lane1-y);mask-position:calc(50% + 8px) var(--mask-lane1-y);-webkit-mask-position:calc(50% + 8px) var(--mask-lane1-y)}45%{-webkit-mask-position:50% var(--mask-lane1-y);mask-position:50% var(--mask-lane1-y);-webkit-mask-position:50% var(--mask-lane1-y)}50%{-webkit-mask-position:50% var(--mask-lane2-y);mask-position:50% var(--mask-lane2-y);-webkit-mask-position:50% var(--mask-lane2-y)}62%{-webkit-mask-position:calc(50% + 10px) var(--mask-lane2-y);mask-position:calc(50% + 10px) var(--mask-lane2-y);-webkit-mask-position:calc(50% + 10px) var(--mask-lane2-y)}75%{-webkit-mask-position:calc(50% - 10px) var(--mask-lane2-y);mask-position:calc(50% - 10px) var(--mask-lane2-y);-webkit-mask-position:calc(50% - 10px) var(--mask-lane2-y)}90%{-webkit-mask-position:50% var(--mask-lane2-y);mask-position:50% var(--mask-lane2-y);-webkit-mask-position:50% var(--mask-lane2-y)}95%{-webkit-mask-position:50% var(--mask-lane1-y);mask-position:50% var(--mask-lane1-y);-webkit-mask-position:50% var(--mask-lane1-y)}to{-webkit-mask-position:50% var(--mask-lane1-y);mask-position:50% var(--mask-lane1-y);-webkit-mask-position:50% var(--mask-lane1-y)}}@keyframes roam-thief-left{0%{left:120%}40%{left:-20%}to{left:-20%}}@keyframes roam-thief-right{0%,50%{left:-20%}88%{left:120%}to{left:120%}}@keyframes end-spotlight-glow-move{0%{top:var(--money-y);left:50%}10%{left:calc(50% + 10px)}22%{left:calc(50% - 10px)}34%{left:calc(50% + 8px)}45%{top:var(--money-y);left:50%}50%{top:var(--lane-y);left:50%}62%{left:calc(50% + 10px)}75%{left:calc(50% - 10px)}90%{top:var(--lane-y);left:50%}95%{top:var(--money-y);left:50%}to{top:var(--money-y);left:50%}}@keyframes end-spotlight-mask-move{0%{-webkit-mask-position:50% var(--mask-money-y);mask-position:50% var(--mask-money-y);-webkit-mask-position:50% var(--mask-money-y)}10%{-webkit-mask-position:calc(50% + 10px) var(--mask-money-y);mask-position:calc(50% + 10px) var(--mask-money-y);-webkit-mask-position:calc(50% + 10px) var(--mask-money-y)}22%{-webkit-mask-position:calc(50% - 10px) var(--mask-money-y);mask-position:calc(50% - 10px) var(--mask-money-y);-webkit-mask-position:calc(50% - 10px) var(--mask-money-y)}34%{-webkit-mask-position:calc(50% + 8px) var(--mask-money-y);mask-position:calc(50% + 8px) var(--mask-money-y);-webkit-mask-position:calc(50% + 8px) var(--mask-money-y)}45%{-webkit-mask-position:50% var(--mask-money-y);mask-position:50% var(--mask-money-y);-webkit-mask-position:50% var(--mask-money-y)}50%{-webkit-mask-position:50% var(--mask-lane-y);mask-position:50% var(--mask-lane-y);-webkit-mask-position:50% var(--mask-lane-y)}62%{-webkit-mask-position:calc(50% + 10px) var(--mask-lane-y);mask-position:calc(50% + 10px) var(--mask-lane-y);-webkit-mask-position:calc(50% + 10px) var(--mask-lane-y)}75%{-webkit-mask-position:calc(50% - 10px) var(--mask-lane-y);mask-position:calc(50% - 10px) var(--mask-lane-y);-webkit-mask-position:calc(50% - 10px) var(--mask-lane-y)}90%{-webkit-mask-position:50% var(--mask-lane-y);mask-position:50% var(--mask-lane-y);-webkit-mask-position:50% var(--mask-lane-y)}95%{-webkit-mask-position:50% var(--mask-money-y);mask-position:50% var(--mask-money-y);-webkit-mask-position:50% var(--mask-money-y)}to{-webkit-mask-position:50% var(--mask-money-y);mask-position:50% var(--mask-money-y);-webkit-mask-position:50% var(--mask-money-y)}}@keyframes end-thief-right{0%{opacity:1;left:calc(50% - 35px)}50%{opacity:1;left:calc(50% + 35px)}50.5%{opacity:0}to{opacity:0}}@keyframes end-thief-left{0%,49.5%{opacity:0;left:calc(50% + 35px)}50%{opacity:1}to{opacity:1;left:calc(50% - 35px)}}*{box-sizing:border-box;margin:0;padding:0}body{background:#0d1b2a;justify-content:center;align-items:center;min-height:100vh;display:flex;overflow:hidden}.app{justify-content:center;align-items:center;display:flex}