*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #ffffff;--fg: #0a0a0a;--soft: rgba(10, 10, 10, .52);--line: rgba(10, 10, 10, .1);--img: #f1f1f2;--card: #f6f6f7;--press: #5c5c5c;--dot-off: rgba(10, 10, 10, .06);--edge: rgba(10, 10, 10, .18);--sans: "Geist", system-ui, sans-serif;--mono: "Geist Mono", ui-monospace, monospace;color-scheme:light}:root[data-theme=dark]{--bg: #0a0a0a;--fg: #fafafa;--soft: rgba(250, 250, 250, .55);--line: rgba(250, 250, 250, .12);--img: #1b1b1b;--card: #151515;--press: #8a8a8a;--dot-off: rgba(250, 250, 250, .07);--edge: rgba(250, 250, 250, .2);color-scheme:dark}html,body{height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;letter-spacing:-.02em;overflow:hidden;transition:background .25s,color .25s}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}.app{--ad-h: 0px;position:relative;width:100vw;height:100vh;height:100dvh;min-height:560px;overflow:hidden}.bar{position:absolute;inset:0 0 auto;height:68px;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 24px;background:var(--bg);transition:background .25s}.logo{justify-self:start;display:flex;align-items:center;gap:9px;font-weight:800;font-size:20px;letter-spacing:-.05em}.logo i{width:26px;height:26px;border-radius:8px;background:var(--fg);color:var(--bg);display:grid;place-items:center;font-style:normal;font-size:10.5px;font-weight:900}.status{display:flex;align-items:center;gap:14px;font-weight:700;font-size:15px;white-space:nowrap}.status .cup{font-size:17px;font-weight:800;letter-spacing:-.04em}.status .sep{width:1px;height:18px;background:var(--line)}.pill{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:999px;background:var(--fg);color:var(--bg);font-size:13px;font-weight:600}.count{font-variant-numeric:tabular-nums;min-width:40px}.prog{display:flex;gap:5px}.prog i{width:26px;height:6px;border-radius:999px;background:var(--line);transition:background .3s,opacity .3s}.prog i.done{background:var(--fg)}.prog i.now{background:var(--fg);opacity:.35}.tools{justify-self:end;display:flex;align-items:center;gap:8px}.icon{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;transition:transform .25s cubic-bezier(.3,1.6,.6,1),opacity .2s}.icon:hover:not(:disabled){transform:scale(1.08)}.icon:disabled{opacity:.3;cursor:default}.tgl .moon{display:none}:root[data-theme=dark] .tgl .sun{display:none}:root[data-theme=dark] .tgl .moon{display:block}.seg{display:flex;padding:3px;gap:2px;border:1px solid var(--line);border-radius:999px}.seg button{height:28px;padding:0 11px;border-radius:999px;font-size:12.5px;font-weight:600;color:var(--soft)}.seg button.on{background:var(--fg);color:var(--bg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:600;white-space:nowrap;transition:transform .12s cubic-bezier(.3,1.6,.6,1)}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(1px) scale(.97)}.btn.solid{background:var(--fg);color:var(--bg)}.btn.line{border:1px solid var(--line)}.btn.big{height:52px;padding:0 24px;font-size:16px}.arena{position:absolute;display:flex;z-index:1}.arena.reset .side{transition:none!important}.side{position:relative;flex:1 1 0;min-width:0;cursor:pointer;outline:none;transition:flex-grow .6s cubic-bezier(.2,.8,.2,1),opacity .45s,filter .45s}.ph{position:relative;overflow:hidden;background:var(--img)}.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 28%;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .35s}.ph img.loading{opacity:0}.ph:after{content:"";position:absolute;inset:0;background:#000;opacity:0;transition:opacity .35s;pointer-events:none}.arena:not(.picking) .side:hover img,.side.hov img{transform:scale(1.04)}.arena:not(.picking):hover .side:not(:hover) .ph:after,.arena.force-hover .side:not(.hov) .ph:after{opacity:.32}.side:focus-visible .ph{outline:3px solid var(--fg);outline-offset:-3px}.shade{position:absolute;inset:0;background:linear-gradient(180deg,#0000 50%,#000000ad);pointer-events:none}.cap{position:absolute;left:32px;right:28px;bottom:28px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;color:#fff;white-space:nowrap;transition:opacity .25s}.cap .n{font-size:48px;font-weight:900;letter-spacing:-.055em;line-height:1;overflow:hidden;text-overflow:ellipsis}.cap .m{margin-top:10px;font-size:16px;font-weight:500;opacity:.82}.cap>div{min-width:0}.pick{flex:none;height:48px;padding:0 9px 0 20px;border-radius:999px;display:inline-flex;align-items:center;gap:10px;font-size:15.5px;font-weight:700;color:#fff;background:#ffffff29;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.32);transition:background .25s,color .25s,transform .2s cubic-bezier(.3,1.6,.6,1)}.pick kbd{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;font-family:var(--mono);font-size:13px;background:#fff3;transition:background .25s,color .25s}.side:hover .pick,.side.hov .pick{background:#fff;color:#0a0a0a;transform:scale(1.04)}.side:hover .pick kbd,.side.hov .pick kbd{background:#0a0a0a;color:#fff}.below{display:flex;align-items:center;justify-content:space-between;gap:16px;height:76px;flex:none;white-space:nowrap;overflow:hidden;transition:opacity .25s}.below>div{min-width:0}.below .n{font-size:36px;font-weight:900;letter-spacing:-.055em;line-height:1;overflow:hidden;text-overflow:ellipsis}.below .m{margin-top:6px;font-size:15px;color:var(--soft);font-weight:500}.pickbtn{flex:none;height:60px;padding:0 28px 0 14px;border-radius:18px;background:var(--fg);color:var(--bg);font-size:18px;font-weight:800;letter-spacing:-.03em;display:inline-flex;align-items:center;gap:12px;box-shadow:0 5px 0 var(--press);margin-bottom:5px;transition:transform .12s,box-shadow .12s}.pickbtn .kk{width:32px;height:32px;border-radius:9px;background:var(--bg);color:var(--fg);display:grid;place-items:center;font-family:var(--mono);font-size:14px;font-weight:600}.side:hover .pickbtn,.side.hov .pickbtn{transform:translateY(-2px);box-shadow:0 7px 0 var(--press)}.side:active .pickbtn{transform:translateY(5px);box-shadow:0 0 0 var(--press)}.ding{position:absolute;left:50%;top:44%;z-index:3;height:76px;padding:0 32px;border-radius:999px;background:#fff;color:#0a0a0a;font-weight:900;font-size:36px;letter-spacing:-.05em;display:flex;align-items:center;box-shadow:0 8px #00000059;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(-8deg)}.side.win .ding{animation:ding .55s cubic-bezier(.3,1.5,.6,1) forwards}@keyframes ding{60%{opacity:1;transform:translate(-50%,-50%) scale(1.08) rotate(-8deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-6deg)}}.vs{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;width:112px;height:112px;border-radius:50%;background:var(--fg);color:var(--bg);border:8px solid var(--bg);display:grid;place-items:center;font-weight:900;font-size:38px;letter-spacing:-.06em;pointer-events:none;transition:opacity .25s,transform .35s cubic-bezier(.3,1.5,.6,1),background .25s,border-color .25s}.arena.picking .vs{opacity:0;transform:translate(-50%,-50%) scale(.5)}.arena.entering .vs{animation:vsin .5s .15s cubic-bezier(.3,1.5,.6,1) both}@keyframes vsin{0%{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(-20deg)}}.side.win{flex-grow:1.7}.side.lose{flex-grow:.55;opacity:.35;filter:grayscale(1)}.side.lose .cap,.side.lose .below{opacity:0}.side.enter{animation:rise .55s cubic-bezier(.2,.8,.2,1) both}.vs+.side.enter{animation-delay:.07s}@keyframes rise{0%{opacity:0;transform:translateY(28px) scale(.985)}}.l-full .arena{top:68px;left:0;right:0;bottom:var(--ad-h);gap:3px;transition:bottom .4s cubic-bezier(.2,.8,.2,1)}.l-full .side .ph{position:absolute;inset:0}.l-full .below,.l-full .pick{display:none}.l-full .cap{justify-content:center;text-align:center;left:40px;right:40px;bottom:40px}.l-full .cap .n{font-size:56px}.l-framed .arena{top:72px;left:32px;right:32px;bottom:calc(var(--ad-h) + 24px);gap:32px;transition:bottom .4s cubic-bezier(.2,.8,.2,1)}.l-framed .side{display:flex;flex-direction:column;gap:16px}.l-framed .ph{flex:1;border-radius:30px}.l-framed .cap,.l-framed .shade{display:none}.l-framed .vs{top:calc(50% - 46px)}.inter{position:absolute;inset:68px 0 var(--ad-h);z-index:25;background:var(--bg);display:grid;place-items:center;text-align:center;opacity:0;pointer-events:none;transition:opacity .3s}.inter.show{opacity:1;pointer-events:auto}.inter .box{display:flex;flex-direction:column;align-items:center;gap:26px;transform:scale(.94);transition:transform .55s cubic-bezier(.3,1.5,.6,1)}.inter.show .box{transform:none}.inter [data-dots]{display:none}.inter [data-dots].on{display:block}.inter .sub{font-size:20px;font-weight:600;color:var(--soft)}.faces{display:flex;padding-left:14px}.faces img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:4px solid var(--bg);margin-left:-14px;background:var(--img);animation:face .45s cubic-bezier(.3,1.5,.6,1) both}@keyframes face{0%{opacity:0;transform:translateY(14px) scale(.7)}}.champ{position:absolute;top:68px;left:0;right:0;bottom:var(--ad-h);z-index:35;background:var(--bg);display:grid;grid-template-columns:1.25fr 1fr;opacity:0;pointer-events:none;transition:opacity .45s,background .25s}.champ.show{opacity:1;pointer-events:auto}.champ .ph{height:100%}.champ .badge{position:absolute;left:28px;top:28px;z-index:2;height:40px;padding:0 16px;border-radius:999px;background:#fff;color:#0a0a0a;font-weight:800;font-size:15px;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px #0000004d}.champ .info{padding:40px 64px 32px 56px;display:flex;flex-direction:column;justify-content:center;min-width:0}.champ .dots svg{max-width:100%;height:auto}.champ h1{margin-top:24px;font-size:96px;font-weight:900;letter-spacing:-.07em;line-height:.9}.champ .meta{margin-top:14px;font-size:19px;color:var(--soft);font-weight:500}.road{margin-top:34px}.road .label{display:block;margin-bottom:10px}.road .row{display:flex;align-items:center;gap:14px;height:60px;border-top:1px solid var(--line);font-size:16px;font-weight:600}.road .row:last-child{border-bottom:1px solid var(--line)}.road img{width:40px;height:40px;border-radius:12px;object-fit:cover;background:var(--img)}.road .row span{color:var(--soft);font-weight:500}.road .r{margin-left:auto;font-family:var(--mono);font-size:12px;color:var(--soft);text-transform:uppercase}.champ .acts{display:flex;gap:10px;margin-top:32px;flex-wrap:wrap}.credit{margin-top:22px;font-family:var(--mono);font-size:11px;color:var(--soft)}.l-framed .champ{padding:4px 32px 28px;gap:40px}.l-framed .champ .ph{border-radius:30px}.l-framed .champ .info{padding:24px 8px}.label{font-family:var(--mono);font-size:11.5px;letter-spacing:.02em;text-transform:uppercase;color:var(--soft)}.app.ad-on{--ad-h: 106px}.adband{position:absolute;left:0;right:0;bottom:0;height:106px;z-index:20;background:var(--bg);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;transform:translateY(100%);transition:transform .4s cubic-bezier(.2,.8,.2,1),background .25s}.app.ad-on .adband{transform:none}.adlabel{position:absolute;left:24px;top:50%;transform:translateY(-50%);font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--soft)}.adslot{width:728px;height:90px;overflow:hidden}.adslot ins{display:block;width:728px;height:90px}.ad-ph{width:100%;height:100%;border-radius:10px;border:1px dashed var(--line);background:repeating-linear-gradient(-45deg,transparent 0 10px,var(--dot-off) 10px 20px);display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--mono);font-size:12px;color:var(--soft);text-transform:uppercase;letter-spacing:.04em}.toast{position:absolute;left:50%;bottom:calc(var(--ad-h) + 28px);z-index:50;transform:translate(-50%,20px);opacity:0;height:44px;padding:0 18px;border-radius:999px;background:var(--fg);color:var(--bg);font-weight:600;font-size:14px;display:flex;align-items:center;pointer-events:none;transition:opacity .3s,transform .3s cubic-bezier(.3,1.5,.6,1)}.toast.show{opacity:1;transform:translate(-50%)}@media(max-width:760px){.bar{height:60px;padding:0 14px;grid-template-columns:auto 1fr auto;gap:10px}.status{justify-self:center;gap:8px;font-size:14px}.status .cup,.status .sep,.prog,.seg,#restart{display:none}.arena{flex-direction:column}.l-full .arena,.inter{top:60px}.app.ad-on{--ad-h: 66px}.adband{height:66px}.adlabel{display:none}.adslot,.adslot ins{width:320px;height:50px}.cap{left:18px;right:16px;bottom:16px;gap:12px}.cap .n,.l-full .cap .n{font-size:30px}.l-full .cap{left:18px;right:18px;bottom:20px}.l-full .side:first-child .cap{bottom:54px}.cap .m{font-size:13.5px;margin-top:6px}.pick{height:40px;font-size:14px;padding:0 16px}.pick kbd{display:none}.vs{width:76px;height:76px;font-size:26px;border-width:6px}.l-framed .arena{inset:64px 14px 14px;gap:14px}.l-framed .side{gap:10px}.l-framed .ph{border-radius:22px}.l-framed .vs{top:50%}.below{height:52px}.below .n{font-size:24px}.below .m{font-size:13px;margin-top:4px}.pickbtn{height:44px;font-size:15px;padding:0 18px;border-radius:14px}.pickbtn .kk{display:none}.ding{height:56px;font-size:26px;padding:0 22px}.champ,.l-framed .champ{top:60px;grid-template-columns:1fr;grid-template-rows:40% auto;overflow-y:auto;padding:0;gap:0}.l-framed .champ .ph{border-radius:0}.champ .info,.l-framed .champ .info{padding:24px 20px 32px;justify-content:flex-start}.champ h1{font-size:54px;margin-top:16px}.champ .meta{font-size:16px}.road{margin-top:22px}.road .row{height:52px;font-size:15px}.faces img{width:44px;height:44px;border-width:3px;margin-left:-12px}.inter .box{gap:20px;padding:0 20px}.inter [data-dots] svg{max-width:100%;height:auto}}.bar{border-bottom:2px solid var(--edge)}.home{min-height:100vh;min-height:100dvh}.home .bar{position:sticky;top:0;grid-template-columns:1fr auto}[hidden]{display:none!important}.start .seg button{height:36px;padding:0 16px;font-size:14px}.start{position:absolute;top:68px;left:0;right:0;bottom:var(--ad-h);z-index:36;display:flex;overflow-y:auto;background:var(--bg);opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s,background .25s}.start.show{opacity:1;visibility:visible;transition:opacity .3s,background .25s}html.quick .start{opacity:0;visibility:hidden;transition:none}.start .box{width:100%;max-width:640px;margin:auto;padding:36px 24px 24px;display:flex;flex-direction:column;align-items:center;text-align:center}.start .cover{position:relative;display:flex;gap:3px;width:min(420px,100%);aspect-ratio:4 / 3;border-radius:30px;overflow:hidden;background:var(--img)}.start .cover .ph{flex:1 1 0;min-width:0}.start .vs{width:72px;height:72px;font-size:24px;border-width:6px}.start h1{margin-top:28px;font-size:64px;font-weight:900;letter-spacing:-.065em;line-height:.95}.start .desc{margin-top:16px;font-size:18px;font-weight:500;line-height:1.5;color:var(--soft)}.start .sizes{margin-top:28px;display:flex;flex-direction:column;align-items:center;gap:10px}.start .acts{margin-top:28px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.start .btn.solid{margin-bottom:5px;box-shadow:0 5px 0 var(--press)}.champ .info{overflow-y:auto;justify-content:flex-start}.champ .info>:first-child{margin-top:auto}.champ .info>:last-child{margin-bottom:auto}.others{margin-top:30px}.others .label{display:block;margin-bottom:10px}.others .list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mini{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:700;letter-spacing:-.03em;line-height:1.2;outline:none}.mini .cover{display:flex;gap:2px;aspect-ratio:4 / 3;border-radius:16px;overflow:hidden;background:var(--img)}.champ .mini .ph{flex:1 1 0;min-width:0;height:auto;border-radius:0}.mini:focus-visible .cover{outline:3px solid var(--fg);outline-offset:2px}@media(hover:hover){.mini:hover .ph img{transform:scale(1.05)}}.credit{line-height:1.6}.credit a{text-decoration:underline;text-underline-offset:2px}.foot{width:100%;max-width:1280px;margin:0 auto;padding:28px 32px calc(28px + env(safe-area-inset-bottom,0px));display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;border-top:1px solid var(--line)}.foot nav{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:14px;font-weight:600}.foot nav a{color:var(--soft);transition:color .2s}.foot nav a:hover,.foot nav a:focus-visible{color:var(--fg)}.foot.in-app{margin-top:32px;padding:20px 0 0}.start .foot.in-app{justify-content:center}body.p-page{overflow:auto}.home{display:flex;flex-direction:column}.home>main{flex:1}.prose{width:100%;max-width:720px;margin:0 auto;padding:56px 24px 72px;font-size:17px;line-height:1.65}.prose h1{margin:10px 0 24px;font-size:56px;font-weight:900;letter-spacing:-.065em;line-height:1}.prose h2{margin:40px 0 12px;font-size:24px;font-weight:800;letter-spacing:-.04em;line-height:1.2}.prose p,.prose ul,.prose ol,.prose table{margin-top:14px}.prose ul,.prose ol{padding-left:22px}.prose li+li{margin-top:8px}.prose a:not(.btn){text-decoration:underline;text-underline-offset:3px}.prose .btn.solid{margin:16px 0 5px;box-shadow:0 5px 0 var(--press)}.prose .lead{font-size:20px;font-weight:700}.prose table{width:100%;border-collapse:collapse}.prose td{padding:12px 12px 12px 0;border-top:1px solid var(--line)}.prose tr:last-child td{border-bottom:1px solid var(--line)}.prose kbd{padding:2px 8px;border-radius:8px;border:1px solid var(--line);background:var(--card);font-family:var(--mono);font-size:13px}.notfound{display:flex;flex-direction:column;align-items:center;text-align:center}.notfound .dots svg{max-width:100%;height:auto}.notfound h1{margin-top:28px}@media(hover:none){.icon:hover:not(:disabled),.btn:hover:not(:active){transform:none}.arena:not(.picking) .side:hover:not(.hov) img{transform:none}.arena:not(.picking):not(.force-hover):hover .side:not(:hover) .ph:after{opacity:0}.side:hover:not(.hov) .pick{background:#ffffff29;color:#fff;transform:none}.side:hover:not(.hov) .pick kbd{background:#fff3;color:inherit}.side:hover:not(.hov):not(:active) .pickbtn{transform:none;box-shadow:0 5px 0 var(--press)}}@media(max-width:760px){.l-full .side:last-child .cap{bottom:calc(20px + env(safe-area-inset-bottom,0px))}.l-framed .arena{bottom:calc(var(--ad-h) + 14px + env(safe-area-inset-bottom,0px))}.champ .info,.l-framed .champ .info{padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))}.start .seg{display:flex}.start{top:60px}.start .box{padding:24px 18px calc(20px + env(safe-area-inset-bottom,0px))}.start .cover{width:min(340px,100%);border-radius:22px}.start h1{margin-top:20px;font-size:40px}.start .desc{font-size:16px}.others .list{gap:8px}.foot{padding:24px 18px calc(24px + env(safe-area-inset-bottom,0px))}.prose{padding:32px 18px 48px}.prose h1{font-size:40px}}.app.ad-on{--ad-gap: 150px}.l-full .arena{bottom:calc(var(--ad-h) + var(--ad-gap, 0px))}.l-framed .arena{bottom:calc(var(--ad-h) + max(var(--ad-gap, 0px),24px))}.inter.show~.adband{visibility:hidden}@media(max-width:760px){.l-framed .arena{bottom:calc(var(--ad-h) + max(var(--ad-gap, 0px),14px) + env(safe-area-inset-bottom,0px))}.adlabel{display:block;left:50%;top:-22px;transform:translate(-50%)}.app:not(.ad-on) .adlabel{visibility:hidden}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important;transition-delay:0s!important}}