@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:700;src:url(./cairo-latin-700-normal-C3GYtKbV.woff2)format("woff2"),url(./cairo-latin-700-normal-6fcUy4Rc.woff)format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:900;src:url(./cairo-latin-900-normal-CZYZHNME.woff2)format("woff2"),url(./cairo-latin-900-normal-YbAqUPRv.woff)format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:900;src:url(./cairo-arabic-900-normal-DNm2WYV7.woff2)format("woff2"),url(./cairo-arabic-900-normal-dTOb6H7Y.woff)format("woff")}:root{--amber:#ffb347;--hot:#ff3df2;--text:#fff4e8;--dim:#ffeedc9e;--glass:#100a26a8;color:var(--text);font-family:Cairo,system-ui,sans-serif}canvas{touch-action:none;display:block}.ui{z-index:10;pointer-events:none;padding:max(10px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));position:fixed;inset:0}.ui button{pointer-events:auto;font-family:inherit}.tile{text-align:center;color:#fff;background:var(--c);min-width:1.6em;box-shadow:0 0 12px var(--c), inset 0 -2px 0 #00000040;text-shadow:0 1px 2px #00000059;vertical-align:middle;border-radius:.35em;padding:0 .35em;font-weight:900;line-height:1.5;display:inline-block}.tile.big{font-size:1.25em}.hud{grid-template-columns:1fr auto 1fr;align-items:start;gap:8px;display:grid}.hud .label{letter-spacing:.18em;text-transform:uppercase;color:var(--dim);font-size:11px;display:block}.hud .value{font-variant-numeric:tabular-nums;text-shadow:0 0 18px #ff78c899;font-size:clamp(28px,7.5vw,42px);font-weight:900;line-height:1;display:block}.hud .sub{color:var(--dim);margin-top:2px;font-size:12px;display:block}.hud .right{text-align:right}.hud .right .tile{margin-top:2px;font-size:22px}.hud-row{text-align:center;padding-top:2px}.dots{justify-content:center;gap:5px;margin-top:5px;display:flex}.dots i{background:#ffffff1f;border-radius:50%;width:9px;height:9px;transition:background .3s,box-shadow .3s}.dots i.on{background:#ff6b8b;box-shadow:0 0 8px #ff3d6e}.swap-hint{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);white-space:nowrap;-webkit-user-select:none;user-select:none;font:700 11px/1 Cairo,sans-serif}.hint{text-align:center;color:#fff;text-shadow:0 0 14px #ff3df2e6;font-size:19px;font-weight:800;animation:1.6s ease-in-out infinite breathe;position:absolute;top:42%;left:0;right:0}@keyframes breathe{50%{opacity:.45;transform:translateY(-3px)}}.pops{place-items:center;display:grid;position:absolute;top:24%;left:0;right:0}.pop{text-align:center;grid-area:1/1;animation:1.1s cubic-bezier(.2,1.4,.4,1) forwards pop}.pop-text{font-weight:900;font-size:calc(28px + var(--s,0) * 7px);background:linear-gradient(180deg, #fff 15%, var(--c));color:#0000;filter:drop-shadow(0 0 12px var(--c));-webkit-background-clip:text;background-clip:text;line-height:1}.pop-sub{color:#fff;text-shadow:0 0 12px var(--c);font-size:22px;font-weight:900}.pop.s0{--s:0}.pop.s1{--s:1}.pop.s2{--s:2}.pop.s3{--s:3}.pop.s4{--s:4}@keyframes pop{0%{opacity:0;transform:scale(.4)translateY(10px)}18%{opacity:1;transform:scale(1.12)}32%{transform:scale(1)}75%{opacity:1;transform:translateY(-12px)}to{opacity:0;transform:translateY(-30px)scale(.96)}}.panel{pointer-events:auto;box-sizing:border-box;text-align:center;background:var(--glass);-webkit-backdrop-filter:blur(10px);border:1px solid #ff8cdc4d;border-radius:26px;width:min(92vw,400px);max-height:calc(100% - 24px);padding:24px 22px 20px;animation:.45s cubic-bezier(.2,1.2,.4,1) rise;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 20px 60px #0000008c,inset 0 0 40px #ff3df20f}@keyframes rise{0%{opacity:0;transform:translate(-50%,-44%)scale(.96)}}.logo-ar{background:linear-gradient(#fff 0%,#ff8ad8 45%,#ff3df2 70%,#a855ff);color:#0000;filter:drop-shadow(0 0 18px #ff3df2b3);-webkit-background-clip:text;background-clip:text;font-size:60px;font-weight:900;line-height:1.1}.logo{letter-spacing:.3em;margin:0;padding-left:.3em;font-size:34px;font-weight:900;line-height:1.1}.tagline{color:var(--dim);margin:6px 0 12px;font-size:15px}.howto{text-align:left;counter-reset:s;margin:0 0 16px;padding:0;font-size:14px;line-height:1.5;list-style:none}.howto li{counter-increment:s;margin:8px 0;padding-left:30px;position:relative}.howto li:before{content:counter(s);text-align:center;color:#fff;background:var(--hot);border-radius:6px;width:20px;height:20px;font-size:12px;font-weight:900;line-height:20px;position:absolute;top:1px;left:0;box-shadow:0 0 10px #ff3df2cc}.howto b{color:#ffb0ec}.howto .eg{margin-top:4px;font-size:13px;display:block}.howto .eg .tile{font-size:12px}.red{color:#ff5c7c;font-weight:800}.buttons{gap:10px;margin-top:14px;display:grid}.buttons .row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.btn{appearance:none;width:100%;color:var(--text);cursor:pointer;background:#ffffff0f;border:1px solid #ffa0e673;border-radius:16px;padding:12px 16px;font-size:19px;font-weight:900;transition:transform .12s,box-shadow .2s}.btn small{opacity:.8;font-size:12px;font-weight:700;display:block}.btn:active{transform:scale(.97)}.btn.primary{color:#fff;text-shadow:0 1px 2px #3c003c66;background:linear-gradient(#ff7ad9,#ff3df2 50%,#a855ff);border:none;box-shadow:0 6px 26px #ff3df280,inset 0 1px #ffffff80}.btn.small{padding:10px;font-size:15px}.over-title{letter-spacing:.24em;text-transform:uppercase;color:var(--dim);font-size:13px}.res-score{font-variant-numeric:tabular-nums;text-shadow:0 0 26px #ff3df2b3;font-size:74px;font-weight:900;line-height:1.05}.res-line{margin:6px 0;font-size:16px}.res-line.dim{color:var(--dim);font-size:14px}.badge{color:#071018;background:#3df5ff;border-radius:99px;margin:4px 0;padding:3px 12px;font-size:13px;font-weight:800;display:inline-block;box-shadow:0 0 16px #3df5ffb3}.badge.new{background:#ffe14d;box-shadow:0 0 16px #ffe14db3}.mute{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));color:#ffb0ec;cursor:pointer;background:#0a061a99;border:1px solid #ffa0e659;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute}@media (height<=520px){.panel{padding:12px 18px}.logo-ar{font-size:38px}.logo{font-size:22px}.howto{margin-bottom:8px;font-size:12.5px}.howto li{margin:4px 0}.res-score{font-size:46px}.buttons{grid-template-columns:1.4fr 1fr;gap:8px;margin-top:8px}.btn{padding:9px 12px}}