@font-face{font-family:Nunito Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./nunito-sans-latin-700-normal-CICRJDmU.woff2) format("woff2"),url(./nunito-sans-latin-700-normal-CLVG92B9.woff) format("woff")}@font-face{font-family:Nunito Sans;font-style:normal;font-display:swap;font-weight:800;src:url(./nunito-sans-latin-800-normal-MgCk9Q3Y.woff2) format("woff2"),url(./nunito-sans-latin-800-normal-DOf_K5Iw.woff) format("woff")}@font-face{font-family:Noto Sans Arabic;font-style:normal;font-display:swap;font-weight:700;src:url(./noto-sans-arabic-arabic-700-normal-3CqrwsiZ.woff2) format("woff2"),url(./noto-sans-arabic-arabic-700-normal-DXnsSW3z.woff) format("woff")}@font-face{font-family:Noto Sans Arabic;font-style:normal;font-display:swap;font-weight:900;src:url(./noto-sans-arabic-arabic-900-normal-B-v2Ezdw.woff2) format("woff2"),url(./noto-sans-arabic-arabic-900-normal-qpyW9IZo.woff) format("woff")}:root{--u: clamp(12px, calc(1.25vmin + 7px) , 26px);--ink: #030719;--glass: rgba(6, 16, 44, .74);--glass2: rgba(10, 26, 66, .8);--line: rgba(130, 228, 255, .38);--cyan: #72eaff;--gold: #ffd36b;--gold2: #ffb340;--pink: #ff6f9a;--text: #eaf8ff;--muted: #9fc3d8;--font: "Nunito Sans", "Noto Sans Arabic", "Segoe UI", system-ui, sans-serif;--cut: calc(var(--u) * .9);color-scheme:dark}html,body{margin:0;height:100%;background:var(--ink);overflow:hidden}body{font-family:var(--font);color:var(--text);-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}[lang=ar] body,body:lang(ar){--font: "Noto Sans Arabic", "Nunito Sans", Tahoma, sans-serif}*{box-sizing:border-box}button{font:inherit;color:inherit}#app{position:fixed;inset:0}.ff-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;outline:none;touch-action:none}.ff-canvas.nocursor{cursor:none}.ff-layer{position:absolute;inset:0;pointer-events:none;font-size:var(--u)}.ff-layer>*{pointer-events:auto}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.glass{--edges: linear-gradient(to bottom right, transparent 50%, var(--line) 50%, var(--line) calc(50% + 1.3px) , transparent calc(50% + 1.3px) ) top left / var(--cut) var(--cut) no-repeat, linear-gradient(to top left, transparent 50%, var(--line) 50%, var(--line) calc(50% + 1.3px) , transparent calc(50% + 1.3px) ) bottom right / var(--cut) var(--cut) no-repeat;background:var(--edges),linear-gradient(160deg,#14326e8c,#040a20cc),var(--glass);border:1px solid var(--line);box-shadow:0 0 0 1px #0006,0 10px 40px #0000148c,inset 0 1px #ffffff14,0 0 24px #3cc8ff1f;clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.fx{display:inline-flex;align-items:center;gap:.28em;direction:ltr;unicode-bidi:isolate;font-weight:900;white-space:nowrap;font-variant-numeric:tabular-nums}.fx .op{color:var(--cyan)}.fx .of{font-size:.7em;font-weight:800;color:var(--cyan)}.fx .fr{display:inline-flex;flex-direction:column;align-items:center;font-size:.72em;line-height:1.02;vertical-align:middle}.fx .fr b:last-child{border-top:.12em solid currentColor;padding-top:.04em;min-width:1.1em;text-align:center}.fx .fr b{font-weight:900;padding:0 .12em}.btn{--c1: var(--cyan);--c2: rgba(114, 234, 255, .15);position:relative;cursor:pointer;border:0;padding:calc(var(--u) * .7) calc(var(--u) * 1.5);min-height:46px;font-weight:900;font-size:calc(var(--u) * 1.05);letter-spacing:.04em;color:var(--text);background:linear-gradient(180deg,#2878be59,#040e28bf);clip-path:polygon(calc(var(--u) * .6) 0,100% 0,100% calc(100% - calc(var(--u) * .6)),calc(100% - calc(var(--u) * .6)) 100%,0 100%,0 calc(var(--u) * .6));box-shadow:inset 0 0 0 1.5px var(--c1),inset 0 0 18px var(--c2);transition:transform .12s,filter .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5em}.btn:hover{filter:brightness(1.25)}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:2px solid #fff;outline-offset:3px}.btn.primary{--c1: var(--gold);--c2: rgba(255, 190, 70, .35);color:#1d1102;font-size:calc(var(--u) * 1.4);padding:calc(var(--u) * .8) calc(var(--u) * 2.4);background:linear-gradient(180deg,#ffe7a0,#ffbf47 55%,#f09a1c);box-shadow:inset 0 0 0 1.5px #fffadce6,0 0 30px #ffb43c73}.btn.primary:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.65) 50%,transparent 65%);transform:translate(-120%);animation:sweep 3.6s ease-in-out infinite 1s}.btn.small{font-size:calc(var(--u) * .82);padding:calc(var(--u) * .45) calc(var(--u) * .9);min-height:40px}.btn.ghost{background:#040c228c;--c1: rgba(130, 228, 255, .45)}.btn svg{width:1.2em;height:1.2em}@keyframes sweep{0%,70%{transform:translate(-120%)}to{transform:translate(120%)}}.seg{display:inline-flex;padding:3px;gap:3px;background:#00000059;border:1px solid var(--line);border-radius:999px}.seg button{cursor:pointer;border:0;background:transparent;padding:calc(var(--u) * .4) calc(var(--u) * .95);border-radius:999px;font-weight:800;font-size:calc(var(--u) * .85);color:var(--muted);display:inline-flex;align-items:center;gap:.45em;min-height:36px}.seg button[aria-pressed=true]{background:linear-gradient(180deg,#72eaff59,#2878c859);color:#fff;box-shadow:inset 0 0 0 1px #a0f0ffb3,0 0 14px #50d2ff59}.seg svg{width:1.25em;height:1.25em}.kbd{display:inline-grid;place-items:center;min-width:1.6em;height:1.6em;padding:0 .3em;border-radius:.35em;border:1px solid rgba(180,235,255,.5);font-size:.8em;font-weight:900;background:#ffffff0f}.title{position:absolute;inset:0;display:grid;place-items:center;padding:max(14px,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));overflow:auto;background:radial-gradient(ellipse at 50% 40%,#03081a26,#03081ab3)}.title-in{width:min(100%,calc(var(--u) * 52));display:grid;justify-items:center;gap:calc(var(--u) * 1.1);text-align:center;position:relative}.title-in:before{content:"";position:absolute;inset:-6% -10%;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#0206169e,#02061659 70%,#02061600)}.logo{margin:0;line-height:.92;font-weight:900;text-transform:uppercase;letter-spacing:.06em;font-size:calc(var(--u) * 4.2);color:#f2fdff;text-shadow:0 0 6px rgba(160,240,255,.9),0 0 22px rgba(60,200,255,.8),0 0 60px rgba(40,140,255,.6);animation:flicker 7s infinite}.logo span{display:block}.logo .l2{color:#fff1c9;text-shadow:0 0 6px rgba(255,220,140,.95),0 0 24px rgba(255,170,50,.85),0 0 60px rgba(255,120,40,.5);font-size:1.12em}[dir=rtl] .logo{letter-spacing:0;line-height:1.25;font-size:calc(var(--u) * 3.9)}.logo-sub{margin:calc(var(--u) * -.4) 0 0;font-weight:800;color:var(--muted);font-size:calc(var(--u) * 1.05);letter-spacing:.03em}@keyframes flicker{0%,92%,to{opacity:1}93%{opacity:.75}94%{opacity:1}96%{opacity:.85}}.chain{display:grid;grid-template-columns:repeat(4,minmax(0,1fr) auto) minmax(0,1fr);grid-template-rows:1fr auto auto;column-gap:calc(var(--u) * .2);row-gap:calc(var(--u) * .15);width:100%;padding:calc(var(--u) * .7) calc(var(--u) * .8)}.chain .link{grid-row:1 / span 3;display:grid;grid-template-rows:subgrid;justify-items:center;align-items:start;min-width:0;animation:bob 3.2s ease-in-out infinite}.chain .link canvas{align-self:end}.chain .link:nth-child(3){animation-delay:-.6s}.chain .link:nth-child(5){animation-delay:-1.2s}.chain .link:nth-child(7){animation-delay:-1.8s}.chain .link:nth-child(9){animation-delay:-2.4s}.chain canvas{display:block;max-width:100%;height:auto!important;filter:drop-shadow(0 0 8px rgba(90,220,255,.25))}.chain .nm{font-weight:900;font-size:calc(var(--u) * .82);line-height:1.1}.chain .kd{font-weight:700;font-size:calc(var(--u) * .68);color:var(--muted);line-height:1.15}.chain .apex .nm{color:var(--gold);text-shadow:0 0 10px rgba(255,190,60,.7)}.chain .arrow{grid-row:1;align-self:center;color:#82e4ff8c;font-size:calc(var(--u) * 1.1)}[dir=rtl] .chain .arrow{transform:scaleX(-1)}[dir=rtl] .chain canvas,[dir=rtl] .trail canvas,[dir=rtl] .prog-top canvas,[dir=rtl] .pp-chain canvas{transform:scaleX(-1)}@keyframes bob{50%{transform:translateY(-4px)}}.rule3{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(var(--u) * .5) calc(var(--u) * 1.1);font-weight:800;font-size:calc(var(--u) * .92)}.rule3>span{display:inline-flex;align-items:center;gap:.45em}.rule3 i{font-style:normal;display:inline-grid;place-items:center;width:1.55em;height:1.55em;border-radius:50%;font-weight:900}.rule3 .e i{background:#50ffaa2e;color:#7dffc2;box-shadow:0 0 10px #50ffaa66}.rule3 .h i{background:#ff5a782e;color:#ff8aa6;box-shadow:0 0 10px #ff5a7866}.rule3 .s i{background:#72eaff29;color:var(--cyan);box-shadow:0 0 10px #72eaff59}.menu-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:calc(var(--u) * .7)}.settings{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:calc(var(--u) * .6) calc(var(--u) * 1);font-size:calc(var(--u) * .9)}.settings .lab{color:var(--muted);font-weight:800;font-size:.85em;text-transform:uppercase;letter-spacing:.08em}.maths{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:calc(var(--u) * .45) calc(var(--u) * .7);font-size:calc(var(--u) * .9)}.maths .lab{color:var(--muted);font-weight:800;font-size:.85em;text-transform:uppercase;letter-spacing:.08em}[dir=rtl] .maths .lab,[dir=rtl] .settings .lab{letter-spacing:0}.mchips{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.mchips .mc{cursor:pointer;min-height:34px;padding:.25em .75em;border-radius:999px;border:1px dashed rgba(130,228,255,.4);background:#0000004d;color:var(--muted);font-weight:800;font-size:calc(var(--u) * .82)}.mchips .mc.sym{min-width:3.2em;font-weight:900;font-size:calc(var(--u) * .95);direction:ltr}.mchips .mc[aria-pressed=true]{border-style:solid;border-color:#a0f0ffcc;color:#fff;background:linear-gradient(180deg,#72eaff52,#2878c852);box-shadow:0 0 12px #50d2ff4d}.mchips .mc[aria-pressed=true]:before{content:"✓ ";color:#9dffcf}.mchips .mc:disabled{cursor:default}.maths .lv button{min-height:34px}.optline{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:calc(var(--u) * .4) calc(var(--u) * .7);font-size:calc(var(--u) * .9)}.optline .btn svg,.pp-optline .btn svg{width:1.2em;height:1.2em}.osum,.pp-osum{color:var(--muted);font-weight:800;font-size:.9em}.card.optcard{width:min(100%,calc(var(--u) * 46));gap:calc(var(--u) * .6);background:var(--edges),linear-gradient(160deg,#102658f7,#040a20fa)}.opts{display:grid;grid-template-columns:auto minmax(0,1fr);gap:calc(var(--u) * .45) 0;width:100%;font-size:calc(var(--u) * .92)}.orow{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;align-items:center;gap:calc(var(--u) * .4) calc(var(--u) * .8);text-align:start;padding-block:calc(var(--u) * .2);border-bottom:1px solid rgba(130,228,255,.12)}.olab{font-weight:900;display:grid;line-height:1.2}.olab small{color:var(--muted);font-weight:700;font-size:.78em}.orow .seg{flex-wrap:wrap;justify-self:start;border-radius:calc(var(--u) * 1.1)}.orow .seg button{min-height:32px;padding-block:calc(var(--u) * .2);padding-inline:calc(var(--u) * .75);font-size:calc(var(--u) * .82)}.opts .oreset{grid-column:1 / -1;justify-self:center;margin-top:calc(var(--u) * .2)}.hearts.practice .lab{color:#9dffcf}.orows{display:grid;gap:calc(var(--u) * .5);width:100%}.orows>.maths{justify-content:flex-start;padding-bottom:calc(var(--u) * .3);border-bottom:1px solid rgba(130,228,255,.12)}.otpl{width:100%;text-align:start;border:1px solid rgba(130,228,255,.3);background:#00000038;padding:calc(var(--u) * .35) calc(var(--u) * .7)}.otpl>summary{cursor:pointer;font-weight:900;color:var(--gold);padding-block:calc(var(--u) * .2)}.otpl[open]>summary{margin-bottom:calc(var(--u) * .4)}.otpl .gtpl{font-size:calc(var(--u) * .82)}.otpl .gtpl-card{background:#00000040}.ofoot{width:100%}.oclass,.oname{display:inline-flex;align-items:center;gap:.5em;font-weight:800;font-size:calc(var(--u) * .85);color:var(--muted)}.oclass input,.oname input{font:inherit;font-weight:800;color:var(--text);background:#00000059;border:1px solid var(--line);border-radius:6px;padding:.35em .6em;min-height:36px;width:9em}.oname{justify-content:center;flex-wrap:wrap}.ores{width:100%;color:var(--text)}@media(max-height:780px){.card.optcard{gap:calc(var(--u) * .35);padding-block:calc(var(--u) * .8)}.card.optcard h2{font-size:calc(var(--u) * 1.6)}.opts{gap:2px 0}.orow{padding-block:1px}.orow .seg button{min-height:30px;padding-block:2px}}@media(max-height:500px)and (min-width:700px){.card.optcard{width:min(100%,calc(var(--u) * 64))}.card.optcard>p.note{display:none}.opts{grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr);column-gap:calc(var(--u) * 1)}.orow{grid-column:span 2}.olab small{display:none}}@media(max-width:600px){.opts{grid-template-columns:minmax(0,1fr)}.orow{gap:4px}}.hearts.mini{padding:calc(var(--u) * .3) calc(var(--u) * .45);gap:2px}.hearts.mini svg{width:calc(var(--u) * 1.25);height:calc(var(--u) * 1.15)}.best{color:var(--gold);font-weight:800;font-size:calc(var(--u) * .9);min-height:1.2em}.note{color:var(--muted);font-weight:700;font-size:calc(var(--u) * .82)}.hud{position:absolute;inset:0 0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:calc(var(--u) * .6);padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 0 max(10px,env(safe-area-inset-left));pointer-events:none}.hud>*{pointer-events:auto}.hud-l{display:flex;align-items:center;gap:calc(var(--u) * .5)}.pause{width:calc(var(--u) * 2.4);height:calc(var(--u) * 2.4);min-width:42px;min-height:42px;padding:0;display:grid;place-items:center}.pause svg{width:calc(var(--u) * 1.15);height:calc(var(--u) * 1.15);min-width:18px;min-height:18px}.hearts{--cut: calc(var(--u) * .6);display:flex;align-items:center;gap:calc(var(--u) * .25);padding:calc(var(--u) * .35) calc(var(--u) * .65)}.hearts svg{width:calc(var(--u) * 1.75);height:calc(var(--u) * 1.6);overflow:visible}.hearts .on path{fill:#ff4f7e;stroke:#ffd3de;filter:drop-shadow(0 0 5px rgba(255,60,110,.9))}.hearts .off path{fill:#ffffff0d;stroke:#ffa0b973;stroke-dasharray:3 2.5}.hearts svg path{stroke-width:1.6;stroke-linejoin:round}.hearts .lost{animation:heartlost .7s ease-out}.hearts .gain{animation:heartgain .8s ease-out}.hearts.low{animation:lowpulse 1s ease-in-out infinite}.hearts .lab{font-weight:900;font-size:calc(var(--u) * .68);letter-spacing:.08em;color:#ffb6c8;text-transform:uppercase;margin-inline-end:calc(var(--u) * .15)}@keyframes heartlost{0%{transform:scale(1.5) rotate(-12deg);filter:brightness(2)}40%{transform:scale(.7) rotate(10deg)}to{transform:none}}@keyframes heartgain{0%{transform:scale(.2)}60%{transform:scale(1.35)}to{transform:none}}@keyframes lowpulse{50%{box-shadow:0 0 0 1px #ff5078e6,0 0 26px #ff3c6e99}}.prog{justify-self:center;--cut: calc(var(--u) * .6);display:grid;gap:calc(var(--u) * .28);padding:calc(var(--u) * .4) calc(var(--u) * .8) calc(var(--u) * .45);min-width:min(100%,calc(var(--u) * 20))}.prog-top{display:flex;align-items:center;justify-content:center;gap:calc(var(--u) * .3)}.prog-top .c{position:relative;opacity:.38;filter:grayscale(.8);transition:opacity .4s,filter .4s,transform .4s}.prog-top .c.done{opacity:.75;filter:none}.prog-top .c.now{opacity:1;filter:drop-shadow(0 0 8px rgba(255,200,90,.8));transform:scale(1.18)}.prog-top .sep{width:calc(var(--u) * .6);height:2px;background:#82e4ff59}.prog-top canvas{display:block;width:calc(var(--u) * 2.6)!important;height:auto!important}.prog-name{text-align:center;font-weight:900;font-size:calc(var(--u) * .78);letter-spacing:.04em;color:#fff3cf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prog-name small{color:var(--muted);font-weight:800}.pips{display:flex;gap:4px;justify-content:center}.pips i{flex:1 1 0;max-width:calc(var(--u) * 2.6);height:calc(var(--u) * .55);border-radius:3px;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffd27859;transition:background .25s}.pips i.on{background:linear-gradient(180deg,#fff0b8,#ffb13b);box-shadow:0 0 10px #ffb43cbf}.pips i.pop{animation:pippop .45s ease-out}.pips i.drop{animation:pipdrop .6s ease-out}@keyframes pippop{0%{transform:scaleY(2.2);filter:brightness(2)}to{transform:none}}@keyframes pipdrop{0%{background:#ff4f7e}to{background:#ffffff14}}.you{--cut: calc(var(--u) * .6);display:grid;justify-items:center;padding:calc(var(--u) * .25) calc(var(--u) * .9) calc(var(--u) * .35);min-width:calc(var(--u) * 5.2);--line: rgba(255, 206, 90, .7);border-color:var(--line);box-shadow:0 0 22px #ffb43c40,inset 0 0 18px #ffb43c1f}.you .fx{transition:opacity .3s,filter .3s}.you.wait .fx{opacity:.25;filter:blur(3px)}.you small{font-weight:900;font-size:calc(var(--u) * .7);letter-spacing:.14em;color:var(--gold);text-transform:uppercase}.you .fx{font-size:calc(var(--u) * 2.6);color:#fff6dc;text-shadow:0 0 14px rgba(255,190,60,.85);line-height:1.05}.you .fx .fr{font-size:.62em}.you.bump{animation:youbump .6s ease-out}@keyframes youbump{0%{transform:scale(1.35)}to{transform:none}}.chip{--cut: calc(var(--u) * .5);padding:calc(var(--u) * .25) calc(var(--u) * .7);display:grid;justify-items:center;font-weight:900}.chip small{font-size:calc(var(--u) * .6);letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.chip b{font-size:calc(var(--u) * 1.35);font-variant-numeric:tabular-nums;direction:ltr}.chip.low b{color:#ff8aa6;animation:lowtext .5s ease-in-out infinite alternate}@keyframes lowtext{to{transform:scale(1.1)}}.hud-r{display:flex;align-items:start;gap:calc(var(--u) * .45)}.why{position:absolute;inset-inline:0;margin-inline:auto;width:max-content;max-width:calc(100% - 20px);top:var(--hudb, 90px);padding:calc(var(--u) * .55) calc(var(--u) * 1.1);display:grid;justify-items:center;gap:calc(var(--u) * .25);text-align:center;pointer-events:none;--line: rgba(255, 110, 140, .8);border-color:var(--line);box-shadow:0 0 30px #ff3c6459,inset 0 0 22px #ff3c642e;background:var(--edges),linear-gradient(160deg,#6e0a2899,#1e0412d9);animation:whyin .35s cubic-bezier(.2,1.5,.4,1) both}.why.calm{--line: rgba(130, 228, 255, .7);border-color:var(--line);background:var(--edges),linear-gradient(160deg,#0a3c6e99,#040e28d9);box-shadow:0 0 26px #3cc8ff4d}.why.out{animation:whyout .4s ease-in both}.why h4{margin:0;font-size:calc(var(--u) * .85);letter-spacing:.08em;text-transform:uppercase;color:#ffc0cf}.why.calm h4{color:#bff3ff}.why .line{display:flex;align-items:center;gap:calc(var(--u) * .55);font-size:calc(var(--u) * 1.45);font-weight:900;direction:ltr;flex-wrap:wrap;justify-content:center}.why .v{color:#ffd6df}.why.calm .v{color:#d6f6ff}.why .sg{color:#ff7b98;font-size:1.2em}.why.calm .sg{color:var(--cyan)}.why .yu{color:var(--gold);font-size:.62em;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.why .fx.mine{color:#fff1c9}@keyframes whyin{0%{transform:translateY(-14px) scale(.92);opacity:0}}@keyframes whyout{to{transform:translateY(-10px);opacity:0}}.banner{position:absolute;inset:0;display:grid;justify-items:center;align-items:start;padding-top:max(calc(var(--hudb, 90px) + 4vh),16vh);pointer-events:none}.banner-in{display:grid;justify-items:center;gap:calc(var(--u) * .35);text-align:center;padding:calc(var(--u) * 1.1) calc(var(--u) * 3);background:radial-gradient(closest-side,#020616c7,#0206168c 60%,#02061600);animation:bannerin .5s cubic-bezier(.2,1.4,.4,1) both}.banner.out .banner-in{animation:bannerout .45s ease-in both}.banner .k{font-weight:900;letter-spacing:.3em;text-transform:uppercase;color:var(--cyan);font-size:calc(var(--u) * .9);text-shadow:0 0 12px rgba(80,220,255,.8)}[dir=rtl] .banner .k{letter-spacing:0}.banner .big{font-weight:900;font-size:calc(var(--u) * 3.2);line-height:1;color:#fff6dc;text-shadow:0 0 10px rgba(255,220,140,.9),0 0 40px rgba(255,160,40,.65)}.banner .sub{font-weight:800;font-size:calc(var(--u) * 1.1);color:var(--text);text-shadow:0 2px 10px rgba(0,0,0,.9)}.banner .num{display:inline-flex;align-items:center;gap:.6em;font-weight:800;font-size:calc(var(--u) * 1.05);padding:calc(var(--u) * .35) calc(var(--u) * .9)}.banner .num .fx{font-size:1.6em;color:#fff1c9;text-shadow:0 0 10px rgba(255,190,60,.8)}@keyframes bannerin{0%{transform:scale(.6);opacity:0;filter:blur(8px)}}@keyframes bannerout{to{transform:scale(1.15);opacity:0;filter:blur(6px)}}.overlay{position:absolute;inset:0;display:grid;place-items:center;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:radial-gradient(ellipse at center,#03081a73,#03081ad1);overflow:auto;animation:fadein .3s both}.card{--cut: calc(var(--u) * 1.2);width:min(100%,calc(var(--u) * 32));max-height:100%;overflow:auto;padding:calc(var(--u) * 1.3) calc(var(--u) * 1.5);display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:calc(var(--u) * .75);text-align:center;animation:cardin .45s cubic-bezier(.2,1.3,.4,1) both}.card h2{margin:0;font-weight:900;font-size:calc(var(--u) * 2.2);line-height:1.05}.card h2.gold{color:#fff1c9;text-shadow:0 0 10px rgba(255,210,120,.9),0 0 40px rgba(255,150,40,.6)}.card h2.red{color:#ffd0da;text-shadow:0 0 14px rgba(255,70,110,.8)}.card p{margin:0;line-height:1.4;font-size:calc(var(--u) * .98);color:#d8ecf7}.card .hero canvas{display:block;width:min(70vw,calc(var(--u) * 16))!important;height:auto!important;filter:drop-shadow(0 0 20px rgba(255,200,90,.5));animation:bob 3s ease-in-out infinite}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(var(--u) * 5.2),1fr));gap:calc(var(--u) * .5);width:100%}.stat{padding:calc(var(--u) * .45) calc(var(--u) * .4);border:1px solid rgba(130,228,255,.25);background:#00000040;display:grid;gap:2px}.stat small{font-size:calc(var(--u) * .62);font-weight:900;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.stat b{font-size:calc(var(--u) * 1.5);font-weight:900;font-variant-numeric:tabular-nums;direction:ltr}.stat.hl b{color:var(--gold);text-shadow:0 0 12px rgba(255,190,60,.6)}.ribbon{display:inline-block;padding:.2em .8em;font-weight:900;font-size:calc(var(--u) * .8);letter-spacing:.08em;text-transform:uppercase;color:#1d1102;background:linear-gradient(180deg,#ffe7a0,#ffbf47);box-shadow:0 0 16px #ffb43c99;animation:bob 1.6s ease-in-out infinite}.whybox{width:100%;padding:calc(var(--u) * .6);border:1px solid rgba(255,110,140,.55);background:#50061e59;display:grid;gap:calc(var(--u) * .3)}.whybox small{color:#ffb6c8;font-weight:900;font-size:calc(var(--u) * .68);letter-spacing:.1em;text-transform:uppercase}.whybox .line{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:calc(var(--u) * .5);font-weight:900;font-size:calc(var(--u) * 1.55);direction:ltr}.whybox .sg{color:#ff7b98}.whybox .yu{color:var(--gold);font-size:.7em;text-transform:uppercase}.card .menu-row{margin-top:calc(var(--u) * .3)}.card .ko{margin:calc(var(--u) * -.5) 0 calc(var(--u) * -.6)}.card .ko canvas{display:block;width:calc(var(--u) * 6.5)!important;height:auto!important;filter:saturate(.35) brightness(.8) drop-shadow(0 0 10px rgba(255,80,120,.45));animation:adrift 3.4s ease-in-out infinite}[dir=rtl] .card .ko canvas{scale:-1 1}@keyframes adrift{0%,to{transform:translateY(0) rotate(14deg)}50%{transform:translateY(5px) rotate(22deg)}}.card.win{width:min(100%,calc(var(--u) * 34));--line: rgba(255, 206, 90, .6);border-color:var(--line);box-shadow:0 0 60px #ffaa3240,inset 0 0 40px #ffaa3214}.card .hero{position:relative;display:grid;place-items:center;margin:calc(var(--u) * -.4) 0 calc(var(--u) * -.6)}.card .hero canvas{position:relative}.card .hero .rays{position:absolute;width:150%;aspect-ratio:1;border-radius:50%;pointer-events:none;background:repeating-conic-gradient(from 0deg,#ffd2782e 0deg 8deg,#ffd27800 8deg 22deg);-webkit-mask:radial-gradient(closest-side,#000 20%,transparent 100%);mask:radial-gradient(closest-side,#000 20%,transparent 100%);animation:rays 24s linear infinite}@keyframes rays{to{transform:rotate(360deg)}}.trail{display:flex;align-items:flex-end;justify-content:center;gap:calc(var(--u) * .3);max-width:100%}.trail canvas{display:block;min-width:0;max-width:17%;height:auto!important;filter:drop-shadow(0 0 6px rgba(255,200,90,.5))}.win-a,.win-b{display:contents}.trail .tsep{color:var(--gold);opacity:.6;align-self:center}[dir=rtl] .trail .tsep{transform:scaleX(-1)}.bigtime{display:grid;justify-items:center}.bigtime small{font-size:calc(var(--u) * .68);font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.bigtime b{font-size:calc(var(--u) * 3.2);line-height:1;font-weight:900;color:#fff1c9;direction:ltr;font-variant-numeric:tabular-nums;text-shadow:0 0 12px rgba(255,210,120,.9),0 0 40px rgba(255,150,40,.5)}@keyframes fadein{0%{opacity:0}}@keyframes cardin{0%{transform:translateY(18px) scale(.94);opacity:0}}.hint{position:absolute;inset-inline:0;bottom:max(12px,env(safe-area-inset-bottom));text-align:center;pointer-events:none;font-weight:800;font-size:calc(var(--u) * .95);color:#fff;text-shadow:0 0 8px rgba(0,0,0,1),0 1px 3px #000;transition:opacity .6s;padding:0 14px}@media(max-width:600px)and (orientation:portrait){.hud{grid-template-columns:auto 1fr auto;grid-template-areas:"l . r" "p p p";row-gap:6px}.hud-l{grid-area:l}.hud-r{grid-area:r}.prog{grid-area:p;justify-self:stretch}.logo{font-size:calc(var(--u) * 3.3)}.chain .kd{display:none}.chain{gap:2px;padding:calc(var(--u) * .6) calc(var(--u) * .4)}.chain .nm{font-size:calc(var(--u) * .78)}.chain .arrow{font-size:var(--u)}.banner .big{font-size:calc(var(--u) * 2.5)}}@media(max-height:500px)and (orientation:landscape){:root{--u: clamp(11px, calc(1.7vmin + 5px) , 18px)}.title-in{gap:calc(var(--u) * .6)}.logo{font-size:calc(var(--u) * 2.9)}.logo span{display:inline}.logo .l2{margin-inline-start:.3em}.chain{padding:calc(var(--u) * .3) calc(var(--u) * .6)}.prog{min-width:calc(var(--u) * 17)}.card{width:min(100%,calc(var(--u) * 44))}.card.win{width:min(100%,calc(var(--u) * 52));grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;column-gap:calc(var(--u) * 1.4);padding-block:calc(var(--u) * .9)}.win-a,.win-b{display:grid;justify-items:center;gap:calc(var(--u) * .5);min-width:0}.card.win .hero canvas{width:min(34vw,calc(var(--u) * 13))!important}.card.win .bigtime b{font-size:calc(var(--u) * 2.6)}.card.win .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.card.win .menu-row{margin-top:0}}@media(min-width:1400px)and (min-height:800px){:root{--u: clamp(12px, calc(1.6vmin + 6px) , 30px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01s!important;animation-iteration-count:1!important}}