.rf{--rf-vio:#7c5cff;--rf-vio2:#9b87ff;--rf-teal:#22d3b7;--rf-amber:#f5b740;--rf-rose:#ff6b8a;--rf-sky:#4ca5ff;--rf-green:#38e08a;--rf-ink:#edebff;--rf-ink2:#b4aee0;--rf-ink3:#8781b8;--rf-panel:rgba(255,255,255,0.06);--rf-panelb:rgba(255,255,255,0.13);--rf-track:rgba(255,255,255,0.12);position:relative;height:calc(100vh - var(--consent-h, 0px));display:flex;flex-direction:column;overflow:hidden;padding:20px max(26px,env(safe-area-inset-left)) calc(26px + env(safe-area-inset-bottom)) max(26px,env(safe-area-inset-right));color:var(--rf-ink);background:radial-gradient(60% 55% at 15% 8%,rgba(124,92,255,.42),transparent 60%),radial-gradient(55% 60% at 88% 12%,rgba(255,80,160,.32),transparent 58%),radial-gradient(70% 70% at 70% 100%,rgba(60,120,255,.34),transparent 60%),linear-gradient(160deg,#170f35,#0f0a24 60%,#0a0719)}@supports (height:100dvh){.rf{height:calc(100dvh - var(--consent-h, 0px))}}.rf.shake{animation:rf-shake .32s}@keyframes rf-shake{0%,to{transform:translateX(0)}20%{transform:translateX(-9px)}40%{transform:translateX(8px)}60%{transform:translateX(-5px)}80%{transform:translateX(4px)}}.rf .rfhud{gap:14px;margin-bottom:8px}.rf .rfhud,.rf .rfx{display:flex;align-items:center;flex-shrink:0}.rf .rfx{width:38px;height:38px;border-radius:11px;background:var(--rf-panel);border:1px solid var(--rf-panelb);justify-content:center;color:var(--rf-ink2)}.rf .rfx svg{width:17px;height:17px}.rf .rfdots{display:flex;gap:5px;flex-wrap:wrap;max-width:340px}.rf .rfdot{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.16)}.rf .rfdot.done{background:var(--rf-vio2)}.rf .rfdot.wrong{background:var(--rf-rose)}.rf .rfdot.cur{background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.2)}.rf .rfcombo{margin-left:auto;display:inline-flex;align-items:center;gap:7px;background:linear-gradient(180deg,var(--rf-amber),#e09a1f);color:#2a1b00;font-weight:900;font-size:13px;padding:7px 13px;border-radius:99px}.rf .rfscore{margin-left:auto;text-align:right;min-width:110px}.rf .rfcombo+.rfscore{margin-left:0}.rf .rfscore s{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--rf-ink3);text-decoration:none}.rf .rfscore b{font-family:var(--font-mono);font-size:27px;font-weight:700;color:#fff;display:block;line-height:1}.rf .rfcenter{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:0;overflow-y:auto}.rf .rfring{position:relative;width:96px;height:96px;flex-shrink:0;margin:0 auto 16px}.rf .rfring svg{transform:rotate(-90deg);width:100%;height:100%}.rf .rfnum{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:34px;font-weight:700;color:#fff}.rf .rfdom{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--rf-vio2);margin-bottom:10px;text-align:center}.rf .rfq{font-size:24px;font-weight:900;color:#fff;text-align:center;line-height:1.3;max-width:680px;margin-bottom:22px;letter-spacing:-.01em}.rf .rftiles{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;max-width:720px}.rf .rftile{position:relative;display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:16px;border:none;font-family:inherit;font-size:16px;font-weight:800;color:#fff;text-align:left;cursor:pointer;transition:transform .1s,filter .15s,opacity .15s}.rf .rftile:active{transform:translateY(2px)}.rf .rftile:disabled{cursor:default}.rf .rfshp{width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;flex-shrink:0}.rf .rfshp svg{width:18px;height:18px;color:#fff}.rf .rfot{flex:1}.rf .rftile.a{background:linear-gradient(180deg,#8b6bff,#6b47f0);box-shadow:0 8px 0 #4b2fb8}.rf .rftile.b{background:linear-gradient(180deg,#2ad9bc,#12b49a);box-shadow:0 8px 0 #0c8874;color:#06251f}.rf .rftile.b .rfshp{background:rgba(0,0,0,.14)}.rf .rftile.b .rfshp svg{color:#06251f}.rf .rftile.c{background:linear-gradient(180deg,#f7c24f,#e29a1e);box-shadow:0 8px 0 #b0790f;color:#2a1b00}.rf .rftile.c .rfshp{background:rgba(0,0,0,.14)}.rf .rftile.c .rfshp svg{color:#2a1b00}.rf .rftile.d{background:linear-gradient(180deg,#ff7c97,#f0506e);box-shadow:0 8px 0 #b62a47;color:#2c0713}.rf .rftile.d .rfshp{background:rgba(0,0,0,.14)}.rf .rftile.d .rfshp svg{color:#2c0713}.rf .rftile.correct{outline:3px solid var(--rf-green);outline-offset:2px}.rf .rftile.wrong{outline:3px solid var(--rf-rose);outline-offset:2px;filter:saturate(.7)}.rf .rftile.dim{opacity:.32;filter:grayscale(.5)}.rf .rfmsg{height:22px;margin-top:14px;font-size:13.5px;font-weight:800;color:var(--rf-teal);opacity:0;transition:opacity .2s;flex-shrink:0}.rf .rfmsg.show{opacity:1}.rf .rfmsg.bad{color:var(--rf-rose)}.rf .rfpop{position:absolute;left:50%;top:42%;font-family:var(--font-mono);font-weight:700;font-size:26px;color:var(--rf-green);pointer-events:none;animation:rf-fly 1s ease-out forwards}@keyframes rf-fly{0%{opacity:0;transform:translateY(6px) scale(.8)}20%{opacity:1;transform:translateY(-4px) scale(1.1)}to{opacity:0;transform:translateY(-56px) scale(1)}}.rf .rfpowers{display:flex;gap:10px;justify-content:center;margin-top:14px;flex-shrink:0}.rf .rfpw{display:inline-flex;align-items:center;gap:8px;background:var(--rf-panel);border:1px solid var(--rf-panelb);border-radius:12px;min-height:44px;padding:0 15px;color:var(--rf-ink);font-family:inherit;font-weight:800;font-size:13px;cursor:pointer}.rf .rfpw s{font-family:var(--font-mono);color:var(--rf-ink3);font-size:11px;text-decoration:none}.rf .rfpw.spent,.rf .rfpw:disabled{opacity:.4;cursor:default}.rf .rfresults{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center;background:radial-gradient(circle at 50% 30%,rgba(124,92,255,.3),transparent 60%),rgba(10,7,25,.92);z-index:20;animation:rf-fade .4s}@keyframes rf-fade{0%{opacity:0}to{opacity:1}}.rf .rfribbon{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(90deg,var(--rf-amber),var(--rf-rose));color:#2a0e18;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.06em;padding:7px 15px;border-radius:99px;margin-bottom:16px}.rf .rftitle{font-size:28px;font-weight:900;color:#fff;margin-bottom:6px}.rf .rfbig{font-family:var(--font-mono);font-size:64px;font-weight:700;line-height:1;color:var(--rf-vio2);margin:4px 0}.rf .rfsub{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--rf-ink3);margin-bottom:22px}.rf .rfstats{display:flex;gap:12px;margin-bottom:18px;flex-wrap:wrap;justify-content:center}.rf .rfstat{background:var(--rf-panel);border:1px solid var(--rf-panelb);border-radius:14px;padding:14px 20px;min-width:96px}.rf .rfstat b{font-family:var(--font-mono);font-size:22px;font-weight:700;color:#fff;display:block}.rf .rfstat s{font-size:11px;text-decoration:none}.rf .rfstat s,.rf .rfxp{color:var(--rf-ink2);font-weight:700}.rf .rfxp{font-size:13px;margin-bottom:22px}.rf .rfxp b{font-family:var(--font-mono);color:var(--rf-teal)}.rf .rfbtns{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.rf .rfbtn{min-height:50px;padding:0 26px;border-radius:13px;font-family:inherit;font-weight:800;font-size:15px;display:inline-flex;align-items:center;gap:9px;border:none;text-decoration:none}.rf .rfbtn.p{background:#fff;color:#3a2ba0}.rf .rfbtn.o{background:var(--rf-panel);border:1px solid var(--rf-panelb);color:#fff}.rf .rfnote{margin-top:22px;font-size:11.5px;color:var(--rf-ink2);font-weight:600;max-width:420px}@media (prefers-reduced-motion:reduce){.rf .rfpop,.rf .rfresults,.rf.shake{animation:none}.rf .rfmsg,.rf .rftile{transition:none}}@media (max-width:700px){.rf{padding:14px max(14px,env(safe-area-inset-left)) calc(16px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-right))}.rf .rftiles{grid-template-columns:1fr;gap:10px}.rf .rftile{padding:14px 16px;font-size:15px}.rf .rfq{font-size:19px}.rf .rfring{width:74px;height:74px;margin-bottom:12px}.rf .rfnum{font-size:26px}.rf .rfscore b{font-size:22px}}