.srb,.srb-ana,.srb-ana-wait,.srb-dialog{--srb-bg:#131316;--srb-card:#1d1d22;--srb-line:#2c2c34;--srb-ink:#fafafa;--srb-sub:#a1a1aa;--srb-dim:#71717a;--srb-accent:#7445f4;--srb-accent-soft:#a78bfa}.srb{color:var(--srb-ink);word-break:keep-all;border-radius:2px;position:relative;overflow:hidden}.srb:before{content:"";pointer-events:none;background:radial-gradient(50% 60% at 50% 100%,#7445f438,#0000 70%);height:60%;animation:9s ease-in-out infinite srb-glow;position:absolute;bottom:-20%;left:-10%;right:-10%}@keyframes srb-glow{0%,to{transform:translate(-8%)}50%{transform:translate(8%)}}.srb-grid{grid-template-columns:112px repeat(5,minmax(0,1fr));align-items:stretch;column-gap:10px;display:grid;position:relative}.srb-label{flex-direction:column;justify-content:flex-end;gap:2px;min-width:0;padding-bottom:6px;display:flex}.srb-label b{font-size:var(--fs-body-lg);white-space:nowrap;text-overflow:ellipsis;line-height:1.3;overflow:hidden}.srb-label span{font-size:var(--fs-meta);color:var(--srb-sub)}.srb-strip{align-items:center;display:flex}.srb-vs{background:var(--srb-ink);border-radius:2px;justify-content:center;align-items:center;width:46px;height:46px;margin-left:20px;display:flex;transform:rotate(45deg)}.srb-vs i{font-style:normal;font-size:var(--fs-body);color:#0c0c10;font-weight:800;transform:rotate(-45deg)}.srb-card{aspect-ratio:308/440;background:var(--srb-card);border:1px solid var(--srb-line);border-radius:2px;position:relative;overflow:hidden}.srb-art{background:var(--srb-card) top center / cover no-repeat;position:absolute;inset:0}.srb-shade{background:linear-gradient(#0c0c1000 45%,#0c0c10eb 82%);position:absolute;inset:0}.srb-body{z-index:2;position:absolute;bottom:12px;left:12px;right:12px}.srb-tier{font-size:var(--fs-meta);color:#d4d4d8;white-space:nowrap;align-items:center;gap:6px;display:flex}.srb-name{font-size:var(--fs-body-lg);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-weight:700;overflow:hidden}.srb-me{background:var(--srb-accent);font-size:var(--fs-caption);vertical-align:2px;border-radius:2px;margin-left:6px;padding:2px 6px;font-weight:700}.srb-most{align-items:center;gap:4px;margin-top:8px;display:flex}.srb-most img{border-radius:2px;width:24px;height:24px}.srb-most span{font-size:var(--fs-caption);color:var(--srb-sub);white-space:nowrap;margin-left:4px}.srb-badges{z-index:3;align-items:flex-start;gap:4px;display:flex;position:absolute;top:8px;left:8px;right:8px}.srb-badge{font-size:var(--fs-caption);color:#ddd6fe;background:#0c0c10b3;border-radius:2px;padding:2px 6px;font-weight:700}.srb-badges .srb-remove{margin-left:auto}.srb-card.is-mine{border-color:var(--srb-accent);box-shadow:0 0 0 1px var(--srb-accent)}@property --srb-a{syntax:"<angle>";inherits:false;initial-value:0deg}.srb-card.is-open{cursor:pointer;background:radial-gradient(120% 70% at 50% 0%, #7445f42e, var(--srb-card) 70%);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.srb-beam{opacity:.55;height:46%;animation:4s cubic-bezier(.45,0,.55,1) infinite srb-fall;animation-delay:var(--d,0s);pointer-events:none;background:linear-gradient(#a78bfa00,#a78bfa33 70%,#ffffff73 98%,#fff0);position:absolute;top:0;left:0;right:0;transform:translateY(-110%)}@keyframes srb-fall{0%{transform:translateY(-110%)}60%,to{transform:translateY(230%)}}.srb-open-icon{opacity:.5;filter:brightness(1.6);position:relative}.srb-join{color:#ddd6fe;min-height:38px;line-height:1;font-size:var(--fs-body);cursor:pointer;background:0 0;border:1px solid #a78bfa8c;border-radius:2px;justify-content:center;align-items:center;padding:0 20px;font-weight:700;display:inline-flex;position:relative}.srb-hint{font-size:var(--fs-meta);color:var(--srb-sub);text-align:center;padding:0 8px;position:relative}.srb-ghost{filter:grayscale();opacity:.16;background:top/cover no-repeat;transition:opacity .3s,filter .3s;animation:3.2s ease-in-out infinite srb-ghost;position:absolute;inset:0}@keyframes srb-ghost{0%,to{opacity:.12}50%{opacity:.26}}.srb-card.is-rec:hover .srb-ghost{opacity:.45;filter:none;animation:none}.srb-card.is-rec{background:radial-gradient(120% 80% at 50% 0%, #7445f473, var(--srb-card) 72%)}.srb-card.is-rec .srb-beam{opacity:1;height:55%;animation-duration:2.2s}.srb-card.is-rec .srb-join{background:var(--srb-accent);border-color:var(--srb-accent);color:#fff;box-shadow:0 6px 18px #7445f466}.srb-card.is-rec .srb-hint{color:#ddd6fe;font-weight:700}.srb-card.is-rec:after{content:"";background:conic-gradient(from var(--srb-a), transparent 0deg 260deg, #a78bfa 320deg, #fff 350deg, transparent 355deg);-webkit-mask-composite:xor;pointer-events:none;border-radius:2px;padding:2px;animation:2.6s linear infinite srb-run;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes srb-run{to{--srb-a:360deg}}.srb-card.is-wait{text-align:center;font-size:var(--fs-meta);color:var(--srb-dim);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:0 8px;font-weight:600;display:flex}.srb-card.is-wait img{opacity:.3}.srb-card.is-wait small{font-size:var(--fs-caption);color:var(--srb-dim);font-weight:500}.srb-lane{justify-content:center;align-items:center;padding:20px 0;display:flex;position:relative}.srb-lane:before,.srb-lane:after{content:"";width:2px;height:20px;margin-left:-1px;position:absolute;left:50%}.srb-lane:before{top:0}.srb-lane:after{bottom:0}.srb-lane.is-lit:before,.srb-lane.is-top:before,.srb-lane.is-lit:after,.srb-lane.is-bot:after{background:var(--srb-accent)}.srb-lane.is-bot:before,.srb-lane.is-none:before,.srb-lane.is-top:after{background:repeating-linear-gradient(0deg, var(--srb-accent-soft) 0 4px, transparent 4px 8px);opacity:.6;background-size:2px 16px}.srb-lane.is-bot:before,.srb-lane.is-none:before{animation:.8s linear infinite srb-guide-up}.srb-lane.is-top:after{animation:.8s linear infinite srb-guide-down}.srb-lane.is-mine:not(.is-top):before,.srb-lane.is-mine.is-top:after{opacity:1;width:3px;margin-left:-1.5px;animation-duration:.45s}@keyframes srb-guide-up{to{background-position:0 -16px}}@keyframes srb-guide-down{to{background-position:0 16px}}.srb-lane-name{font-size:var(--fs-caption);color:var(--srb-dim);font-weight:700;position:absolute;top:50%;left:calc(50% + 40px);transform:translateY(-50%)}.srb-lane.is-lit .srb-lane-name,.srb-lane.is-mine .srb-lane-name{color:#c4b5fd}.srb-emw{justify-content:center;align-items:center;width:66px;height:66px;display:flex;position:relative}.srb-em{background:#111114;border:1px solid #3f3f46;border-radius:2px;justify-content:center;align-items:center;width:46px;height:46px;display:flex;position:relative;overflow:hidden;transform:rotate(45deg)}.srb-em img{z-index:1;filter:brightness(1.3);position:relative;transform:rotate(-45deg)}.srb-em:before,.srb-em:after{content:"";z-index:0;position:absolute;inset:0}.srb-lane.is-top .srb-em,.srb-lane.is-bot .srb-em,.srb-lane.is-lit .srb-em{border-color:var(--srb-accent)}.srb-lane.is-lit .srb-em{background:var(--srb-accent)}.srb-lane.is-lit .srb-em img,.srb-lane.is-top .srb-em img,.srb-lane.is-bot .srb-em img{filter:brightness(0)invert()}.srb-lane.is-top .srb-em:before{background:linear-gradient(135deg, var(--srb-accent) 50%, transparent 50%)}.srb-lane.is-bot .srb-em:before{background:linear-gradient(135deg, transparent 50%, var(--srb-accent) 50%)}.srb-lane.is-top .srb-em.is-idle:after{background:linear-gradient(135deg,#0000 50%,#a78bfa80 50%);animation:2.4s ease-in-out infinite srb-half}.srb-lane.is-bot .srb-em.is-idle:after,.srb-lane.is-none .srb-em.is-idle:after{background:linear-gradient(135deg,#a78bfa80 50%,#0000 50%);animation:2.4s ease-in-out infinite srb-half}@keyframes srb-half{0%,to{opacity:0}50%{opacity:1}}.srb-ring{pointer-events:none;border:1.5px solid #a78bfa59;border-radius:2px;width:62px;height:62px;margin:auto;position:absolute;inset:0;transform:rotate(45deg)}.srb-ring:before{content:"";background:conic-gradient(from var(--srb-a), transparent 0deg 230deg, #a78bfa 300deg, #fff 345deg, transparent 352deg);-webkit-mask-composite:xor;border-radius:2px;padding:1.5px;animation:2.4s linear infinite srb-run;position:absolute;inset:-1.5px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.srb.is-enter .srb-card.is-ours{animation:.6s cubic-bezier(.2,.8,.2,1) both srb-from-l;animation-delay:calc(var(--i) * 70ms)}.srb.is-enter .srb-card.is-theirs{animation:.6s cubic-bezier(.2,.8,.2,1) both srb-from-r;animation-delay:calc(var(--i) * 70ms + .12s)}.srb.is-enter .srb-vs{animation:.5s cubic-bezier(.3,1.6,.5,1) .75s both srb-stamp}.srb.is-enter .srb-emw{animation:.45s cubic-bezier(.3,1.5,.5,1) both srb-ignite;animation-delay:calc(.95s + var(--i) * .11s)}@keyframes srb-from-l{0%{opacity:0;transform:translate(-70px)}}@keyframes srb-from-r{0%{opacity:0;transform:translate(70px)}}@keyframes srb-stamp{0%{opacity:0;transform:rotate(45deg)scale(2.4)}}@keyframes srb-ignite{0%{opacity:0;transform:scale(.4)}}.srb-card.is-in .srb-art{animation:.9s cubic-bezier(.2,.8,.2,1) both srb-reveal}.srb-card.is-in .srb-body{animation:.5s ease-out .5s both srb-up}@keyframes srb-reveal{0%{clip-path:inset(0 0 100%);transform:scale(1.1)}}@keyframes srb-up{0%{opacity:0;transform:translateY(12px)}}.srb-lane.is-joined .srb-em{animation:.2s .85s both srb-lit-late}@keyframes srb-lit-late{0%{background:#111114}}.srb-lane.is-joined.is-lit .srb-em:before{background:linear-gradient(135deg, transparent 50%, var(--srb-accent) 50%)}.srb-lane.is-joined .srb-em:after{background:var(--srb-accent);animation:.6s cubic-bezier(.3,0,.2,1) .25s both srb-fill-down}@keyframes srb-fill-down{0%{clip-path:polygon(0 0,0 0,0 0)}to{clip-path:polygon(0 0,100% 0,0 100%)}}.srb-lane.is-joined .srb-emw{animation:.7s cubic-bezier(.3,1.5,.5,1) .85s both srb-pulse}@keyframes srb-pulse{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}.srb-wave{border:2px solid var(--srb-accent-soft);opacity:0;pointer-events:none;border-radius:2px;width:62px;height:62px;margin:auto;animation:.9s ease-out .85s both srb-wave;position:absolute;inset:0;transform:rotate(45deg)}@keyframes srb-wave{0%{opacity:1;transform:rotate(45deg)scale(1)}to{opacity:0;transform:rotate(45deg)scale(2.2)}}.srb-shard{opacity:0;pointer-events:none;background:#c4b5fd;width:8px;height:8px;margin:-4px;animation:.9s ease-out .9s both srb-shard;position:absolute;top:50%;left:50%;transform:rotate(45deg)}@keyframes srb-shard{0%{opacity:1;transform:translate(0)rotate(45deg)scale(1)}to{opacity:0;transform:translate(var(--x), var(--y)) rotate(45deg) scale(.3)}}.srb-toast{z-index:8;background:var(--srb-ink);color:#0c0c10;font-size:var(--fs-body);white-space:nowrap;pointer-events:none;border-radius:2px;padding:8px 16px;font-weight:700;animation:2.6s 1s both srb-toast;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0006}@keyframes srb-toast{0%{opacity:0;transform:translate(-50%,-10px)}12%,80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-6px)}}.srb-dialog{width:min(92vw,26rem);color:var(--srb-ink);background:#1d1d22;border:0;border-radius:2px;margin:auto;padding:0;overflow:hidden;box-shadow:0 24px 60px #00000073}@supports (corner-shape:bevel){@media (min-width:640px){.srb-dialog{corner-shape:round round bevel round;border-bottom-right-radius:16px}}}.srb-dialog::backdrop{background:#0000008c}.srb-dialog-art{background:#18181b 50% 20%/cover no-repeat;height:150px;position:relative}.srb-dialog-art:after{content:"";background:linear-gradient(#09090b00 30%,#09090bd9);position:absolute;inset:0}.srb-dialog-who{z-index:1;align-items:center;gap:10px;display:flex;position:absolute;bottom:14px;left:20px;right:20px}.srb-dialog-who b{font-size:var(--fs-body-lg);display:block}.srb-dialog-who span{font-size:var(--fs-meta);color:#d4d4d8}.srb-dialog-body{padding:18px 20px 20px}.srb-dialog-body h2{font-size:var(--fs-body-lg);align-items:center;gap:6px;margin:0;font-weight:700;display:flex}.srb-dialog-most{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.srb-dialog-most div{border:1px solid var(--srb-line);font-size:var(--fs-caption);color:var(--srb-sub);border-radius:2px;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;display:flex}.srb-dialog-most b{font-size:var(--fs-meta);color:var(--srb-ink)}.srb-dialog-empty{font-size:var(--fs-meta);color:var(--srb-sub);margin-top:12px}.srb-dialog-actions{gap:8px;margin-top:18px;display:flex}.srb-dialog-actions button{min-height:46px;font-size:var(--fs-body);cursor:pointer;border:0;border-radius:2px;font-weight:700}.srb-dialog-actions .srb-cancel{color:#d4d4d8;background:#2c2c34;flex:0 0 92px}.srb-dialog-actions .srb-confirm{background:var(--srb-accent);color:#fff;flex:1;box-shadow:0 4px 14px #7445f44d}.srb-dialog-actions button:disabled{opacity:.5}.srb-error{font-size:var(--fs-meta);color:#f87171;margin-top:10px}.srb-ana{grid-template-columns:1fr 1fr;gap:16px;display:grid}.srb-ana-box{border:1px solid var(--srb-line);background:var(--srb-card);color:var(--srb-ink);animation:.55s cubic-bezier(.2,.8,.2,1) both srb-rise;animation-delay:var(--d,0s);border-radius:2px;padding:20px}.srb-ana-box h3{font-size:var(--fs-body-lg);align-items:center;gap:8px;margin:0 0 10px;font-weight:700;display:flex}.srb-ana-box h3 em{color:#c4b5fd;font-size:var(--fs-caption);background:#a78bfa29;border-radius:2px;padding:2px 6px;font-style:normal;font-weight:700}.srb-ana-row{border-top:1px solid var(--srb-line);font-size:var(--fs-body);color:#e4e4e7;grid-template-columns:36px 1fr;gap:8px;padding:8px 0;line-height:1.6;display:grid}.srb-ana-row b{font-size:var(--fs-meta);padding-top:2px}.srb-ana-row b.is-good{color:#4ade80}.srb-ana-row b.is-bad{color:#f87171}.srb-ana-bans{grid-column:span 2}.srb-ana-ban-list{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.srb-ana-ban{border:1px solid var(--srb-line);border-radius:2px;align-items:center;gap:12px;min-width:0;padding:12px;display:flex}.srb-ana-ban img{border-radius:2px;flex-shrink:0;width:52px;height:52px}.srb-ana-ban b{font-size:var(--fs-body-lg)}.srb-ana-ban small{font-size:var(--fs-caption);color:var(--srb-sub);margin-left:6px}.srb-ana-ban p{font-size:var(--fs-meta);color:var(--srb-sub);margin:2px 0 0;line-height:1.5}.srb-ana-group+.srb-ana-group{margin-top:14px}.srb-ana-group h4{font-size:var(--fs-meta);color:var(--srb-sub);margin:0 0 8px;font-weight:700}.srb-ana-wait{border:1px dashed var(--srb-line);font-size:var(--fs-body);color:var(--srb-sub);border-radius:2px;padding:16px 20px}@keyframes srb-rise{0%{opacity:0;transform:translateY(14px)}}@media (max-width:900px){.srb-grid{grid-template-columns:repeat(5,minmax(0,1fr));column-gap:4px}.srb-label{flex-direction:row;grid-column:1/-1;justify-content:flex-start;align-items:baseline;gap:8px;padding:4px 0}.srb-strip{display:none}.srb-tier{font-size:0}.srb-most,.srb-hint,.srb-lane-name{display:none}.srb-name{font-size:var(--fs-caption)}.srb-body{bottom:6px;left:6px;right:6px}.srb-join{min-height:30px;font-size:var(--fs-caption);padding:0 8px}.srb-emw{width:42px;height:42px}.srb-em{width:28px;height:28px}.srb-em img{width:14px;height:14px}.srb-ring{width:40px;height:40px}.srb-badges{top:4px;left:4px;right:4px}.srb-ana{grid-template-columns:1fr}.srb-ana-bans{grid-column:auto}.srb-ana-ban-list{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.srb *,.srb:before,.srb :before,.srb :after,.srb-ana-box{animation:none!important}.srb-beam{display:none}}