.rg{max-width:920px;margin:0 auto;padding:18px}.rg .tile{text-align:left;cursor:pointer;font:inherit;border:0}.rg .tile small{margin-top:8px;font-weight:700;display:block}.rg-h{margin:26px 0 12px}.rg-pc{box-shadow:var(--neu);border-radius:18px;flex-wrap:wrap;align-items:center;gap:16px;padding:16px;display:flex}.t-ranked{background:linear-gradient(135deg, #1b1f2c, #2a1f3d) padding-box, conic-gradient(from var(--ang), #fc3, #ff5fa2, #6d7ff0, #3cc8ff, #fc3) border-box;animation:3s linear infinite ang;border:3px solid #0000!important}.t-ranked b{background:linear-gradient(90deg,#fc3,#ff5fa2);color:#0000;-webkit-background-clip:text;background-clip:text}.rg-custom{box-shadow:var(--inset);border-radius:18px;gap:12px;padding:16px;display:grid}.rg-chips{flex-wrap:wrap;gap:8px;display:flex}.rg-chip{font:600 14px var(--fun);color:var(--muted);cursor:pointer;background:#262c3a;border:0;border-radius:999px;padding:8px 14px;transition:transform .15s,background .2s}button.rg-chip:hover{transform:translateY(-2px)}.rg-chip.on{background:var(--brand);color:#fff;box-shadow:0 4px 14px #b86cf559}.rg-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.rg-row>span{font:600 14px var(--fun);color:var(--head);min-width:60px}.seg{background:var(--bg-2);box-shadow:var(--inset);border-radius:12px;padding:4px;display:inline-flex}.seg button{color:var(--muted);font:600 14px var(--fun);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:6px 14px}.seg button.on{background:var(--accent);color:#fff}.rg-banner{background:linear-gradient(90deg,#ff8a3d33,#ff5fa233);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex}.rg-code{font:700 clamp(2.4rem, 9vw, 3.6rem) / 1.1 var(--fun);letter-spacing:.18em;background:var(--brand);color:#0000;-webkit-background-clip:text;background-clip:text;margin:4px 0 10px}.radar{place-items:center;width:120px;height:120px;margin:6px auto 10px;display:grid;position:relative}.radar span{font-size:2.4rem;animation:1.6s ease-in-out infinite fx-float}.radar i{border:3px solid var(--accent);opacity:0;border-radius:50%;animation:2.4s ease-out infinite radar;position:absolute;inset:0}.radar i:nth-child(2){border-color:var(--pink);animation-delay:.8s}.radar i:nth-child(3){border-color:var(--gold);animation-delay:1.6s}@keyframes radar{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(1)}}.rk-list{gap:12px;display:grid}.rk-card{box-shadow:var(--neu);border-radius:18px;flex-wrap:wrap;align-items:center;gap:14px;padding:12px 14px;animation:.45s cubic-bezier(.34,1.56,.64,1) both rg-join;display:flex}.rk-card .grow{flex:1;min-width:200px}.rk-card .grow b{color:var(--head);font-family:var(--fun)}.rk-card .btn.play{animation:2.4s ease-in-out infinite rg-glow}@keyframes rg-glow{50%{box-shadow:0 4px #1f8a5a,0 0 18px #3ecf8e80}}.rg-lobby{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.rg-player{width:130px;box-shadow:var(--neu);border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;font-size:13px;animation:.5s cubic-bezier(.34,1.56,.64,1) rg-join;display:flex}.rg-player.me{outline:2px solid var(--accent)}@keyframes rg-join{0%{opacity:0;transform:scale(.3)rotate(-10deg)}}.rg-rivals{gap:6px;margin-bottom:12px;display:grid}.rg-rival{grid-template-columns:30px minmax(0,150px) 1fr 80px;align-items:center;gap:8px;font-size:13px;display:grid}.rg-rival .ra{height:34px;overflow:hidden}.rg-rival .nm{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rg-rival .bar{height:12px}.rg-rival .bar i{background:var(--brand);transition:width .8s cubic-bezier(.22,1,.36,1)}.rg-rival.me .bar i{background:linear-gradient(90deg, var(--green), var(--cyan))}.rg-rival .pts{text-align:right;font:600 13px var(--fun);color:var(--head)}.rg-rival.flash{animation:.6s rg-flash}@keyframes rg-flash{40%{filter:brightness(1.4);transform:scale(1.04)}}.rg-hud{font:600 16px var(--fun);color:var(--head);justify-content:space-between;margin-bottom:6px;display:flex}.rg-q{font:600 clamp(1.1rem, 3.5vw, 1.5rem) var(--fun);color:var(--head);text-align:center;margin:4px 0 12px}.rg-view{aspect-ratio:16/9;background:radial-gradient(circle at 50% 40%, #252b3b, var(--bg-2));box-shadow:var(--inset);view-transition-name:stage;border-radius:18px;position:relative;overflow:hidden}.rg-media{place-items:center;display:grid;position:absolute;inset:0}.rg-pan{width:100%;height:100%;animation:14s ease-in-out infinite alternate rg-pan}@keyframes rg-pan{to{transform:translate(-3%,2%)}}#shot{object-fit:cover;opacity:0;width:100%;height:100%;transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .3s}#shot.ready{opacity:1}#pix{aspect-ratio:1;height:82%;image-rendering:pixelated;box-shadow:var(--neu-lg);border-radius:22px;animation:.4s rg-in}.duo{grid-template-columns:1fr auto 1fr;align-items:center;gap:4%;width:92%;display:grid}.duo-card{color:var(--head);font:600 15px var(--fun);cursor:pointer;animation:.5s cubic-bezier(.34,1.56,.64,1) both duo-in;animation-delay:calc(var(--d) * .12s);background:#262c3a;border:0;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;transition:transform .15s;display:flex;box-shadow:0 5px #0d1017}.duo-card:first-of-type{--from:-60px}.duo-card:nth-of-type(2){--from:60px}@keyframes duo-in{0%{transform:translateX(var(--from,0)) scale(.7);opacity:0}}.duo-card:hover:not(:disabled){transform:translateY(-4px)scale(1.03)}.duo-card img{aspect-ratio:1;border-radius:16px;width:min(120px,22vw)}.duo-card .val{font:700 1.4rem var(--fun);color:var(--gold)}.duo-card.right{background:var(--green);color:#0b1a12;box-shadow:0 5px #1f8a5a}.duo-card.wrong{background:var(--red);box-shadow:0 5px #a3303a}.vs{font:700 clamp(1.4rem, 5vw, 2.4rem) var(--fun);background:linear-gradient(135deg,#fc3,#ff5fa2);color:#0000;-webkit-background-clip:text;background-clip:text;animation:1s ease-in-out infinite vs}@keyframes vs{50%{transform:scale(1.25)rotate(-8deg)}}.tcard{flex-direction:column;align-items:center;gap:10px;animation:.4s rg-in;display:flex}.tcard img{width:min(170px,34vw);box-shadow:var(--neu-lg);border-radius:26px;animation:3s ease-in-out infinite fx-float}.tcard b{font:600 1.3rem var(--fun);color:var(--head)}.ticket{text-align:center;border:3px dashed var(--gold);background:repeating-linear-gradient(45deg,#2a2f40 0 12px,#262b3a 12px 24px);border-radius:18px;gap:6px;max-width:90%;padding:22px 34px;animation:.6s cubic-bezier(.34,1.56,.64,1) ticket;display:grid}.ticket small{color:var(--gold);font:600 13px var(--fun);letter-spacing:.1em}.ticket kbd{color:var(--head);word-break:break-all;font:800 clamp(1.4rem,5vw,2.4rem) ui-monospace,monospace}.ticket span{color:var(--muted);font-size:14px}@keyframes ticket{0%{opacity:0;transform:rotate(-12deg)scale(.5)}}.medal{text-align:center;justify-items:center;gap:8px;max-width:90%;display:grid}.medal .m{filter:drop-shadow(0 6px 18px #ffcc3380);font-size:clamp(3rem,12vw,5rem);animation:2.4s ease-in-out infinite medal}.medal b{font:600 clamp(1.2rem, 4vw, 1.8rem) var(--fun);color:var(--head)}@keyframes medal{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)scale(1.08)}}.rg-intro{z-index:4;backdrop-filter:blur(8px);background:#171b24b3;place-content:center;justify-items:center;display:grid;position:absolute;inset:0}.rg-intro span{font-size:clamp(3rem,12vw,5rem)}.rg-intro b{font:700 clamp(1.6rem, 6vw, 2.8rem) var(--fun);background:var(--brand);color:#0000;-webkit-background-clip:text;background-clip:text}.rg-intro.go>*{animation:.9s cubic-bezier(.34,1.56,.64,1) both intro}.rg-intro.go b{animation-delay:80ms}@keyframes intro{0%{opacity:0;transform:scale(.2)rotateX(80deg)}35%{opacity:1;transform:scale(1.1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}.rg-count{backdrop-filter:blur(6px);font:700 clamp(4rem, 16vw, 8rem) var(--fun);color:#fff;z-index:5;background:#171b24d1;place-items:center;display:grid;position:absolute;inset:0}.rg-count span{background:var(--brand);color:#0000;-webkit-background-clip:text;background-clip:text;animation:.8s cubic-bezier(.34,1.56,.64,1) rg-num}@keyframes rg-num{0%{opacity:0;transform:scale(2.6)rotate(-12deg)}}.rg-timer{z-index:3;width:54px;height:54px;position:absolute;top:10px;right:10px;transform:rotate(-90deg)}.rg-timer circle{fill:#171b24bf;stroke:#ffffff26;stroke-width:3px}.rg-timer #ring{fill:none;stroke:var(--green);stroke-dasharray:100;stroke-linecap:round;transition:stroke .3s}.rg-secs{width:54px;height:54px;font:700 17px var(--fun);color:#fff;z-index:3;place-items:center;display:grid;position:absolute;top:10px;right:10px}.rg-secs.hurry{color:var(--red);animation:.5s infinite rg-beat}@keyframes rg-beat{50%{transform:scale(1.25)}}.rg-zoom{z-index:3;padding:9px 14px;font-size:13px;position:absolute;bottom:10px;left:10px}.rg-pop{font:700 clamp(2rem, 7vw, 3.6rem) var(--fun);color:#fff;text-shadow:0 4px 18px #0009;pointer-events:none;opacity:0;z-index:4;place-items:center;display:grid;position:absolute;inset:0}.rg-opts{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-top:14px;display:grid}.rg-opts .btn{min-height:58px;padding:16px;font-size:16px;transition:opacity .3s,transform .3s;animation:.35s both rg-in}.rg-opts .btn:nth-child(2){animation-delay:60ms}.rg-opts .btn:nth-child(3){animation-delay:.12s}.rg-opts .btn:nth-child(4){animation-delay:.18s}.rg-opts .btn.gone{opacity:0;pointer-events:none;transform:scale(.6)}.rg-opts .btn.right{--edge:#1f8a5a;background:var(--green);color:#0b1a12;animation:.6s rg-flash}.rg-opts .btn.wrong{--edge:#a3303a;background:var(--red);color:#fff}@keyframes rg-in{0%{opacity:0;transform:translateY(8px)}}.rg-after{box-shadow:var(--inset);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;animation:.3s rg-in;display:flex}.rg-podium{justify-content:center;align-items:flex-end;gap:12px;min-height:250px;margin:26px 0 6px;display:flex}.rg-podium>div{flex-direction:column;align-items:center;gap:4px;width:120px;font-size:13px;display:flex}.rg-podium .step{width:100%;font:700 1.6rem var(--fun);color:#fff;transform-origin:bottom;border-radius:14px 14px 4px 4px;place-items:center;animation:.9s cubic-bezier(.34,1.56,.64,1) both rg-rise;display:grid}.rg-podium .p1 .step{background:linear-gradient(#fc3,#e0a800);height:110px;animation-delay:.6s}.rg-podium .p2 .step{background:linear-gradient(#c9d1e0,#8a93a3);height:78px;animation-delay:.3s}.rg-podium .p3 .step{background:linear-gradient(#ff9a5a,#c9642a);height:54px}@keyframes rg-rise{0%{transform:scaleY(0)}}.rg-elo{max-width:360px;box-shadow:var(--inset);border-radius:16px;justify-items:center;gap:8px;margin:14px auto;padding:14px;animation:.5s rg-in;display:grid}.elo-num{font:700 2.2rem var(--fun);color:var(--head)}.elo-num b{font-size:1.2rem}.promo{font:700 1.2rem var(--fun);color:#2a1f00;background:linear-gradient(90deg,#fc3,#ff5fa2);border-radius:999px;padding:6px 16px;animation:.8s cubic-bezier(.34,1.56,.64,1) .8s both promo}.promo.demo{color:var(--red);background:#3a2230}@keyframes promo{0%{transform:scale(0)rotate(-20deg)}}.rg-unlocks{max-width:560px;margin:10px auto}.unl{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.unl a{box-shadow:var(--neu);animation:.6s cubic-bezier(.34,1.56,.64,1) both rg-join;animation-delay:calc(var(--k) * .12s + .4s);border-radius:14px;padding:10px 16px;display:grid}#confetti{pointer-events:none;z-index:50;width:100%;height:100%;position:fixed;inset:0}::view-transition-old(stage){animation:.25s ease-in both vt-out}::view-transition-new(stage){animation:.35s cubic-bezier(.34,1.56,.64,1) both vt-in}@keyframes vt-out{to{opacity:0;transform:translate(-30px)scale(.96)}}@keyframes vt-in{0%{opacity:0;transform:translate(30px)scale(.96)}}@media (width<=560px){.rg-rival{grid-template-columns:30px minmax(0,90px) 1fr 70px}.duo-card{padding:10px 4px;font-size:13px}}