.sec{min-width:0}.sec-head,.block-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:12px;display:flex}.block-head{align-items:center}.sec-head-r{align-items:baseline;gap:16px;display:flex}.sec-head h2,.block-head h2{font:700 24px/30px var(--display);letter-spacing:-.03em;margin:0}.sec-meta,.sec-note{font:500 15px/20px var(--font);color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.sec-link{font:600 15px/20px var(--font);color:var(--accent);white-space:nowrap;transition:opacity .2s var(--ease);text-decoration:none}@media (hover:hover) and (pointer:fine){.sec-link:hover{opacity:.7}}.sec-foot{font:500 15px/20px var(--font);color:var(--muted);text-wrap:pretty;font-variant-numeric:tabular-nums;margin:14px 0 0}.sec-more{appearance:none;font:600 15px/20px var(--font);color:var(--accent);cursor:pointer;transition:opacity .2s var(--ease);background:0 0;border:0;margin-top:14px;padding:0}@media (hover:hover) and (pointer:fine){.sec-more:hover{opacity:.7}}.sec-more.inline{font-size:inherit;line-height:inherit;margin:0}.list-more{margin-top:14px}.more{appearance:none;cursor:pointer;height:30px;color:var(--muted);font:600 13px/1 var(--font);white-space:nowrap;transition:color .2s var(--ease), background-color .2s var(--ease);background:0 0;border:0;border-radius:999px;align-items:center;gap:4px;margin-right:-10px;padding:0 10px;text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.more:hover{color:var(--fg);background:var(--pill)}}.empty{font:500 15px/22px var(--font);color:var(--muted);text-wrap:pretty;padding:36px 0}.og-foot{max-width:720px;padding:0 var(--gutter) max(40px, env(safe-area-inset-bottom));text-align:center;margin:0 auto}.og-foot p{font:500 13px/20px var(--font);color:var(--muted);margin:0}.og-foot a{color:var(--fg);font-weight:600;text-decoration:none}html,body{overflow-x:clip}.og [hidden],.op [hidden]{display:none!important}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.og{--pad:clamp(var(--gutter), 3vw, 40px);--tone:#ffc21a;max-width:1180px;padding:clamp(18px, 4svh, 44px) var(--pad) max(90px, env(safe-area-inset-bottom));margin:0 auto;position:relative}body:has(>.og-bg){background:0 0}.og-bg{--bg-room:#a44dff;--bg-deep:#12052a;z-index:-1;pointer-events:none;background:radial-gradient(70% 55% at 50% 36%, color-mix(in srgb, var(--bg-room) 22%, transparent), transparent 72%), linear-gradient(color-mix(in srgb, var(--bg-deep) 35%, var(--bg)), var(--bg) 75%);opacity:0;height:100lvh;transition:opacity .9s var(--ease);position:fixed;top:0;left:0;right:0;overflow:hidden}.og-bg.on{opacity:1}.og-bg canvas{width:100%;height:100%;display:block}.og-bg:not(.gl) canvas{display:none}@media (prefers-color-scheme:light){.og-bg:where(:root:not([data-theme=dark]),:root:not([data-theme=dark]) *){background:radial-gradient(70% 55% at 50% 36%, color-mix(in srgb, var(--bg-room) 14%, transparent), transparent 72%)}}.og-bg:where(:root[data-theme=light],:root[data-theme=light] *){background:radial-gradient(70% 55% at 50% 36%, color-mix(in srgb, var(--bg-room) 14%, transparent), transparent 72%)}.stage-gl{touch-action:pan-y;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.og-start{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:min(780px,100svh - 140px);display:flex}.og-q{font:700 clamp(40px, 6.4vw, 64px) / 1.02 var(--display);letter-spacing:-.04em;text-wrap:balance;margin:0 0 24px}.og-start .og-find{width:min(440px,100%)}.og-tag{color:var(--muted);font:500 17px/1.35 var(--font);text-wrap:balance;margin:-12px 0 22px}.og-find{position:relative}.og-find .field-note:empty{display:none}.og-find .btn{position:relative}.og-find .btn svg{width:18px;height:18px;transition:opacity var(--dur-fast)}.og-find .spin{opacity:0;transition:opacity var(--dur-fast);border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;animation:.7s linear infinite spin;position:absolute;inset:11px}.og-find .btn.sm .spin{border-width:2px;inset:8px}.og-find.busy .btn svg{opacity:0}.og-find.busy .spin{opacity:1}.og-me{border-radius:var(--r-pill);background:var(--pill);height:36px;color:var(--fg);font:600 14px/1 var(--font);cursor:pointer;animation:rise-in var(--dur-slow) var(--ease) both .2s;transition:background var(--dur-fast);border:0;align-items:center;gap:8px;margin-top:14px;padding:0 14px 0 4px;display:inline-flex}@media (hover:hover) and (pointer:fine){.og-me:hover{background:color-mix(in srgb, var(--pill), var(--fg) 6%)}}.og-me img{background:var(--face-bg);border-radius:50%;width:28px;height:28px}.og-me .arrow{color:var(--muted)}.og-fan{opacity:0;width:min(640px,100%);height:clamp(280px,38vw,400px);transition:opacity .6s var(--ease), transform .8s var(--spring);cursor:pointer;margin-bottom:clamp(14px,2.5svh,26px);position:relative;transform:translateY(24px)scale(.96)}.og-fan.dealt{opacity:1;transform:none}.og-result{grid-template-areas:"find""stage""friends";gap:18px;display:grid}.og-side{display:contents}.og-stagecol{grid-area:stage;min-width:0}.og-side>.og-find{grid-area:find}.og-friends{grid-area:friends;min-width:0}.og-slot{aspect-ratio:1220/1960;width:min(400px,100%);margin:0 auto;transition:opacity .2s}.og-slot.waiting{opacity:0}.og-slot.instant{transition:none}.og-slot{touch-action:pan-y;position:relative}.og-slot-gl{pointer-events:none;position:absolute;inset:-22% -45%}.og-stagecol{z-index:2;position:relative}.og-actions{gap:8px;width:min(420px,100%);margin:18px auto 0;display:flex}.og-actions .btn{white-space:nowrap;min-width:0}.og-actions .btn.primary{flex:1}.og-actions .btn.icon{flex:none}.og-actions .btn.icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.og-actions .btn.icon.done{color:var(--up)}.og-actions .btn.primary[data-act=post]~#share{display:none}.og-actions .btn svg{fill:currentColor;width:18px;height:18px}.og-actions .btn.primary .i-share{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.og-actions .btn.primary .i-send{display:none}.og-actions .btn.primary[data-act=send] .i-send{display:block}.og-actions .btn.primary .i-mine,.og-actions .btn.primary[data-act=yours] .i-share{display:none}.og-actions .btn.primary[data-act=yours] .i-mine{display:block}.og-actions .btn.primary .i-seal,.og-actions .btn.primary[data-act=claim] .i-share,.og-actions .btn.primary[data-act=send] .i-share{display:none}.og-actions .btn.primary[data-act=claim] .i-seal{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;display:block}.og-actions .btn.primary[data-act=claim]{--tone:#ffbf2e;color:#2b1b00;background:linear-gradient(#ffe08a,#ffbf2e 55%,#f2a100);box-shadow:inset 0 1px #fff9}.og-claim{text-align:center;width:min(440px,100%);animation:fade-in var(--dur-slow) var(--ease) both;flex-direction:column;align-items:center;gap:6px;margin:14px auto 0;display:flex}.og-claim-line{color:var(--muted);font:500 14px/1.5 var(--font);flex-wrap:wrap;justify-content:center;align-items:center;gap:0 5px;margin:0;display:inline-flex}.og-claim-line b{color:var(--fg);font-weight:650}.og-claim-line.bad{color:var(--down)}.og-claim-ask{color:var(--muted);transition:color var(--dur-fast);text-decoration:none}@media (hover:hover) and (pointer:fine){.og-claim-ask:hover{color:var(--fg)}}.og-claim-ask .arrow{transition:transform var(--dur) var(--spring);margin-left:4px;display:inline-block}@media (hover:hover) and (pointer:fine){.og-claim-ask:hover .arrow{transform:translate(3px)}}.og-stub{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:12px auto 0;padding:5px 14px 9px;display:block}.og-stub-paper{--paper:#f6f4ee;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 148 6' preserveAspectRatio='none'%3E%3Cpath d='M0 6V5L4 0L8 5L12 0L16 5L20 0L24 5L28 0L32 5L36 0L40 5L44 0L48 5L52 0L56 5L60 0L64 5L68 0L72 5L76 0L80 5L84 0L88 5L92 0L96 5L100 0L104 5L108 0L112 5L116 0L120 5L124 0L128 5L132 0L136 5L140 0L144 5L148 0V6Z' fill='%23f6f4ee'/%3E%3C/svg%3E") left top / 100% 6px no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 148 6' preserveAspectRatio='none'%3E%3Cpath d='M0 0V1L4 6L8 1L12 6L16 1L20 6L24 1L28 6L32 1L36 6L40 1L44 6L48 1L52 6L56 1L60 6L64 1L68 6L72 1L76 6L80 1L84 6L88 1L92 6L96 1L100 6L104 1L108 6L112 1L116 6L120 1L124 6L128 1L132 6L136 1L140 6L144 1L148 6V0Z' fill='%23f6f4ee'/%3E%3C/svg%3E") left bottom / 100% 6px no-repeat, repeating-linear-gradient(0deg, #00000004 0 1px, transparent 1px 3px) 0 5px / 100% calc(100% - 10px) no-repeat, linear-gradient(var(--paper), var(--paper)) 0 5px / 100% calc(100% - 10px) no-repeat;color:#262626;letter-spacing:.08em;text-transform:uppercase;filter:drop-shadow(0 8px 9px #0000004d);width:148px;transition:transform .42s var(--spring), filter .3s var(--ease);align-items:baseline;gap:6px;padding:13px 12px 12px;font:600 11px/1.3 ui-monospace,SF Mono,Menlo,Consolas,monospace;display:flex;position:relative;transform:rotate(-2deg)}.og-stub-paper i{border-bottom:2px dotted #00000040;flex:1;transform:translateY(-3px)}.og-stub-paper b{background:linear-gradient(color-mix(in srgb, var(--tone) 45%, transparent), color-mix(in srgb, var(--tone) 45%, transparent)) no-repeat 0 75% / 100% 70%;margin:0 -3px;padding:0 3px;font-size:13px;font-weight:800}.og-stub.pending b{animation:breathe 1.6s var(--ease) infinite}@media (hover:hover){.og-stub:hover .og-stub-paper{filter:drop-shadow(0 12px 13px #0000005c);transform:rotate(0)translateY(-2px)}}.og-stub:active .og-stub-paper{transition-duration:.14s;transform:rotate(-1deg)scale(.95)}.og-stub:focus-visible{outline:none}.og-stub:focus-visible .og-stub-paper{outline:2px solid var(--accent);outline-offset:1px}.og-stub.unfed .og-stub-paper{clip-path:inset(100% -24px -24px);visibility:hidden;transform:translateY(-100%)}.og-stub.feed .og-stub-paper{animation:.76s backwards og-stub-feed}.og-stub.feed b{animation:og-stub-hl .38s .64s var(--ease) backwards}@keyframes og-stub-feed{0%{clip-path:inset(100% -24px -24px);animation-timing-function:cubic-bezier(.3,.7,.4,1);transform:translateY(-100%)}62%{clip-path:inset(-8px -24px -24px);animation-timing-function:var(--spring);transform:none}to{clip-path:inset(-8px -24px -24px);transform:rotate(-2deg)}}@keyframes og-stub-hl{0%{background-size:0% 70%}}.og-rcpt-root{z-index:calc(var(--z-dialog) * 20);padding-top:calc(var(--safe-top) + 56px);cursor:pointer;align-content:start;justify-items:center;display:grid;position:fixed;inset:0}.og-rcpt-root[hidden]{display:none}.og-rcpt-scrim{opacity:0;transition:opacity .26s var(--ease);background:#0000009e;position:absolute;inset:0}.og-rcpt-root.open .og-rcpt-scrim{opacity:1}.og-rcpt-printer{z-index:2;border-radius:var(--r-sm);width:min(372px,100vw - 32px);height:26px;transition:transform .36s var(--spring);background:linear-gradient(#2e2f35,#15161a);position:relative;transform:translateY(-140%);box-shadow:0 10px 24px #00000080,inset 0 1px #ffffff14}.og-rcpt-root.open .og-rcpt-printer{transform:none}.og-rcpt-slot{background:#040405;border-radius:2px;height:4px;position:absolute;bottom:8px;left:7px;right:7px;box-shadow:inset 0 1px 2px #000,0 1px #ffffff12}.og-rcpt-paper{--paper:#f6f4ee;z-index:3;box-sizing:border-box;background:repeating-linear-gradient(0deg, #00000004 0 1px, transparent 1px 3px), var(--paper);color:#262626;letter-spacing:.04em;text-transform:uppercase;width:min(336px,100vw - 60px);clip-path:inset(calc((1 - var(--p,1)) * 100%) -40px -64px -40px);transform:translateY(calc((var(--p,1) - 1) * 100%));transition:clip-path 80ms var(--ease), transform 80ms var(--ease);cursor:default;margin-top:-10px;padding:24px 18px 16px;font:500 12px/1.6 ui-monospace,SF Mono,Menlo,Consolas,monospace;position:relative;box-shadow:0 22px 40px #00000073}.og-rcpt-paper:before{content:"";z-index:2;left:0;right:0;top:calc((1 - var(--p,1)) * 100%);pointer-events:none;background:linear-gradient(#00000047,#0000);height:12px;position:absolute}.og-rcpt-paper:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7'%3E%3Cpath d='M0 0h12L6 7z' fill='%23f6f4ee'/%3E%3C/svg%3E") 0 0/12px 7px repeat-x;height:7px;position:absolute;bottom:-7px;left:0;right:0}.og-rcpt-paper:focus{outline:none}.og-rcpt-head{letter-spacing:.2em;text-align:center;margin-bottom:4px;font-size:15px;font-weight:800}.og-rcpt-line{white-space:nowrap;align-items:baseline;gap:6px;display:flex}.og-rcpt-line.center{justify-content:center}.og-rcpt-line.small{color:#0000008c;font-size:10px}.og-rcpt-line .lead{border-bottom:2px dotted #00000040;flex:1;min-width:10px;transform:translateY(-4px)}.og-rcpt-line b{text-align:right;min-width:3.6ch;font-weight:800}.og-rcpt-line.item span:nth-of-type(2){color:#0000008c}.og-rcpt-line.best{background:linear-gradient(transparent 18%, color-mix(in srgb, var(--ink) 34%, transparent) 18% 86%, transparent 86%);margin:0 -4px;padding:0 4px;font-weight:800}.og-rcpt-line.total{margin:2px 0;font-size:17px;font-weight:800}.og-rcpt-rule{border:0;border-top:2px dashed #0000004d;margin:9px 0}.og-rcpt-rule.double{border-top:4px double #0000008c}.og-rcpt-code{fill:#222;width:76%;height:34px;margin:10px auto 0;display:block}.og-rcpt-stamp{border-radius:var(--r-xs);color:color-mix(in srgb, var(--ink) 74%, #000);font:800 18px/1 var(--font);letter-spacing:.14em;opacity:0;pointer-events:none;border:3px solid;padding:5px 10px;position:absolute;bottom:30px;left:14px;transform:rotate(-9deg)scale(1.8)}.og-rcpt-root.printed .og-rcpt-stamp{animation:.32s cubic-bezier(.2,1.5,.4,1) forwards og-rcpt-stamp}@keyframes og-rcpt-stamp{to{opacity:.88;transform:rotate(-9deg)scale(1)}}.og-rcpt-root.torn .og-rcpt-paper{clip-path:inset(-8px -40px -64px);animation:.68s both og-rcpt-fall}.og-rcpt-root.torn .og-rcpt-paper:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7'%3E%3Cpath d='M0 7h12L6 0z' fill='%23f6f4ee'/%3E%3C/svg%3E") 0 100%/12px 6px repeat-x;height:6px;top:-6px}@keyframes og-rcpt-fall{0%{animation-timing-function:cubic-bezier(.2,.8,.3,1);transform:none}13%{animation-timing-function:cubic-bezier(.5,0,.85,.35);transform:translateY(8px)rotate(-1.2deg)}to{transform:translateY(calc(100vh + 40px))rotate(9deg)}}.og-rcpt-root.torn .og-rcpt-printer{transition:transform .32s .16s var(--ease);transform:translateY(-140%)}.og-rcpt-root.torn .og-rcpt-scrim{transition:opacity .46s .12s var(--ease)}@media (width>=641px){.og-rcpt-root{padding-top:12vh}}@media (prefers-reduced-motion:reduce){.og-rcpt-paper,.og-rcpt-printer,.og-rcpt-root.torn .og-rcpt-paper{transition:none;animation:none}.og-rcpt-root.printed .og-rcpt-stamp{opacity:.88;animation:none;transform:rotate(-9deg)}}.og-stamp{z-index:4;aspect-ratio:1;color:#fff;pointer-events:none;background:#0b0b0e;border-radius:50%;align-content:center;place-items:center;width:46%;animation:1.9s cubic-bezier(.2,.9,.2,1) both og-stamp;display:grid;position:absolute;top:46%;left:50%;translate:-50% -50%;box-shadow:inset 0 0 0 5px #0b0b0e,inset 0 0 0 8px #fff,0 30px 60px -10px #00000080}.og-stamp:not(.first){color:#151821;background:linear-gradient(135deg,#f1f4fa,#a9b3c8 45%,#f6f8fc 55%,#8e99b0);box-shadow:inset 0 0 0 5px #c3cad9,inset 0 0 0 8px #fff,0 30px 60px -10px #00000080}.og-stamp-1{font:800 clamp(48px, 9vw, 84px) / .9 Inter, var(--display);letter-spacing:-.04em}.og-stamp-1 sup{vertical-align:1.4em;margin-left:2px;font-size:.34em}.og-stamp-ok svg{width:clamp(40px,8vw,64px);height:clamp(40px,8vw,64px)}.og-stamp-ed{font:800 clamp(11px, 1.8vw, 15px) / 1 Inter, var(--font);letter-spacing:.3em;margin-top:6px;margin-right:-.3em}.og-stamp-no{font:600 clamp(10px, 1.5vw, 13px) / 1 var(--font);opacity:.7;margin-top:6px}@keyframes og-stamp{0%{opacity:0;transform:scale(2.4)rotate(-24deg)}22%{opacity:1;transform:scale(.94)rotate(-10deg)}30%{transform:scale(1.02)rotate(-11deg)}70%{opacity:1;transform:scale(1)rotate(-11deg)}to{opacity:0;transform:scale(.4)rotate(-11deg)translateY(40%)}}.og-room{z-index:60;pointer-events:none;opacity:0;background:radial-gradient(75% 65% at var(--x) var(--y), color-mix(in srgb, var(--room) 70%, #fff), var(--room) 32%, var(--deep) 100%);transition:opacity .52s var(--ease);position:fixed;inset:0;overflow:hidden}.og-room.on{opacity:1;animation:og-room-flash .6s var(--ease) both;transition-duration:.16s}.og-room:before{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--room) 45%, #fff) 0 1%, transparent 10% 90%, color-mix(in srgb, var(--room) 45%, #fff) 99% 100%);opacity:.6;position:absolute;inset:0}.og-room:after{content:"";left:var(--x);top:var(--y);background:repeating-conic-gradient(#ffffff2b 0deg 5deg,#0000 5deg 18deg);width:260vmax;height:260vmax;animation:4s linear infinite og-rays;position:absolute;transform:translate(-50%,-50%);-webkit-mask:radial-gradient(closest-side,#000 6%,#0000 62%);mask:radial-gradient(closest-side,#000 6%,#0000 62%)}@keyframes og-rays{to{transform:translate(-50%,-50%)rotate(1turn)}}@keyframes og-room-flash{0%{filter:brightness(2.4)saturate(1.3)}to{filter:none}}html.og-party .og-stagecol,html.og-party .og-barena{z-index:61}.og-confetti{z-index:calc(var(--z-dialog) * 20);pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.og-curtain{z-index:calc(var(--z-dialog) * 20 - 1);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s var(--ease), visibility 0s .2s;background:radial-gradient(120% 80% at 50% 45%,#1d1530,#07060d 70%);position:fixed;inset:0}html.og-hold .og-curtain{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .2s var(--ease);animation:og-curtain-safety .3s 8s var(--ease) forwards}@keyframes og-curtain-safety{to{opacity:0;visibility:hidden}}html.og-faceup .og-start{visibility:hidden;animation:0s 8s forwards og-faceup-safety}@keyframes og-faceup-safety{to{visibility:visible}}.og-box{margin:6px 0 24px;position:relative}.og-box[hidden]{display:none}.og-fpack-glow{filter:blur(30px);opacity:.45;pointer-events:none;animation:og-fpack-drift 9s var(--ease) infinite alternate;transition:opacity .4s var(--ease);background:linear-gradient(100deg,#8e7bff,#ff7ad9 35%,#ffcf6b 65%,#6ee7ff) 0 0/220% 100%;border-radius:999px;position:absolute;inset:-6px 6%}@keyframes og-fpack-drift{to{background-position:100% 0;transform:translate(6%)scaleX(1.08)}}.og-fpack.glass{--glass-tint:var(--glass-tint-words);--glass-blur:22px;border-radius:var(--r-lg);background:var(--glass-sheen), var(--glass-tint);width:100%;min-height:78px;color:var(--fg);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;align-items:center;gap:16px;padding:14px 22px 14px 18px;transition:transform .26s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.og-fpack.glass:active{transition-duration:.12s;transform:scale(.97)}.og-fpack-stack{--edge:polygon(0 5px, 12.5% 0, 25% 5px, 37.5% 0, 50% 5px, 62.5% 0, 75% 5px, 87.5% 0, 100% 5px, 100% calc(100% - 5px), 87.5% 100%, 75% calc(100% - 5px), 62.5% 100%, 50% calc(100% - 5px), 37.5% 100%, 25% calc(100% - 5px), 12.5% 100%, 0 calc(100% - 5px));z-index:4;filter:drop-shadow(0 6px 10px #0000004d);flex:none;width:46px;height:64px;margin:-14px 8px -10px 0;position:relative}.og-fpack-art,.og-fpack-back{clip-path:var(--edge);background:linear-gradient(115deg,#8e7bff,#ff7ad9 40%,#ffcf6b 60%,#6ee7ff) 0 0/300% 100%;position:absolute;inset:0}.og-fpack-art{animation:og-sealed 6s linear infinite, og-fpack-wiggle 5.5s 1.5s var(--ease) infinite;transition:rotate .32s var(--spring), translate .32s var(--spring);place-items:center;display:grid;rotate:-8deg}.og-fpack-back{filter:brightness(.62)saturate(.85);transition:rotate .32s var(--spring), translate .32s var(--spring), opacity .3s var(--ease);translate:8px -2px;rotate:6deg}.og-fpack-back:first-child{filter:brightness(.44)saturate(.8);translate:15px 1px;rotate:17deg}.og-fpack[data-left="2"] .og-fpack-back:first-child,.og-fpack[data-left="1"] .og-fpack-back,.og-fpack[data-left="0"] .og-fpack-back{opacity:0}@keyframes og-fpack-wiggle{0%,86%,to{transform:none}89%{transform:rotate(-9deg)scale(1.04)}92%{transform:rotate(7deg)scale(1.04)}95%{transform:rotate(-4deg)}}.og-fpack.makers .og-fpack-art,.og-fpack.makers .og-fpack-back{clip-path:none;background:url(/cards/makers-pack.webp) 50%/contain no-repeat}.og-fpack.makers .og-fpack-art{animation:og-fpack-wiggle 5.5s 1.5s var(--ease) infinite}.og-fpack.makers.done .og-fpack-art,.og-fpack.makers:disabled .og-fpack-art{animation:none}.who{display:block}.who-sil{fill:currentColor}.who-q{fill:none;stroke:var(--q,#fff);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round}.who-dot{fill:var(--q,#fff)}.og-fpack-art .who{color:#140a2c9e;filter:drop-shadow(0 1px #ffffff59);width:34px;height:40px}.og-fpack-main{z-index:4;flex-direction:column;flex:1;gap:10px;min-width:0;display:flex;position:relative}.og-fpack-t{font:700 20px/1.15 var(--display);letter-spacing:-.02em}.og-fpack-track{align-items:center;gap:10px;display:flex}.og-fpack-line{flex:1;position:relative}.og-fpack-stop{top:50%;left:var(--at);background:color-mix(in srgb, var(--fg) 22%, transparent);width:9px;height:9px;transition:background .3s var(--ease), box-shadow .3s var(--ease);border-radius:999px;margin:-4.5px 0 0 -4.5px;position:absolute}.og-fpack-stop.on{background:#fff;box-shadow:0 0 0 2px #ff7ad9,0 0 10px #ff7ad9b3}.og-fpack.few .og-fpack-stop{display:none}.og-fpack-crown{opacity:.32;filter:grayscale();width:18px;height:18px;transition:opacity .4s var(--ease), filter .4s var(--ease);flex:none}.og-fpack-crown svg{width:100%;height:100%;display:block}.og-fpack-crown.on{opacity:1;filter:drop-shadow(0 0 6px #ffc83cb3)}.og-fpack-stop.pop,.og-fpack-crown.pop{animation:og-stop-pop .56s var(--spring-big)}@keyframes og-stop-pop{40%{scale:1.9}}.og-fpack-bar{background:color-mix(in srgb, var(--fg) 10%, transparent);border-radius:999px;height:5px;display:block;overflow:hidden}.og-fpack-bar i{border-radius:inherit;height:100%;transition:width .9s var(--spring);background:linear-gradient(90deg,#8e7bff,#ff7ad9 40%,#ffcf6b 70%,#6ee7ff) 0 0/200% 100%;animation:6s linear infinite og-sealed;display:block}.og-fpack-bar.bump i{animation:og-fpack-flash .9s var(--ease), og-sealed 6s linear infinite}@keyframes og-fpack-flash{30%{filter:brightness(1.7)saturate(1.3)}}@media (hover:hover){.og-box:hover .og-fpack-glow{opacity:.75}.og-fpack:hover .og-fpack-art{translate:0 -6px;rotate:-14deg}.og-fpack:hover .og-fpack-back{translate:11px -4px;rotate:11deg}.og-fpack:hover .og-fpack-back:first-child{translate:21px;rotate:25deg}}.og-fpack.opening .og-fpack-art{animation:og-fpack-shake .38s var(--ease) infinite, og-sealed 6s linear infinite}@keyframes og-fpack-shake{25%{translate:-2px;rotate:-11deg}75%{translate:2px;rotate:-5deg}}.og-fpack.done{cursor:default}.og-fpack.done .og-fpack-art{animation:6s linear infinite og-sealed}.og-fpack.done .og-fpack-art .who{color:#ffffffeb}.og-fpack.done .who-q,.og-fpack.done .who-dot{display:none}@media (prefers-reduced-motion:reduce){.og-fpack-glow,.og-fpack-art,.og-fpack-stop.pop,.og-fpack-crown.pop,.og-rank.moved{animation:none}}.og-actions .btn.primary.glow{isolation:isolate;animation:post-breathe 2.2s var(--ease) infinite;position:relative;overflow:hidden}.og-actions .btn.primary.glow:after{content:"";z-index:-1;animation:post-sweep 2.2s var(--ease) infinite;pointer-events:none;background:linear-gradient(105deg,#0000 30%,#ffffff59 48%,#0000 66%) 0 0/260% 100%;position:absolute;inset:0}@keyframes post-breathe{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--tone) 55%, transparent), 0 6px 22px -6px color-mix(in srgb, var(--tone) 60%, transparent);transform:scale(1)}50%{box-shadow:0 0 0 7px color-mix(in srgb, var(--tone) 0%, transparent), 0 10px 34px -4px color-mix(in srgb, var(--tone) 85%, transparent);transform:scale(1.03)}}@keyframes post-sweep{0%,35%{background-position:130% 0}to{background-position:-130% 0}}@media (prefers-reduced-motion:reduce){.og-actions .btn.primary.glow,.og-actions .btn.primary.glow:after{animation:none}.og-actions .btn.primary.glow{box-shadow:0 8px 26px -6px color-mix(in srgb, var(--tone) 80%, transparent)}}.og-actions i{font-style:normal}@media (width>=981px){.og-result{grid-template:"stage find""stage friends"1fr/minmax(360px,460px) minmax(320px,420px);justify-content:center;align-items:start;gap:22px clamp(40px,5vw,80px)}.og-stagecol{position:sticky;top:24px}.og-side>.og-find{padding-top:6px}.og-slot{width:min(400px,100%,max(260px,62.2449vh - 121.378px))}.og-actions{margin-top:12px}.og-claim{margin-top:10px}.og-stub{margin-top:2px}}.og-seg{margin:4px 0 14px}.og-podium{grid-template-columns:1fr 1.12fr 1fr;align-items:end;gap:10px;margin:6px 0 18px;display:grid}.pod{--medal:#c9d1dc;min-width:0;color:var(--fg);font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:0;display:flex}.pod.p1{--medal:#ffc53d}.pod.p3{--medal:#d9895b}.pod-face{background:var(--face-bg);width:58px;height:58px;box-shadow:0 0 0 3px var(--bg), 0 0 0 6px var(--medal), 0 10px 24px -8px color-mix(in srgb, var(--medal) 80%, transparent);animation:pod-pop .62s var(--spring-big) both;animation-delay:var(--d);border-radius:50%;position:relative}.p1 .pod-face{width:72px;height:72px}.pod-face img{object-fit:cover;border-radius:50%;width:100%;height:100%}.pod-crown{width:26px;height:26px;animation:pod-crown 2.6s var(--ease) infinite;position:absolute;top:-22px;left:50%;translate:-50%}.pod b{max-width:100%;font:650 15px/1.2 var(--font);white-space:nowrap;text-overflow:ellipsis;margin-top:6px;overflow:hidden}.pod small{color:var(--muted);font:500 12px/1.2 var(--font);font-variant-numeric:tabular-nums}.pod-block{width:100%;height:var(--h);border-radius:var(--r-md) var(--r-md) 6px 6px;background:linear-gradient(160deg, color-mix(in srgb, var(--medal) 35%, #fff), var(--medal) 45%, color-mix(in srgb, var(--medal) 70%, #000));color:#0000008c;font:700 22px/1 var(--display);transform-origin:50% 100%;animation:pod-rise .7s var(--spring) both;animation-delay:var(--d);place-items:center;margin-top:4px;display:grid;box-shadow:inset 0 1px #ffffff8c}.p1 .pod-block{--h:66px}.p2 .pod-block{--h:50px}.p3 .pod-block{--h:38px}@keyframes pod-rise{0%{transform:scaleY(0)}}@keyframes pod-pop{0%{opacity:0;transform:translateY(14px)scale(.6)}}@keyframes pod-crown{0%,to{rotate:-6deg}50%{rotate:6deg}}.pod.me .pod-face{box-shadow:0 0 0 3px var(--bg), 0 0 0 6px var(--medal), 0 0 0 10px color-mix(in srgb, var(--tone) 35%, transparent)}.og-sentence{font:600 24px/1.25 var(--display);letter-spacing:-.02em;color:var(--muted);text-wrap:pretty;margin:6px 0 14px}.og-sentence b{color:var(--fg);font-weight:700}.og-sentence:empty{display:none}.og-friends .more{margin:10px 0 0 -2px}.og-friends .skeleton{border-radius:var(--r-md);height:56px}html.op-open{overflow:hidden}.op{--glow:#b8c0cc;z-index:calc(var(--z-dialog) * 20);color:#fff;opacity:0;transition:opacity .36s var(--ease);-webkit-user-select:none;user-select:none;background:#07060d;position:fixed;inset:0}.op.in{opacity:1}.op.leaving{transition:background .4s var(--ease);background:0 0}.op.out{opacity:0;pointer-events:none}.op-gl{inset:0 0 var(--og-cover,0px);position:absolute}.op-gl .stage-gl{touch-action:none}.op.leaving .op-hud,.op.leaving .op-skip{opacity:0;transition:opacity .24s var(--ease)}.op-hud{inset:max(70px, var(--safe-top)) 16px max(28px, env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:absolute}.op-count{opacity:0;transition:opacity .42s var(--ease), transform .42s var(--ease);flex-direction:column;align-items:center;gap:4px;display:flex;transform:translateY(-8px)}.op.counting .op-count{opacity:1;transform:none}.op-no{color:#ffffff8c;font:700 12px/1 var(--font);letter-spacing:.22em;text-transform:uppercase}.op-num{font:700 clamp(34px, 7vw, 52px) / 1.05 Inter, var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;text-shadow:0 0 28px color-mix(in srgb, var(--glow) 70%, transparent)}.op-num.grade{letter-spacing:-.045em;font-size:clamp(52px,11vw,80px);line-height:1;position:relative}.op-reels{height:1em;color:color-mix(in srgb, var(--glow) 22%, #fff);text-shadow:none;filter:drop-shadow(0 0 16px color-mix(in srgb, var(--glow) 75%, transparent));align-items:flex-start;transition:color .25s;display:inline-flex}.op-value{color:color-mix(in srgb, var(--glow) 22%, #fff);text-shadow:none;filter:drop-shadow(0 0 16px color-mix(in srgb, var(--glow) 75%, transparent));transition:color .25s;display:inline-block}.op.grading .op-value{opacity:0}.op-drum{height:1em;display:block;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 10% 90%,#0000);mask-image:linear-gradient(#0000,#000 10% 90%,#0000)}.op-strip{will-change:transform;display:block}.op-strip>span,.op-pt{height:1em;display:block}.op-dots{display:none}.op.grading .op-dots{animation:op-grading 1.1s var(--ease) infinite;display:block}.op.grading .op-reels{display:none}@keyframes op-grading{50%{opacity:.35}}.op-num.punch .op-reels{animation:op-punch .42s var(--spring-big)}@keyframes op-punch{30%{color:var(--glow);transform:scale(1.16)}}.op-ring{border:3px solid var(--glow);width:1.2em;height:1.2em;box-shadow:0 0 24px var(--glow), inset 0 0 16px var(--glow);pointer-events:none;border-radius:50%;margin:-.6em 0 0 -.6em;animation:.7s cubic-bezier(.2,.8,.3,1) forwards op-ring;position:absolute;top:50%;left:50%}@keyframes op-ring{0%{opacity:1;transform:scale(.35)}to{opacity:0;transform:scale(2.8)}}.op-spark{background:var(--glow);width:.1em;height:.1em;box-shadow:inset 0 1px 0 #ffffffa6, 0 0 8px var(--glow);pointer-events:none;border-radius:2px;margin:-.05em;animation:.76s cubic-bezier(.15,.75,.3,1) both op-spark;position:absolute;top:50%;left:50%}@keyframes op-spark{0%{opacity:1;transform:translate(0)rotate(0)scale(1.2)}to{opacity:0;transform:translate(var(--x), var(--y)) rotate(var(--r)) scale(.5)}}.op-count.jolt{animation:op-jolt .28s var(--ease)}@keyframes op-jolt{20%{translate:0 -6px}45%{translate:0 3px}70%{translate:0 -1px}}.op-num.landed .op-reels{animation:op-land .56s var(--spring-big)}@keyframes op-land{30%{color:#fff;filter:drop-shadow(0 0 30px var(--glow)) brightness(1.3);transform:scale(1.24)}}.op-ring.lock{border-color:#fff;animation-duration:.82s}.op-rar{color:var(--glow);font:700 14px/1 var(--font);letter-spacing:.24em;text-transform:uppercase;text-shadow:0 0 18px color-mix(in srgb, var(--glow) 60%, transparent);justify-items:center;transition:color .25s;display:grid}.op-rar>span{white-space:nowrap;animation:op-rar-in .48s var(--spring-big) both;grid-area:1/1}.op-rar>span.out{animation:op-rar-out .3s var(--ease) forwards}@keyframes op-rar-in{0%{opacity:0;filter:blur(6px);transform:scale(2.2)}}@keyframes op-rar-out{to{opacity:0;transform:translateY(-14px)scale(.85)}}.op.revealed .op-rar{font-size:18px}.op.revealed .op-rar,.op.revealed .op-num{color:#fff;text-shadow:0 2px 20px #00000059}.op.revealed .op-reels{color:#fff;filter:drop-shadow(0 2px 20px #00000059)}.op-bottom{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.op-present{pointer-events:auto;width:min(380px,100%);transition:opacity .3s var(--ease), transform .3s var(--ease);flex-direction:column;align-items:center;gap:16px;display:flex}.op.going .op-present{opacity:0;pointer-events:none;transform:translateY(16px)}.op-who{color:#fff9;font:500 14px/1.2 var(--font);text-align:center}.op-who b{color:#fff;font-weight:700}.slide{border-radius:var(--r-pill);touch-action:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;outline:none;width:100%;height:64px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 10px 24px #00000040}:root.keys .slide:focus-visible{box-shadow:inset 0 0 0 2px #fff9,inset 0 10px 24px #00000040}.slide-fill{border-radius:var(--r-pill);background:linear-gradient(90deg,#ffffff0a,#ffffff2e);width:64px;position:absolute;inset:0 auto 0 0}.slide-text{font:600 17px/1 var(--font);letter-spacing:.01em;background:linear-gradient(100deg,#ffffff73 30%,#fff 50%,#ffffff73 70%) 0 0/250% 100%;color:#0000;pointer-events:none;-webkit-background-clip:text;background-clip:text;place-items:center;padding-left:44px;transition:opacity .12s;animation:2.4s linear infinite slide-shine;display:grid;position:absolute;inset:0}@keyframes slide-shine{0%{background-position:100% 0}to{background-position:-150% 0}}.slide-knob{color:#1b1446;cursor:grab;touch-action:none;background:linear-gradient(#fff,#dfe4ff);border-radius:50%;place-items:center;width:56px;height:56px;display:grid;position:absolute;top:4px;left:4px;box-shadow:0 6px 18px #00000059,inset 0 0 0 1px #ffffff80}.slide-knob svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.slide.drag .slide-knob{cursor:grabbing;transform-origin:50%}.slide.back .slide-knob,.slide.back .slide-fill,.slide.done .slide-knob,.slide.done .slide-fill{transition:transform .3s var(--spring), width .3s var(--spring)}.slide.nudge .slide-knob{animation:slide-nudge .6s var(--spring)}@keyframes slide-nudge{30%{translate:26px}}.slide.done .slide-knob{background:linear-gradient(#fff6b8,#ffc93b)}.op-hint{color:#fff9;min-height:20px;font:600 14px/20px var(--font);margin:0}.op-hint.late{opacity:.7;animation:fade-in .5s var(--ease)}.op-hint.gone{display:none}.op-next{border-radius:var(--r-pill);color:#111;height:50px;font:700 16px/1 var(--font);box-shadow:0 10px 30px #00000059, 0 0 0 6px color-mix(in srgb, var(--glow) 28%, transparent);pointer-events:auto;cursor:pointer;animation:pop-in .46s .2s var(--spring) both;background:#fff;border:0;align-items:center;gap:8px;padding:0 24px;display:inline-flex}.op-next .next{fill:currentColor;width:18px;height:18px;transition:transform var(--dur-fast) var(--ease);margin-right:-4px}@media (hover:hover){.op-next:hover .next{transform:translate(3px)}}.op-next:active{transform:scale(.96)}.op-skip{top:max(16px, var(--safe-top));border-radius:var(--r-pill);color:#fff;height:36px;font:600 14px/1 var(--font);cursor:pointer;transition:background var(--dur-fast);background:#ffffff1a;border:0;position:absolute}@media (hover:hover) and (pointer:fine){.op-skip:hover{background:#ffffff2e}}.op-skip{right:max(16px, env(safe-area-inset-right));padding:0 16px}@media (prefers-reduced-motion:reduce){.og-stamp,.pod-face,.pod-block,.pod-crown,.slide-text,.op-hint,.op-rar>span,.op-num.punch .op-reels,.op-num.landed .op-reels,.op-count.jolt,.op-ring,.op-spark{animation:none}.op-ring,.op-spark{display:none}}@media (width<=980px){.og-result{max-width:520px;margin:0 auto}}@media (width<=640px){.og-start{min-height:calc(100svh - 170px)}.og-fan{height:clamp(230px,64vw,300px)}.og-actions .btn.lg{height:46px;padding:0 12px}.og-sentence{font-size:20px}}html.og-compact{--tabbar:calc(var(--og-cover,0px) + 76px)}html.og-compact .tabbar{visibility:hidden}html.og-compact .og-start{min-height:calc(var(--og-vis) - 64px);padding-bottom:12px}html.og-compact .og-fan{height:clamp(150px, calc(var(--og-vis) - 330px), 300px);margin-bottom:10px}html.og-compact .og-q{margin-bottom:14px}html.og-compact .og-result{grid-template-areas:"stage""find""friends"}html.og-compact .og-slot{width:min(400px, 100%, calc((var(--og-vis) - 152px) * .864))}html.og-compact .og-actions{z-index:40;left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));bottom:calc(var(--og-cover,0px) + 10px);background:linear-gradient(180deg, #ffffff14, transparent 45%), var(--glass-tint);width:auto;max-width:440px;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.9);backdrop-filter:blur(var(--glass-blur)) saturate(1.9);box-shadow:var(--glass-shadow);border-radius:999px;margin:0 auto;padding:7px;position:fixed}html.og-compact .og-actions .btn.lg{height:46px}.og-fpack-art .pad{fill:#140a2c9e;filter:drop-shadow(0 1px #ffffff59);width:34px;height:34px}.og-fpack-art .pad .pad-cut{fill:none;stroke:#ffffffe6;stroke-width:1.4px;stroke-linecap:round}.og-fpack-art .pad circle.pad-cut{fill:#ffffffe6;stroke:none}.og-battle{gap:22px;width:min(560px,100%);margin:0 auto;display:grid}.og-battle[hidden]{display:none}.og-bside,.og-btape{display:contents}.og-barena{aspect-ratio:5/4;touch-action:pan-y;position:relative}.og-barena.clash{animation:og-bshake .38s var(--ease)}@keyframes og-bshake{20%{translate:-6px 2px}40%{translate:5px -2px}60%{translate:-3px 1px}80%{translate:2px}}.og-bgl{pointer-events:none;position:absolute;inset:-6%}.og-bvs{z-index:2;font:700 28px/1 var(--display);letter-spacing:-.02em;color:#ffffffeb;text-shadow:0 2px 18px #0000008c;pointer-events:none;transition:opacity .4s var(--ease);position:absolute;top:47%;left:50%;translate:-50% -50%}.og-barena.clash .og-bvs{animation:og-bvs-slam .52s var(--ease)}@keyframes og-bvs-slam{0%{opacity:0;scale:2.6}40%{opacity:1;scale:.9}70%{scale:1.08}to{scale:1}}.og-barena.crowned .og-bvs{opacity:0}.og-bcrown{z-index:3;transform-origin:50% 88%;opacity:0;pointer-events:none;width:64px;position:absolute;translate:-50% -76%;rotate:-9deg}.og-bcrown svg{filter:drop-shadow(0 3px 5px #00000061);width:100%;display:block;overflow:visible}.og-bcrown .jewel{fill:var(--tone)}.og-bcrown .glint{transform:translate(-40px)}.og-bcrown:before{content:"";z-index:-1;filter:blur(2px);background:radial-gradient(closest-side,#0000008c,#0000);border-radius:50%;height:18%;position:absolute;bottom:0;left:6%;right:6%;translate:0 45%}.og-barena.crowned .og-bcrown{animation:.64s cubic-bezier(.22,1,.36,1) forwards og-bcrown-land}.og-barena.crowned .og-bcrown .glint{animation:og-bcrown-glint .9s .56s var(--ease) both}@keyframes og-bcrown-land{0%{opacity:0;transform:translateY(-46px)rotate(-12deg)scale(1.12)}45%{opacity:1}72%{transform:translateY(0)scale(1.05,.94)}to{opacity:1;transform:none}}@keyframes og-bcrown-glint{0%{transform:translate(-40px)}to{transform:translate(150px)}}.og-bnames{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:-8px;display:grid}.og-bname{min-width:0;color:var(--fg);text-align:center;transition:opacity .4s var(--ease);-webkit-tap-highlight-color:transparent;justify-items:center;gap:2px;text-decoration:none;display:grid}.og-bname b{max-width:100%;font:600 17px/22px var(--font);text-overflow:ellipsis;white-space:nowrap;transition:color .4s var(--ease);overflow:hidden}.og-bname span{font:500 13px/17px var(--font);color:var(--muted);transition:color .4s var(--ease)}.og-bname.scored b{animation:og-bscored .38s var(--ease)}@keyframes og-bscored{40%{color:var(--tone);scale:1.12}}.og-bname.lost b{color:color-mix(in srgb, var(--fg) 72%, transparent)}.og-bname.won span{color:color-mix(in srgb, var(--tone) 62%, var(--fg))}.og-bfight{min-width:200px;animation:og-bfight-breathe 2.2s var(--ease) infinite;justify-self:center;gap:8px}.og-bfight[hidden]{display:none}.og-bfight svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}@keyframes og-bfight-breathe{50%{transform:scale(1.04);box-shadow:0 10px 30px -6px #ffffff59}}.og-brows{margin:0;padding:0;list-style:none;display:grid}.og-brow{opacity:0;transition:opacity .28s var(--ease), transform .28s var(--ease);grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr);align-items:center;gap:6px 14px;padding:7px 0;display:grid;transform:translateY(6px)}.og-brow.in{opacity:1;transform:none}.og-bk{font:600 13px/17px var(--font);color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.og-bv{min-width:0;font:600 17px/22px var(--font);text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;color:color-mix(in srgb, var(--fg) 72%, transparent);transition:color .24s var(--ease);overflow:hidden}.og-bv.a{text-align:right}.og-brow.in .og-bv.win{color:color-mix(in srgb, var(--tone) 62%, var(--fg));animation:og-bwin .38s var(--ease);font-weight:700}@keyframes og-bwin{40%{scale:1.14}}.og-bv.a.win:before,.og-bv.b.win:after{content:"";background:var(--tone);width:7px;height:7px;box-shadow:0 0 8px var(--tone);vertical-align:2px;border-radius:50%;display:inline-block}.og-bv.a.win:before{margin-right:8px}.og-bv.b.win:after{margin-left:8px}.og-brow.even .og-bk{color:var(--fg)}.og-bbar{background:color-mix(in srgb, var(--fg) 9%, transparent);border-radius:2px;grid-column:1/-1;height:3px;position:relative}.og-bbar:after{content:"";background:color-mix(in srgb, var(--fg) 26%, transparent);width:1px;position:absolute;top:-2px;bottom:-2px;left:50%;translate:-50%}.og-bbar i{width:calc(var(--m) * 50%);background:var(--tone,transparent);box-shadow:0 0 10px color-mix(in srgb, var(--tone,transparent) 55%, transparent);transition:transform .46s var(--ease);border-radius:2px;position:absolute;top:0;bottom:0;transform:scaleX(0)}.og-brow[data-win=a] .og-bbar i{transform-origin:100%;right:50%}.og-brow[data-win=b] .og-bbar i{transform-origin:0;left:50%}.og-brow.won .og-bbar i{transform:none}.og-brow.fact{padding-top:12px}.og-brow.fact .og-bk{font-weight:500}.og-brow.fact .og-bv{font:500 15px/20px var(--font);color:var(--muted)}.og-brow.fact .og-bv.win{color:color-mix(in srgb, var(--fg) 80%, transparent);font-weight:600;animation:none}.og-brow.fact .og-bv.win:before,.og-brow.fact .og-bv.win:after{content:none}.og-brow.decider{border-top:1px solid var(--line);margin-top:6px;padding:16px 0 6px}.og-brow.decider .og-bk{font:700 12px/16px var(--font);letter-spacing:.08em;text-transform:uppercase}.og-brow.decider .og-bv{font:700 32px/1.1 var(--display);letter-spacing:-.03em;color:var(--fg);transition:opacity .3s var(--ease), color .3s var(--ease);overflow:visible}.og-brow.decider.words .og-bv{font-size:22px}.og-brow.decider .og-bv.short{opacity:.45}.og-brow.decider .og-bv.a.landed{color:color-mix(in srgb, var(--tone-a) 55%, var(--fg));text-shadow:0 0 24px var(--tone-a)}.og-brow.decider .og-bv.b.landed{color:color-mix(in srgb, var(--tone-b) 55%, var(--fg));text-shadow:0 0 24px var(--tone-b)}.og-brow.decider.punch .og-bv:not(.short){animation:og-bwin .3s var(--ease)}.og-brow.decider.locked .og-bv.landed{animation:.56s cubic-bezier(.34,1.56,.64,1) og-block}@keyframes og-block{0%{scale:1.3}to{scale:1}}.og-bresult{animation:og-gcard-in .42s var(--ease);justify-items:center;gap:14px;display:grid}.og-bresult[hidden]{display:none}.og-bsay{font:600 22px/1.2 var(--display);letter-spacing:-.02em;text-align:center;margin:0}.og-bwhy{max-width:30em;font:500 15px/21px var(--font);color:color-mix(in srgb, var(--fg) 74%, transparent);text-align:center;text-wrap:balance;margin:-8px 0 4px}.og-bacts{gap:8px;display:flex}.og-bnext{width:min(360px,100%)}@media (width<=640px){.og-battle{gap:16px}.og-barena{aspect-ratio:5/3.7}.og-bcrown{width:46px}.og-brow{grid-template-columns:minmax(0,1fr) 104px minmax(0,1fr);gap:5px 10px;padding:6px 0}.og-bv{font-size:16px}.og-brow.decider{padding:12px 0 4px}.og-brow.decider .og-bv{font-size:28px}.og-brow.decider.words .og-bv,.og-bsay{font-size:20px}}@media (width>=981px){.og-battle{grid-template-columns:minmax(0,1.1fr) minmax(340px,1fr);align-content:center;align-items:center;column-gap:clamp(32px,4vw,64px);width:min(1100px,100%);min-height:calc(100svh - 190px)}.og-bside,.og-btape{gap:22px;min-width:0;display:grid}.og-bresult[hidden]{visibility:hidden;animation:none;display:grid}}@media (prefers-reduced-motion:reduce){.og-brow,.og-bbar i{opacity:1;transition:none}.og-brow{transform:none}.og-barena.clash,.og-barena.clash .og-bvs,.og-bname.scored b,.og-bfight,.og-brow.in .og-bv.win,.og-brow.decider .og-bv,.og-barena.crowned .og-bcrown .glint{animation:none}.og-barena.crowned .og-bcrown{opacity:1;animation:none}}html .og-result.v2{grid-template-areas:"stage""class""circle"}html .og-result.v2 #friends{display:none}@media (width>=981px){html .og-result.v2{grid-template-rows:auto 1fr;grid-template-areas:"stage class""stage circle"}}html.og-compact .og-result.v2{grid-template-areas:"stage""class""circle"}.og-class-slot{grid-area:class;min-width:0}.og-class{border:1px solid color-mix(in srgb, var(--rim) 34%, transparent);border-radius:var(--r-lg);background:radial-gradient(120% 90% at 18% 30%, color-mix(in srgb, var(--rim) 22%, transparent), transparent 70%), color-mix(in srgb, var(--bg) 62%, transparent);-webkit-backdrop-filter:blur(16px);grid-template-columns:minmax(140px,.95fr) minmax(0,1fr);grid-template-areas:"sign eras""line line";align-items:center;gap:4px 16px;padding:14px 18px 14px 10px;display:grid}.og-class-sign{transform-origin:50% 92%;grid-area:sign;justify-self:center;width:100%;max-width:210px;height:auto;animation:.76s cubic-bezier(.2,1.35,.4,1) backwards og-sign-up;display:block}@keyframes og-sign-up{0%{opacity:0;transform:perspective(520px)rotateX(80deg)}35%{opacity:1}}.og-class-eras{grid-area:eras;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.og-era{justify-items:center;gap:5px;display:grid}.og-era canvas{width:40px;height:40px;animation:og-era-stamp .34s var(--ease) backwards;animation-delay:calc(.42s + var(--i,0) * .11s)}@keyframes og-era-stamp{0%{opacity:0;transform:scale(1.7)rotate(-14deg)}60%{opacity:1;transform:scale(.92)rotate(2deg)}}.og-era:not(.on) canvas{filter:grayscale();opacity:.3}.og-era i{color:var(--muted);font:600 11px/1 var(--font);font-style:normal}.og-era.on i{color:var(--fg)}.og-class-line{color:var(--muted);font:500 14px/1.35 var(--font);flex-wrap:wrap;grid-area:line;align-items:baseline;gap:6px;margin:8px 0 0 8px;display:flex}.og-class-line b{color:var(--fg);font-weight:600}.og-class-line.landed>*{animation:rise-in var(--dur-slow) var(--ease) backwards}.og-dot{opacity:.5}.og-clock{color:var(--fg);font-variant-numeric:tabular-nums;font-weight:600}.og-class.still :is(.og-class-sign,.og-era canvas){animation:none}.og-circle{grid-area:circle;gap:10px;min-width:0;display:grid}.og-circle-head h2{font:600 22px/1.2 var(--display);letter-spacing:-.02em;margin:0}.og-circle>.og-find{margin:0}.og-circle-links{flex-wrap:wrap;gap:8px;display:flex}.og-circle-more{justify-content:center;display:flex}@media (prefers-reduced-motion:reduce){.og-class-sign,.og-era canvas,.og-class-line.landed>*{animation:none}}