.pc-card{--c: #c8842a;--bg: var(--c);overflow:hidden;background:#07060d}.pc-card .pc-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 28% 55%,color-mix(in srgb,var(--bg) 55%,#07060d),#07060d 72%)}.pc-card.mir .pc-bg{background:radial-gradient(ellipse at 72% 55%,color-mix(in srgb,var(--bg) 55%,#07060d),#07060d 72%)}.pc-card .pc-pat{position:absolute;inset:-80px;opacity:.15;animation:pc-drift 14s linear infinite}@keyframes pc-drift{to{transform:translate(80px,-80px)}}.pc-card .pc-wipe{position:absolute;left:-160px;top:-40px;width:760px;height:820px;transform:skew(-9deg);background:linear-gradient(180deg,color-mix(in srgb,var(--c) 75%,#000),color-mix(in srgb,var(--c) 28%,#000));opacity:.6;animation:pc-wipe .42s cubic-bezier(.2,.9,.3,1) both}.pc-card.mir .pc-wipe{left:auto;right:-160px;transform:skew(9deg);animation-name:pc-wipe-r}@keyframes pc-wipe{0%{transform:skew(-9deg) translate(-900px)}to{transform:skew(-9deg)}}@keyframes pc-wipe-r{0%{transform:skew(9deg) translate(900px)}to{transform:skew(9deg)}}.pc-card .pc-portrait{position:absolute;left:24px;bottom:54px;width:560px;height:650px;animation:pc-porin .5s cubic-bezier(.2,.9,.3,1) .06s both}.pc-card.mir .pc-portrait{left:auto;right:24px;animation-name:pc-porin-r}@keyframes pc-porin{0%{transform:translate(-620px)}to{transform:none}}@keyframes pc-porin-r{0%{transform:translate(620px)}to{transform:none}}.pc-card .pc-portrait img{width:100%;height:100%;object-fit:contain;object-position:bottom;image-rendering:auto;filter:brightness(0) drop-shadow(5px 0 0 var(--c)) drop-shadow(-5px 0 0 var(--c)) drop-shadow(0 -5px 0 var(--c))}.pc-card.hit .pc-portrait img{filter:drop-shadow(0 14px 0 #0008);animation:pc-reveal .5s ease-out both}@keyframes pc-reveal{0%{filter:brightness(6) saturate(0);transform:scale(1.06)}to{filter:drop-shadow(0 14px 0 #0008);transform:none}}.pc-card .pc-sprite{position:absolute;bottom:86px;width:calc(var(--fw) * var(--ps));height:calc(var(--fh) * var(--ps));margin-left:calc(var(--fw) * var(--ps) / -2);pointer-events:none;z-index:3}.pc-card .pc-sprite:after{content:"";position:absolute;left:12%;right:12%;bottom:-10px;height:18px;border-radius:50%;background:#0009;z-index:-1}.pc-card .pc-sprite .sheet,.pc-card .pc-sprite img{position:absolute;left:0;bottom:0;transform:scale(var(--ps));transform-origin:left bottom;image-rendering:pixelated}.pc-card .pc-sprite .sheet{width:var(--fw);height:var(--fh);background-repeat:no-repeat}.pc-card .pc-sprite img{left:calc(var(--fw) * var(--ps) / 2);transform:translate(-50%) scale(var(--ps));transform-origin:50% 100%}.pc-card:not(.mir) .pc-sprite .sheet{transform:translate(calc(var(--fw) * var(--ps))) scale(calc(var(--ps) * -1),var(--ps))}.pc-card .pc-sprite img,.pc-card .pc-sprite.windup .sheet{display:none}.pc-card .pc-sprite.windup img.windup{display:block}.pc-card.hit .pc-sprite .sheet,.pc-card.hit .pc-sprite img.windup{display:none}.pc-card.hit .pc-sprite img.pose{display:block;animation:pc-posehit .34s cubic-bezier(.2,1.7,.4,1) both}@keyframes pc-posehit{0%{transform:translate(-50%) scale(calc(var(--ps) * 1.3),calc(var(--ps) * .82))}to{transform:translate(-50%) scale(var(--ps))}}.pc-card.hit{animation:pc-shake .26s linear}@keyframes pc-shake{20%{transform:translate(-8px,4px)}50%{transform:translate(7px,-5px)}80%{transform:translate(-4px,2px)}}.pc-card .pc-info{position:absolute;left:620px;right:44px;top:84px;z-index:2}.pc-card.mir .pc-info{left:56px;right:660px}.pc-card .num{font-size:13px;color:#fff;letter-spacing:4px;text-shadow:2px 2px 0 var(--c);animation:pc-fade .4s ease .2s both}.pc-card .tag{margin-top:14px;color:#fff;white-space:nowrap;opacity:0;line-height:1.15;text-shadow:5px 5px 0 var(--c),10px 10px 0 #000a,-2px -2px 0 #0a0a0a,2px -2px 0 #0a0a0a,-2px 2px 0 #0a0a0a}.pc-card.hit .tag{animation:pc-slam .4s cubic-bezier(.2,1.7,.4,1) both}@keyframes pc-slam{0%{opacity:0;transform:scale(2.6) rotate(-4deg)}to{opacity:1;transform:none}}.pc-card .name{margin-top:16px;font-size:20px;color:var(--c);letter-spacing:6px;opacity:0}.pc-card.s-name .name{animation:pc-fade .35s ease both}.pc-card .line{margin-top:26px;max-width:590px;text-wrap:balance;font:400 34px/1.3 Pixelify Sans,"Press Start 2P",monospace;color:#f4f0e0;opacity:0;text-shadow:2px 2px 0 #000}.pc-card.s-line .line{animation:pc-fade .4s ease both}.pc-card .line span{display:inline-block}.pc-card .move{margin-top:24px;display:inline-flex;align-items:center;gap:12px;max-width:330px;padding:10px 14px;border:3px solid var(--c);background:#000b;font-size:12px;color:#f0d040;letter-spacing:1px;line-height:1.5;opacity:0}.pc-card.s-move .move{animation:pc-move .3s cubic-bezier(.2,1.6,.4,1) both}@keyframes pc-move{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}@keyframes pc-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.pc-card .pc-pips{position:absolute;left:0;right:0;bottom:18px;display:flex;justify-content:center;gap:9px;z-index:4}.pc-card .pc-pips i{width:22px;height:8px;background:#2a2a3a;border:1px solid #000}.pc-card .pc-pips i.done{background:#8888a0}.pc-card .pc-pips i.cur{background:var(--c);box-shadow:0 0 10px var(--c)}.pc-card.out .pc-portrait,.pc-card.out .pc-info,.pc-card.out .pc-sprite,.pc-card.out .pc-wipe{transition:transform .28s ease-in,opacity .28s ease-in;transform:translate(-160px);opacity:0}.pc-card.mir.out .pc-portrait,.pc-card.mir.out .pc-info,.pc-card.mir.out .pc-sprite,.pc-card.mir.out .pc-wipe{transform:translate(160px)}:is(.pc-card,#sel-hero)[data-id=danny]{--bg: #6a4cc8}:is(.pc-card,#sel-hero)[data-id=danny] .pc-pat{background:radial-gradient(circle,#fff 2px,transparent 3px) 0 0 / 60px 60px,radial-gradient(circle,#ffb040 3px,transparent 4px) 30px 30px / 120px 120px;opacity:.3}:is(.pc-card,#sel-hero)[data-id=tim] .pc-pat{background:repeating-linear-gradient(90deg,#fff 0 18px,transparent 18px 54px)}:is(.pc-card,#sel-hero)[data-id=wim] .pc-pat{background:repeating-linear-gradient(115deg,#e04040 0 30px,#f0a030 30px 60px,#f0d040 60px 90px,#40a0e0 90px 120px,#9b59d0 120px 150px,transparent 150px 260px);opacity:.3}:is(.pc-card,#sel-hero)[data-id=raymond] .pc-pat{background:repeating-radial-gradient(circle at 50% 120%,transparent 0 34px,#fff 34px 40px)}:is(.pc-card,#sel-hero)[data-id=ernst]{--bg: #8a8a80}:is(.pc-card,#sel-hero)[data-id=ernst] .pc-pat{background:radial-gradient(ellipse 60px 44px at 30% 30%,#000 98%,transparent),radial-gradient(ellipse 44px 60px at 75% 65%,#000 98%,transparent),radial-gradient(ellipse 30px 26px at 60% 15%,#000 98%,transparent);background-size:240px 220px;opacity:.45}:is(.pc-card,#sel-hero)[data-id=niels] .pc-pat{background:repeating-linear-gradient(135deg,#000 0 26px,transparent 26px 52px);opacity:.32}:is(.pc-card,#sel-hero)[data-id=jesse] .pc-pat{background:radial-gradient(circle,#f0d040 5px,transparent 6px) 0 0 / 90px 90px,repeating-linear-gradient(0deg,#e04040 0 12px,transparent 12px 90px);opacity:.22}:is(.pc-card,#sel-hero)[data-id=pascal] .pc-pat{background:linear-gradient(#fff 0 0) 0 0 / 100% 10px repeat-y,linear-gradient(90deg,#fff 0 10px,transparent 10px) 0 0 / 130px 100%;background-size:100% 110px,130px 100%}:is(.pc-card,#sel-hero)[data-id=patrick] .pc-pat{background:repeating-radial-gradient(circle at 50% 50%,transparent 0 46px,#fff 46px 50px)}:is(.pc-card,#sel-hero)[data-id=andy]{--bg: #c02020}:is(.pc-card,#sel-hero)[data-id=andy] .pc-pat{background:repeating-linear-gradient(72deg,transparent 0 70px,#000 70px 76px,transparent 76px 90px,#000 90px 96px,transparent 96px 110px,#000 110px 116px);opacity:.4}:is(.pc-card,#sel-hero)[data-id=lucas] .pc-pat{background:conic-gradient(#fff 25%,transparent 0 50%,#fff 0 75%,transparent 0) 0 0 / 80px 80px}:is(.pc-card,#sel-hero)[data-id=ramon] .pc-pat{background:repeating-linear-gradient(0deg,#fff 0 22px,transparent 22px 88px)}:is(.pc-card,#sel-hero)[data-id=jaap]{--bg: #8a9a3a}:is(.pc-card,#sel-hero)[data-id=jaap] .pc-pat{background:conic-gradient(#e8b830 25%,transparent 0 50%,#e8b830 0 75%,transparent 0) 0 0 / 120px 120px}:is(.pc-card,#sel-hero)[data-id=jarro] .pc-pat{background:radial-gradient(circle,#fff 2px,transparent 3px) 0 0 / 70px 70px,radial-gradient(circle,#fff 1px,transparent 2px) 35px 20px / 50px 50px,radial-gradient(circle,#9ad0ff 3px,transparent 4px) 10px 40px / 190px 170px;opacity:.4}:is(.pc-card,#sel-hero)[data-id=joeri] .pc-pat{background:repeating-linear-gradient(0deg,#000 0 4px,transparent 4px 64px),repeating-linear-gradient(90deg,#000 0 3px,transparent 3px 230px);opacity:.3}.gs{background:#05050a;overflow:hidden}.gs .gs-art{position:absolute;inset:0}.gs .gs-art img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.gs .gs-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,#05050acc 100%)}.gs .gs-rays{position:absolute;inset:0;opacity:0;transition:opacity .5s;pointer-events:none}.gs.s-logo .gs-rays{opacity:1}.gs .gs-crowd{position:absolute;inset:0}.gs .gs-m{position:absolute;width:calc(var(--fw) * var(--k));height:calc(var(--fh) * var(--k));margin-left:calc(var(--fw) * var(--k) / -2)}.gs .gs-m.r0{--k: 1.4;bottom:150px;filter:brightness(.82)}.gs .gs-m.r1{--k: 1.75;bottom:22px}.gs .gs-m .sheet,.gs .gs-m img{position:absolute;left:0;bottom:0;transform:scale(var(--k));transform-origin:left bottom;image-rendering:pixelated}.gs .gs-m .sheet{width:var(--fw);height:var(--fh);background-repeat:no-repeat}.gs .gs-m img{left:calc(var(--fw) * var(--k) / 2);transform:translate(-50%) scale(var(--k));transform-origin:50% 100%}.gs .gs-m.flip .sheet{transform:translate(calc(var(--fw) * var(--k))) scale(calc(var(--k) * -1),var(--k))}.gs .gs-m img,.gs.pose .gs-m .sheet{display:none}.gs.pose .gs-m img.pose{display:block;animation:gs-pose .34s cubic-bezier(.2,1.8,.4,1) both}@keyframes gs-pose{0%{transform:translate(-50%) scale(calc(var(--k) * 1.3),calc(var(--k) * .8))}to{transform:translate(-50%) scale(var(--k))}}.gs .gs-tag{position:absolute;left:0;right:0;top:40%;text-align:center;font-size:22px;color:#f0d040;letter-spacing:4px;text-shadow:4px 4px 0 #1a1a22,0 0 20px #000;opacity:0;z-index:300}.gs.s-tag .gs-tag{animation:gs-tag .45s cubic-bezier(.2,1.6,.4,1) both}.gs.s-logo .gs-tag{animation:none;visibility:hidden}@keyframes gs-tag{0%{transform:scale(2)}to{transform:none}}.gs .gs-logo{position:absolute;inset:0;display:none;pointer-events:none;z-index:310}.gs.s-logo .gs-logo{display:block}#flow .gs-logo img{top:30%;width:720px;margin-left:-360px;margin-top:-198px;animation-delay:0s;animation-duration:.8s}#flow .gs-logo h1{top:24%}#flow .gs-logo .sweep:after{animation-delay:.9s}.pc-card{--sx: 1085px;--px: 304px;--ps: 2.6}.pc-card.mir{--sx: 590px;--px: 976px}.pc-card .pc-fxl{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.pc-card .pc-fxl i{position:absolute;display:block;font-style:normal;opacity:0}.pc-card .pfx-burst{left:calc(var(--px) - 520px);top:-160px;width:1040px;height:1040px;border-radius:50%;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--c) 80%,#fff) 0 5deg,transparent 5deg 15deg);mix-blend-mode:screen}.pc-card.hit .pfx-burst{animation:pfx-burst 1.1s ease-out both}@keyframes pfx-burst{0%{opacity:.9;transform:scale(.3) rotate(0)}to{opacity:0;transform:scale(1.5) rotate(25deg)}}.pc-card .pfx-flame{left:calc(var(--sx) - 170px);bottom:60px;width:340px;height:380px;border-radius:50% 50% 46% 46%;background:radial-gradient(ellipse at 50% 70%,#ffd040cc 0%,#ff6a1a99 35%,transparent 70%);mix-blend-mode:screen}.pc-card.hit .pfx-flame{animation:pfx-flame .5s steps(3) infinite alternate;opacity:1}@keyframes pfx-flame{0%{transform:scaleX(.92) translateY(4px);opacity:.7}to{transform:scale(1.06,1.1) translateY(-6px);opacity:1}}.pc-card .pfx-zzz{left:calc(var(--px) + 90px);top:170px;font:400 44px "Press Start 2P",monospace;color:#fff;text-shadow:4px 4px 0 var(--c),0 0 0 #000}.pc-card.hit .pfx-zzz{animation:pfx-zzz 2.1s ease-in var(--dl) infinite}@keyframes pfx-zzz{0%{opacity:0;transform:translate(0) scale(.5)}20%{opacity:1}to{opacity:0;transform:translate(110px,-190px) scale(1.5)}}.pc-card .pfx-rainbow{left:-30%;top:330px;width:160%;height:150px;transform:rotate(-8deg);background:linear-gradient(180deg,#e04040 0 20%,#f0a030 20% 40%,#f0d040 40% 60%,#40a0e0 60% 80%,#9b59d0 80% 100%)}.pc-card.hit .pfx-rainbow{animation:pfx-rainbow 1.2s cubic-bezier(.2,.8,.3,1) both}@keyframes pfx-rainbow{0%{opacity:.95;clip-path:inset(0 100% 0 0)}45%{opacity:.9;clip-path:inset(0 0 0 0)}to{opacity:.32;clip-path:inset(0 0 0 0)}}.pc-card .pfx-rings{left:calc(var(--sx) - 150px);bottom:60px;width:300px;height:300px;border:6px solid color-mix(in srgb,var(--c) 70%,#fff);border-radius:50%}.pc-card.hit .pfx-rings{animation:pfx-rings 1.5s ease-out var(--dl) infinite}@keyframes pfx-rings{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(1.5)}}.pc-card[data-fx~=tilt].hit .pc-portrait img{animation:pc-reveal .5s ease-out both,pfx-tilt 1.4s ease-in-out .5s infinite;transform-origin:50% 100%}@keyframes pfx-tilt{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.pc-card .pfx-confetti,.pc-card .pfx-crumbs{left:calc(var(--sx) + var(--x));top:300px;width:10px;height:10px;background:#f0d040;box-shadow:0 0 0 2px #0a0a0a}.pc-card .pfx-crumbs{width:7px;height:7px;background:#c8904a;top:420px}.pc-card.hit .pfx-confetti,.pc-card.hit .pfx-crumbs{animation:pfx-fall var(--d) cubic-bezier(.2,.6,.6,1) var(--dl) both}@keyframes pfx-fall{0%{opacity:1;transform:translate(0) rotate(0)}30%{transform:translate(calc(var(--dx) * .6),-130px) rotate(var(--r));opacity:1}to{transform:translate(var(--dx),300px) rotate(calc(var(--r) * 2));opacity:0}}.pc-card .pfx-speed{inset:0;background:repeating-linear-gradient(0deg,transparent 0 34px,#ffffff66 34px 37px,transparent 37px 90px);background-size:220px 100%;mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent)}.pc-card.hit .pfx-speed{animation:pfx-speed .5s linear infinite,pfx-on .25s ease both}.pc-card.mir.hit .pfx-speed{animation-direction:reverse,normal}@keyframes pfx-speed{0%{background-position:0 0}to{background-position:-440px 0}}@keyframes pfx-on{0%{opacity:0}to{opacity:.55}}.pc-card .pfx-sheen{left:calc(var(--px) - 380px);top:0;width:120px;height:100%;transform:skew(-18deg);background:linear-gradient(90deg,transparent,#ffffffbb,transparent);mix-blend-mode:screen}.pc-card.hit .pfx-sheen{animation:pfx-sheen 1.5s ease-in-out .15s infinite}@keyframes pfx-sheen{0%{opacity:0;translate:0 0}15%{opacity:1}60%,to{opacity:0;translate:700px 0}}.pc-card .pfx-beam{left:calc(var(--sx) - 110px);top:0;width:220px;bottom:86px;background:linear-gradient(180deg,#9ad0ffcc,#9ad0ff55 70%,#9ad0ff11);clip-path:polygon(30% 0,70% 0,100% 100%,0 100%);mix-blend-mode:screen}.pc-card.hit .pfx-beam{animation:pfx-beam .45s steps(3) infinite alternate;opacity:1}@keyframes pfx-beam{0%{opacity:.55}to{opacity:1}}.pc-card .pfx-glass{left:calc(var(--sx) - 30px);bottom:70px;width:34px;height:56px;border:5px solid #e8f4ff;border-top-width:2px;background:linear-gradient(180deg,transparent 0 28%,#7fc8ffcc 28% 100%);box-shadow:0 0 0 3px #0a0a0a}.pc-card.hit .pfx-glass{animation:pfx-glass 1.1s cubic-bezier(.1,.8,.2,1) .15s both}@keyframes pfx-glass{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:1;transform:translate(-230px) scale(1.5)}}.pc-card.mir.hit .pfx-glass{animation-name:pfx-glass-r}@keyframes pfx-glass-r{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:1;transform:translate(230px) scale(1.5)}}#flow{position:fixed;inset:0;z-index:30;background:#000;color:#e8e8f0;font-family:"Press Start 2P",monospace;overflow:hidden;transition:opacity .35s}#flow.off{opacity:0;pointer-events:none}#flow .stage{position:absolute;left:50%;top:50%;width:1280px;height:720px;overflow:hidden;background:#05050a;transform:translate(-50%,-50%) scale(var(--s, 1));transform-origin:center}#flow .layer{position:absolute;inset:0;display:none}#flow .layer.on{display:block}#flow .flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:40}#flow .flash.go{animation:fl-flash .5s ease-out}@keyframes fl-flash{0%{opacity:.85}to{opacity:0}}#flow .crt{position:absolute;inset:0;pointer-events:none;z-index:50;display:none;background:repeating-linear-gradient(to bottom,#0000 0 2px,#00000038 2px 3px),radial-gradient(ellipse at center,#0000 55%,#0009)}#flow[data-phase=title] .crt,#flow[data-phase=legends] .crt{display:block}#flow .fadein{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none;z-index:45}#flow .whiteout{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:46}#flow .fadein.go{animation:fl-fadein-black var(--fade, 2.5s) ease-out both}@keyframes fl-fadein-black{0%{opacity:1}to{opacity:0}}#flow .layer[data-layer=gate]{display:none;flex-direction:column;align-items:center;justify-content:center;gap:34px;background:#000;cursor:pointer;text-align:center}#flow .layer[data-layer=gate].on{display:flex}#flow .g-icon{height:96px;display:flex;align-items:center;justify-content:center;font-size:64px}#flow .g-speaker{width:96px;height:96px;image-rendering:pixelated;background-repeat:no-repeat;background-size:288px 96px}#flow .g-speaker.frames{background-image:url(/intro/ui-speaker-frames.png);animation:g-wave 1.2s steps(3) infinite}#flow .g-speaker.single{background-image:url(/intro/ui-speaker.png);background-size:96px 96px;animation:g-blink-soft 1.2s steps(1) infinite}#flow .g-speaker.emoji{font-size:64px;line-height:96px;text-align:center}@keyframes g-wave{0%{background-position:0 0}to{background-position:-288px 0}}@keyframes g-blink-soft{0%,to{opacity:1}50%{opacity:.55}}#flow .g-icon.muted{color:#ff5a5a}#flow .g-line{font-size:26px;color:#f0d040;letter-spacing:2px;line-height:1.6}#flow.gate-muted .g-line{color:#ff8a8a}#flow .g-go{font-size:14px;color:#50e070;animation:g-blink 1s steps(1) infinite}@keyframes g-blink{50%{opacity:0}}#flow .rays{position:absolute;left:50%;top:46%;width:1400px;height:1400px;margin:-700px 0 0 -700px;opacity:.55;background:repeating-conic-gradient(from 0deg,#ffffff14 0 6deg,transparent 6deg 18deg);animation:fl-spin 40s linear infinite}@keyframes fl-spin{to{transform:rotate(360deg)}}#flow .sp-logo img,#flow .tc-logo img,#flow .gs-logo img{position:absolute;left:50%;top:40%;width:840px;margin-left:-420px;margin-top:-231px;image-rendering:pixelated;animation:fl-logoin 1.1s cubic-bezier(.2,1.4,.4,1) .4s both;filter:drop-shadow(0 0 28px #c084fcaa)}#flow .sp-logo h1,#flow .gs-logo h1{position:absolute;left:0;right:0;top:34%;text-align:center;font-size:56px;color:#e8b830;text-shadow:5px 5px 0 #1a1a22;animation:fl-logoin 1.1s cubic-bezier(.2,1.4,.4,1) .4s both}@keyframes fl-logoin{0%{transform:scale(3.2) rotate(-6deg);opacity:0}60%{opacity:1}to{transform:scale(1) rotate(0);opacity:1}}#flow .sweep{position:absolute;left:50%;top:40%;width:840px;height:462px;margin:-231px 0 0 -420px;overflow:hidden;pointer-events:none}#flow .sweep:after{content:"";position:absolute;top:-20%;bottom:-20%;width:90px;left:-400px;transform:skew(-20deg);opacity:0;background:linear-gradient(90deg,transparent,#ffffffcc,transparent);animation:fl-sweep 1.3s ease-in-out 1.9s both}@keyframes fl-sweep{0%{left:-400px;opacity:1}to{left:1000px;opacity:1}}@keyframes fl-fadein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}#flow .cp-skip,#flow .lc-skip{position:absolute;right:40px;top:36px;font-size:9px;color:#fff8;z-index:6;letter-spacing:2px;cursor:pointer;padding:6px 8px;background:#000a}#flow .cp-skip:hover,#flow .lc-skip:hover{color:#fff}#flow .comic{background:#000;cursor:pointer}#flow .cp-host{position:absolute;inset:0}#flow .cp-frame{position:absolute;inset:24px;border:6px solid #0a0a0a;outline:3px solid #f0e6c8;background:#000;overflow:hidden;box-shadow:0 0 0 10px #000}#flow .cp-frame.in{animation:cp-in .22s steps(3) both}@keyframes cp-in{0%{transform:scale(1.03);filter:brightness(1.8)}to{transform:none;filter:none}}#flow .cp-frame.shake{animation:cp-shake .38s linear both}@keyframes cp-shake{0%,to{transform:none}15%{transform:translate(-10px,6px) rotate(-.6deg)}35%{transform:translate(9px,-7px) rotate(.5deg)}55%{transform:translate(-7px,-4px)}75%{transform:translate(5px,5px)}}#flow .cp-pane{position:absolute;inset:0;overflow:hidden;background:var(--tint, #222)}#flow .cp-pic{position:absolute;inset:0;transform-origin:center;will-change:transform;filter:saturate(var(--sat, 1))}#flow .cp-pic img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;display:block}#flow .cp-pic.placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,color-mix(in srgb,var(--tint) 70%,#000),var(--tint))}#flow .cp-pic.placeholder span{font-size:11px;color:#fff6;letter-spacing:2px}#flow .cp-halftone{position:absolute;inset:0;pointer-events:none;opacity:.2;mix-blend-mode:multiply;background:radial-gradient(circle,#000 1.1px,transparent 1.3px) 0 0 / 6px 6px}#flow .cp-caps{position:absolute;left:36px;right:36px;display:flex;flex-direction:column;gap:12px;z-index:3;align-items:flex-start}#flow .cp-caps.top{top:28px}#flow .cp-caps.bottom{bottom:28px}#flow .cp-cap .rest{visibility:hidden}#flow .cp-cap,#flow .cp-balloon{text-wrap:pretty}#flow .cp-cap{display:none;max-width:860px;padding:14px 18px;background:#f7e9a6;color:#1a1a22;border:4px solid #0a0a0a;box-shadow:6px 6px #0a0a0a;font:400 24px/1.35 Pixelify Sans,"Press Start 2P",monospace;letter-spacing:.5px}#flow .cp-cap.on{display:block;animation:cp-capin .18s steps(2) both}@keyframes cp-capin{0%{transform:translateY(8px);opacity:0}to{opacity:1}}#flow .cp-balloon{position:absolute;max-width:400px;padding:14px 18px;background:#fff;color:#1a1a22;border:4px solid #0a0a0a;border-radius:24px;z-index:4;font:400 25px/1.3 Pixelify Sans,"Press Start 2P",monospace;opacity:0;transform:scale(.6)}#flow .cp-balloon.on{opacity:1;animation:cp-balin .3s cubic-bezier(.2,1.6,.4,1) both}@keyframes cp-balin{0%{transform:scale(.6)}to{transform:none}}#flow .cp-balloon:after{content:"";position:absolute;width:0;height:0;border:13px solid transparent}#flow .cp-balloon.tail-bl:after{left:26px;bottom:-30px;border-top:20px solid #0a0a0a;border-left-width:4px}#flow .cp-balloon.tail-br:after{right:26px;bottom:-30px;border-top:20px solid #0a0a0a;border-right-width:4px}#flow .cp-balloon.tail-tl:after{left:26px;top:-30px;border-bottom:20px solid #0a0a0a;border-left-width:4px}#flow .cp-balloon.tail-tr:after{right:26px;top:-30px;border-bottom:20px solid #0a0a0a;border-right-width:4px}#flow .cp-balloon.chat{background:#d9fdd3;border-radius:12px 12px 12px 2px;border-width:3px;font-size:18px;padding:8px 11px;white-space:nowrap;box-shadow:4px 4px #0008}#flow .cp-balloon.chat:after{display:none}#flow .cp-words{position:absolute;inset:0;pointer-events:none;z-index:2}#flow .cp-words b{position:absolute;font-family:"Press Start 2P",monospace;font-weight:400;letter-spacing:1px;white-space:nowrap;text-shadow:4px 4px 0 #0a0a0a,-2px -2px 0 #0a0a0a,2px -2px 0 #0a0a0a,-2px 2px 0 #0a0a0a,0 0 18px #000a;transform:rotate(var(--rot, 0deg));animation:cp-word .32s cubic-bezier(.2,1.9,.4,1) both}@keyframes cp-word{0%{transform:rotate(var(--rot, 0deg)) scale(2.4);opacity:0}to{transform:rotate(var(--rot, 0deg)) scale(1);opacity:1}}#flow .cp-fx{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}#flow .cp-fx i{position:absolute;display:block;font-style:normal}#flow .fx-smoke{left:var(--x);top:var(--y);width:220px;height:120px;border-radius:50%;background:radial-gradient(ellipse,#2a1a40aa 0%,#2a1a4055 45%,transparent 70%);transform:scale(var(--s));animation:fx-smoke var(--d) linear var(--dl) infinite}@keyframes fx-smoke{0%{translate:-80px 30px;opacity:0}20%{opacity:.9}to{translate:160px -70px;opacity:0}}#flow .fx-snow{left:var(--x);top:-10px;width:var(--w);height:var(--w);background:#f4f6ff;animation:fx-snow var(--d) linear var(--dl) infinite}@keyframes fx-snow{0%{translate:0 0;opacity:0}10%{opacity:.9}to{translate:-40px 700px;opacity:.2}}#flow .fx-flicker{inset:0;background:radial-gradient(ellipse at 42% 40%,#ffb84030 0%,transparent 55%);animation:fx-flicker 2.6s steps(1) infinite}@keyframes fx-flicker{0%,to{opacity:1}12%{opacity:.55}18%{opacity:.95}47%{opacity:.7}53%{opacity:1}81%{opacity:.6}86%{opacity:.9}}#flow .fx-splash{left:var(--x);top:62%;width:7px;height:7px;background:#f0c040;box-shadow:0 0 0 2px #0a0a0a;animation:fx-splash var(--d) cubic-bezier(.2,.6,.5,1) var(--dl) infinite}@keyframes fx-splash{0%{translate:0 0;opacity:1}45%{translate:calc(var(--dx) * .6) -150px;opacity:1}to{translate:var(--dx) 60px;opacity:0}}#flow .fx-zzz{left:var(--x);top:55%;font:400 22px "Press Start 2P",monospace;color:#dfe6ff;text-shadow:2px 2px 0 #0a0a0a;animation:fx-zzz var(--d) ease-in var(--dl) infinite}@keyframes fx-zzz{0%{translate:0 0;scale:.6;opacity:0}20%{opacity:1}to{translate:40px -150px;scale:1.5;opacity:0}}#flow .cp-frame.page{background:#f0e6c8}#flow .cp-grid{position:absolute;inset:10px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px}#flow .cp-pane.cell{position:relative;inset:auto;border:4px solid #0a0a0a;opacity:0;transform:scale(.9) rotate(-2deg)}#flow .cp-pane.cell.on{opacity:1;transform:none}#flow .cp-pane.cell.cur{animation:cp-cellin .3s cubic-bezier(.2,1.6,.4,1) both;z-index:2;box-shadow:0 0 0 3px #f0d040}@keyframes cp-cellin{0%{opacity:0;transform:scale(1.25) rotate(3deg)}to{opacity:1;transform:none}}#flow .cp-pane.cell:not(.cur).on .cp-pic{filter:saturate(calc(var(--sat, 1) * .6)) brightness(.8)}#flow .cp-pane.cell .cp-caps{left:10px;right:10px;gap:6px}#flow .cp-pane.cell .cp-caps.bottom{bottom:10px}#flow .cp-pane.cell .cp-caps.top{top:10px}#flow .cp-pane.cell .cp-cap{font-size:17px;padding:8px 10px;border-width:3px;box-shadow:4px 4px #0a0a0a;max-width:100%}#flow .cp-pane.cell .cp-balloon{font-size:18px;padding:8px 12px;border-width:3px;max-width:240px}#flow .cp-num{position:absolute;left:30px;top:7px;font-size:8px;color:#fff8;z-index:6;letter-spacing:2px}#flow .cp-keys{position:absolute;left:110px;top:7px;font-size:8px;color:#fff6;z-index:6;letter-spacing:2px}#flow .comic .cp-skip{top:2px;right:30px;padding:5px 8px}#flow .cp-next{position:absolute;right:30px;bottom:3px;font-size:10px;color:#50e070;z-index:6;letter-spacing:2px;padding:3px 10px;background:#000;border:2px solid #50e07088;display:none}#flow .comic.ready .cp-next{display:block;animation:cp-pulse 1s steps(1) infinite}@keyframes cp-pulse{50%{opacity:.4}}#flow .titlecard{background:radial-gradient(ellipse at 50% 42%,#140b28,#05050a 70%,#000)}#flow .titlecard.lit{background:radial-gradient(ellipse at 50% 42%,#2a1650,#0a0714 65%,#000)}#flow .titlecard>.rays{opacity:0;transition:opacity .6s}#flow .titlecard.lit>.rays{opacity:.55}#flow .titlecard.mapmode>.rays{opacity:0}#flow .tc-presents{position:absolute;left:0;right:0;top:46%;text-align:center;font-size:15px;color:#c8c8d8;letter-spacing:8px;opacity:0;transition:opacity 1.6s ease}#flow .tc-presents.on{opacity:.9}#flow .tc-logo{position:absolute;inset:0;display:none;transition:transform .9s cubic-bezier(.3,.9,.3,1);transform-origin:50% 36%;z-index:4;pointer-events:none}#flow .tc-logo.on{display:block}#flow .tc-logo img{top:36%;width:760px;margin-left:-380px;margin-top:-209px;animation-delay:0s;animation-duration:.7s}#flow .tc-logo h1{position:absolute;left:0;right:0;top:28%;text-align:center;font-size:56px;color:#e8b830;text-shadow:5px 5px 0 #1a1a22}#flow .tc-logo .sweep{top:36%;width:760px;height:418px;margin:-209px 0 0 -380px}#flow .tc-logo .sweep:after{animation-delay:.8s}#flow .titlecard.mapmode .tc-logo{transform:translate(-445px,-185px) scale(.3)}#flow .tc-sub,#flow .tc-tag{position:absolute;left:0;right:0;text-align:center;opacity:0;transition:opacity .5s}#flow .tc-sub{top:67%;font-size:24px;color:#f0d040;letter-spacing:5px;text-shadow:3px 3px 0 #1a1a22}#flow .tc-tag{top:74.5%;font-size:12px;color:#c8c8d8;letter-spacing:3px}#flow .tc-sub.on{animation:tc-hit .45s cubic-bezier(.2,1.6,.4,1) both}#flow .tc-tag.on{animation:fl-fadein .6s ease both}#flow .titlecard.mapmode .tc-sub,#flow .titlecard.mapmode .tc-tag{animation:none;opacity:0}@keyframes tc-hit{0%{opacity:0;transform:scale(1.8)}to{opacity:1;transform:none}}#flow .tc-map{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease,filter 1.4s ease;z-index:1}#flow .titlecard.mapmode .tc-map{opacity:1}#flow .titlecard.dark .tc-map{filter:brightness(.28) saturate(.5)}#flow .tc-map>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;image-rendering:pixelated;filter:brightness(.8)}#flow .tc-dots i{position:absolute;width:8px;height:8px;margin:-4px 0 0 -4px;background:#f0d040;box-shadow:0 0 0 2px #0a0a0a;opacity:0}#flow .tc-dots i.on{opacity:1;animation:tc-dot .25s steps(2) both}@keyframes tc-dot{0%{transform:scale(2.2)}to{transform:none}}#flow .tc-stop{position:absolute;width:0;height:0;opacity:0}#flow .tc-stop.on{opacity:1}#flow .tc-stop .pin{position:absolute;left:-11px;top:-11px;width:22px;height:22px;background:#e04040;border:4px solid #0a0a0a;border-radius:50%;box-shadow:0 0 0 3px #fff}#flow .tc-stop.on .pin{animation:tc-pin .4s cubic-bezier(.2,1.9,.4,1) both}@keyframes tc-pin{0%{transform:scale(3)}to{transform:none}}#flow .tc-stop b{position:absolute;left:0;top:20px;transform:translate(-50%) rotate(-3deg);white-space:nowrap;font-weight:400;font-size:13px;letter-spacing:2px;color:#fff;padding:6px 9px;background:#0a0a0aee;border:3px solid #f0d040}#flow .tc-stop.up b{top:auto;bottom:20px}#flow .tc-stop.on b{animation:tc-stamp .3s cubic-bezier(.2,1.7,.4,1) .08s both}@keyframes tc-stamp{0%{opacity:0;transform:translate(-50%) rotate(-3deg) scale(2.2)}to{opacity:1;transform:translate(-50%) rotate(-3deg) scale(1)}}#flow .tc-stop .boss{position:absolute;left:0;bottom:22px;height:130px;transform:translate(-50%);image-rendering:pixelated;opacity:0;filter:brightness(0) drop-shadow(2px 0 0 #e050ff) drop-shadow(-2px 0 0 #e050ff) drop-shadow(0 -2px 0 #e050ff) drop-shadow(0 2px 0 #e050ff) drop-shadow(0 0 14px #c040ff)}#flow .tc-stop.side .boss{left:150px;bottom:-70px}#flow .tc-stop.up .boss{bottom:58px}#flow .tc-stop.on .boss{animation:tc-boss 1.5s ease-out both}@keyframes tc-boss{0%{opacity:0;transform:translate(-50%) scale(1.5)}12%{opacity:1;transform:translate(-50%) scale(1)}70%{opacity:1}to{opacity:.6;transform:translate(-50%) scale(1)}}#flow .tc-crowd{position:absolute;inset:0;z-index:3;pointer-events:none}#flow .tc-crowd .w{position:absolute;bottom:26px;width:var(--fw);height:var(--fh);margin-left:calc(var(--fw) / -2);transform:scale(1.6);transform-origin:center bottom;background-repeat:no-repeat;image-rendering:pixelated;filter:brightness(0) drop-shadow(0 0 0 #000) drop-shadow(2px 0 0 #e8b830) drop-shadow(-2px 0 0 #e8b830)}#flow .titlecard .lc-skip{top:36px}#flow .splash{background:radial-gradient(ellipse at 50% 60%,#1a1030,#05050a 70%)}#flow .sp-art{position:absolute;inset:0;overflow:hidden}#flow .sp-art img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;animation:sp-zoom 60s ease-in-out infinite alternate}@keyframes sp-zoom{0%{transform:scale(1)}to{transform:scale(1.08) translateY(-1.5%)}}#flow .sp-art.fallback{background:url(/select/select-map.png) center / cover no-repeat;image-rendering:pixelated;opacity:.45;filter:saturate(.8);animation:sp-zoom 60s ease-in-out infinite alternate}#flow .sp-fx{position:absolute;inset:0;pointer-events:none;overflow:hidden}#flow .sp-fx i{position:absolute;display:block}#flow .sp-fx .bub{left:var(--x);bottom:30%;width:calc(6px * var(--s));height:calc(6px * var(--s));border:2px solid #f8f4e8cc;border-radius:50%;animation:sp-bub var(--d) linear var(--dl) infinite}@keyframes sp-bub{0%{transform:translateY(0);opacity:0}10%{opacity:.8}to{transform:translateY(-360px) translate(18px);opacity:0}}#flow .sp-fx .ash{left:var(--x);top:-10px;width:3px;height:3px;background:#9a8ab0;animation:sp-ash var(--d) linear var(--dl) infinite}@keyframes sp-ash{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:.7}to{transform:translateY(760px) translate(-60px);opacity:0}}#flow .sp-logo{position:absolute;inset:0;pointer-events:none}#flow .sp-logo img{top:30%;width:720px;margin-left:-360px;margin-top:-198px}#flow .sp-logo h1{top:24%}#flow .sp-plate{position:absolute;left:50%;top:56%;width:640px;height:210px;margin-left:-320px;pointer-events:none;background:radial-gradient(ellipse at center,#05050ae6 0%,#05050ab0 55%,transparent 100%);animation:fl-fadein 1s ease 1.6s both}#flow .sp-sub{position:absolute;left:0;right:0;top:60%;text-align:center;font-size:20px;color:#f0d040;letter-spacing:4px;text-shadow:3px 3px 0 #1a1a22,0 0 18px #000;animation:fl-fadein 1s ease 1.6s both}#flow .sp-menu{position:absolute;left:0;right:0;top:69%;display:flex;flex-direction:column;align-items:center;gap:22px;animation:fl-fadein .8s ease 2.2s both}#flow .sp-item{position:relative;font-size:22px;color:#c8c8d8;letter-spacing:3px;padding:10px 38px;cursor:pointer;text-shadow:3px 3px 0 #1a1a22,0 0 16px #000,0 0 6px #000}#flow .sp-item b{position:absolute;left:0;color:#e8b830;font-weight:400;opacity:0}#flow .sp-item.cur{color:#fff}#flow .sp-item.cur b{opacity:1;animation:g-blink .5s steps(1) infinite}#flow .sp-item.picked{animation:sp-picked .35s steps(4) 1}@keyframes sp-picked{50%{filter:brightness(3)}}#flow .sp-online{position:absolute;left:0;right:0;top:86%;text-align:center;font-size:9px;color:#e8b830cc;letter-spacing:2px}#flow .sp-foot{position:absolute;left:36px;right:36px;bottom:24px;display:flex;justify-content:space-between;font-size:9px;color:#8888a0;letter-spacing:1px}#flow .splash.seamless .sp-logo img,#flow .splash.seamless .sp-logo h1,#flow .splash.seamless .sweep:after{animation:none}#flow .splash.seamless .sp-plate,#flow .splash.seamless .sp-sub{animation-delay:.1s}#flow .splash.seamless .sp-menu{animation-delay:.5s}#flow .tapbox{position:absolute;left:40px;bottom:40px;z-index:60;padding:10px 14px;background:#000d;border:2px solid #50e070;color:#50e070;font-size:10px;line-height:2;letter-spacing:1px;white-space:pre}