@font-face{font-family:Bangers;font-style:normal;font-weight:400;font-display:block;src:url(../fonts/Bangers-Regular.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bangers;font-style:normal;font-weight:400;font-display:block;src:url(../fonts/Bangers-Regular-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../fonts/Nunito-Variable.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../fonts/Nunito-Variable-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--ink:#1b1733;--paper:#fff6e0;--paper2:#ffe9b8;--yellow:#ffd60a;--gold:#ffc300;--red:#e63946;--hot:#ff2e97;--blue:#1f4fd8;--cyan:#22d3ee;--green:#3ddc84;--lime:#a6ff00;--orange:#ff7a00;--violet:#8b3dff;--u:min(1vw, 1.78vh);--bw:max(2px, calc(var(--u) * .2));--b:var(--bw) solid var(--ink);--shadow:calc(var(--u) * .45) calc(var(--u) * .45) 0 var(--ink);--dots:radial-gradient(circle, #1b173329 24%, transparent 26%);--dots-w:radial-gradient(circle, #ffffff38 24%, transparent 26%)}#ui-root{z-index:10;pointer-events:none;color:var(--ink);font-family:Nunito,system-ui,sans-serif;font-size:calc(var(--u) * 1.5);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:fixed;inset:0;overflow:hidden}#ui-root *{box-sizing:border-box}.bang{letter-spacing:.045em;-webkit-text-stroke:.16em var(--ink);paint-order:stroke fill;text-shadow:.07em .08em 0 var(--ink);font-family:Bangers,Impact,sans-serif;font-weight:400;line-height:.95}.bang.thin{-webkit-text-stroke:.1em var(--ink);text-shadow:.05em .06em 0 var(--ink)}.bang.flat{-webkit-text-stroke:0;text-shadow:none}.y{color:var(--yellow)}.w{color:#fff}.r{color:var(--red)}.panel{background-color:var(--paper);background-image:var(--dots);background-size:calc(var(--u) * .8) calc(var(--u) * .8);border:var(--b);box-shadow:var(--shadow);border-radius:calc(var(--u) * .3)}.caption{background:var(--yellow);border:var(--b);box-shadow:calc(var(--u) * .3) calc(var(--u) * .3) 0 var(--ink);padding:calc(var(--u) * .35) calc(var(--u) * .9);text-transform:uppercase;letter-spacing:.04em;font-weight:900;font-size:calc(var(--u) * 1.25);display:inline-block}.burst{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.btn{align-items:center;gap:calc(var(--u) * 1);letter-spacing:.05em;font-family:Bangers,Impact,sans-serif;font-size:calc(var(--u) * 2.4);color:#fff;background:var(--blue);background-image:var(--dots-w);background-size:calc(var(--u) * .7) calc(var(--u) * .7);border:var(--b);border-width:calc(var(--bw) * 1.3);box-shadow:var(--shadow);padding:calc(var(--u) * .7) calc(var(--u) * 1.8);cursor:pointer;text-shadow:.06em .07em 0 var(--ink), -.03em -.03em 0 var(--ink), .03em -.03em 0 var(--ink), -.03em .05em 0 var(--ink);transition:transform .14s cubic-bezier(.3,1.8,.5,1),background-color .12s,box-shadow .12s;display:flex;position:relative;transform:skew(-9deg)}.btn>*{transform:skew(9deg)}.btn .btn-label{flex:1}.btn.alt{background-color:var(--red)}.btn.ghost{background-color:#6f6a8f}.btn.go{background-color:#1fb85c}.btn.small{font-size:calc(var(--u) * 1.7);padding:calc(var(--u) * .45) calc(var(--u) * 1.2)}.btn.disabled{filter:grayscale(.85)brightness(.9);opacity:.6}.focus.btn,.btn:focus-visible{color:var(--ink);text-shadow:none;box-shadow:calc(var(--u) * .7) calc(var(--u) * .7) 0 var(--ink), 0 0 0 calc(var(--u) * .35) #fff, 0 0 0 calc(var(--u) * .35 + var(--bw)) var(--ink);z-index:2;transform:skew(-9deg)scale(1.07)rotate(-1.5deg);background-color:var(--yellow)!important}.focus.btn:after{content:"";left:calc(var(--u) * -2.6);width:calc(var(--u) * 1.8);height:calc(var(--u) * 1.8);background:var(--red);border:var(--b);clip-path:polygon(0 0,100% 50%,0 100%);animation:.6s ease-in-out infinite nudge;position:absolute;top:50%;transform:translateY(-50%)skew(9deg)}@keyframes nudge{50%{margin-left:calc(var(--u) * .5)}}.opt{align-items:center;gap:calc(var(--u) * 1.5);padding:calc(var(--u) * .55) calc(var(--u) * 1.2);border:var(--b);box-shadow:calc(var(--u) * .3) calc(var(--u) * .3) 0 var(--ink);cursor:pointer;background:#fff;grid-template-columns:1fr auto;transition:transform .12s cubic-bezier(.3,1.8,.5,1);display:grid;transform:skew(-6deg)}.opt>*{transform:skew(6deg)}.opt .opt-name{text-transform:uppercase;letter-spacing:.05em;font-weight:900;font-size:calc(var(--u) * 1.5)}.opt .opt-val{align-items:center;gap:calc(var(--u) * .7);font-family:Bangers,Impact,sans-serif;font-size:calc(var(--u) * 2.1);letter-spacing:.05em;min-width:calc(var(--u) * 15);justify-content:space-between;display:flex}.opt .arrow{width:calc(var(--u) * 1.8);height:calc(var(--u) * 1.8);background:var(--ink);color:#fff;clip-path:polygon(0 50%,100% 0,100% 100%);cursor:pointer;place-items:center;display:grid}.opt .arrow.rt{clip-path:polygon(0 0,100% 50%,0 100%)}.opt .val-text{text-align:center;flex:1}.opt.focus{background:var(--yellow);box-shadow:calc(var(--u) * .5) calc(var(--u) * .5) 0 var(--ink);transform:skew(-6deg)scale(1.04)}.opt.focus .arrow{background:var(--red);animation:.5s ease-in-out infinite alternate pulse}.opt.bump .val-text{animation:.22s cubic-bezier(.3,1.8,.5,1) pop}.opt.locked{opacity:.75}.opt.locked .arrow{visibility:hidden}.meter{height:calc(var(--u) * 1.3);border:var(--b);background:#fff;flex:1;position:relative;overflow:hidden}.meter>i{background:repeating-linear-gradient(-45deg, var(--hot) 0 calc(var(--u) * .6), #ff5fb0 calc(var(--u) * .6) calc(var(--u) * 1.2));border-right:var(--b);position:absolute;inset:0 auto 0 0}@keyframes pulse{to{transform:scale(1.18)}}@keyframes pop{0%{transform:scale(.6)}60%{transform:scale(1.25)}to{transform:scale(1)}}.field{font:900 calc(var(--u) * 1.9) "Nunito", sans-serif;color:var(--ink);border:var(--b);padding:calc(var(--u) * .4) calc(var(--u) * .9);box-shadow:inset calc(var(--u) * .2) calc(var(--u) * .2) 0 #1b173326;background:#fff;outline:none;width:100%;min-width:0}.field.focus,.field:focus{box-shadow:0 0 0 calc(var(--u) * .3) var(--yellow), 0 0 0 calc(var(--u) * .3 + var(--bw)) var(--ink);background:#fffbe0}.glyph{min-width:calc(var(--u) * 2);height:calc(var(--u) * 2);padding:0 calc(var(--u) * .45);font:900 calc(var(--u) * 1.05) "Nunito", sans-serif;text-transform:uppercase;color:var(--ink);border:var(--b);border-radius:calc(var(--u) * .4);box-shadow:0 calc(var(--u) * .22) 0 var(--ink);vertical-align:middle;-webkit-text-stroke:0;text-shadow:none;letter-spacing:.02em;background:#fff;place-items:center;line-height:1;display:inline-grid}.glyph.pad.face{width:calc(var(--u) * 2.1);height:calc(var(--u) * 2.1);background:var(--c);color:#fff;font:1000 calc(var(--u) * 1.3) "Nunito", sans-serif;-webkit-text-stroke:calc(var(--u) * .12) var(--ink);paint-order:stroke fill;border-radius:50%;padding:0}.glyph.pad.pill{border-radius:calc(var(--u) * 1);background:#e9e4ff}.kb-only,.pad-only{display:contents}.dev-pad .kb-only,.dev-kb .pad-only{display:none}.prompts{right:calc(var(--u) * 2.5);bottom:calc(var(--u) * 2);gap:calc(var(--u) * 1.6);pointer-events:none;display:flex;position:absolute}.prompt[data-act=back],.prompt[data-act=skip],.prompt[data-act=pause]{pointer-events:auto;cursor:pointer}.prompt{align-items:center;gap:calc(var(--u) * .5);text-transform:uppercase;font-weight:900;font-size:calc(var(--u) * 1.15);letter-spacing:.06em;color:#fff;text-shadow:0 .12em 0 var(--ink), .08em 0 0 var(--ink), -.08em 0 0 var(--ink), 0 -.08em 0 var(--ink);display:flex}.portrait{--hc:#888;width:calc(var(--u) * 6);height:calc(var(--u) * 6);border:var(--b);background:radial-gradient(circle at 35% 30%, #ffffff8c 0 18%, transparent 19%), radial-gradient(circle, #1b17332e 24%, transparent 26%) 0 0 / calc(var(--u) * .6) calc(var(--u) * .6), var(--hc);box-shadow:inset 0 calc(var(--u) * -.5) 0 var(--hcd), calc(var(--u) * .25) calc(var(--u) * .25) 0 var(--ink);border-radius:50%;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.portrait .emblem{width:64%;height:64%;filter:drop-shadow(calc(var(--u) * .15) calc(var(--u) * .15) 0 #1b17338c)}.portrait.has-img{background:radial-gradient(circle at 50% 38%, #fff 0 20%, var(--hc) 70%)}.portrait img{object-fit:cover;width:118%;height:118%;margin-top:8%}.screen{pointer-events:auto;display:none;position:absolute;inset:0}.screen.on{display:block}.screen.enter .enter-a{animation:.42s cubic-bezier(.2,1.6,.4,1) both slamIn}.screen.enter .enter-b{animation:.4s cubic-bezier(.2,1.4,.4,1) 60ms both slideIn}.screen .stagger>*{animation:.36s cubic-bezier(.2,1.4,.4,1) both slideIn}.screen .stagger>:nth-child(2){animation-delay:50ms}.screen .stagger>:nth-child(3){animation-delay:.1s}.screen .stagger>:nth-child(4){animation-delay:.15s}.screen .stagger>:nth-child(5){animation-delay:.2s}.screen .stagger>:nth-child(6){animation-delay:.25s}.screen .stagger>:nth-child(7){animation-delay:.3s}.screen .stagger>:nth-child(n+8){animation-delay:.34s}@keyframes slamIn{0%{opacity:0;transform:scale(2.2)rotate(-8deg)}60%{opacity:1;transform:scale(.94)rotate(1deg)}to{transform:none}}@keyframes slideIn{0%{opacity:0;transform:translate(-30%)skew(-12deg)}to{opacity:1;transform:none}}.wash{background:linear-gradient(100deg, #1b1733b8 0%, #1b173373 38%, #1b173300 62%), radial-gradient(circle, #1b173338 24%, transparent 27%) 0 0 / calc(var(--u) * .9) calc(var(--u) * .9);pointer-events:none;position:absolute;inset:0}.page-frame{inset:calc(var(--u) * 1.2);border:calc(var(--bw) * 2) solid var(--ink);box-shadow:0 0 0 calc(var(--u) * 1.4) var(--paper);pointer-events:none;position:absolute}.screen-title{left:calc(var(--u) * 5);top:calc(var(--u) * 4);font-size:calc(var(--u) * 6);color:var(--yellow);transform-origin:0;position:absolute;transform:rotate(-2deg)}.screen-title small{color:#fff;letter-spacing:.08em;margin-top:.1em;font-size:.34em;display:block}.back-hint{left:calc(var(--u) * 2.5);bottom:calc(var(--u) * 2);position:absolute}.title-cover .wash{background:radial-gradient(ellipse at 50% 42%, #1b173300 30%, #1b17338c 100%), radial-gradient(circle, #1b173329 24%, transparent 27%) 0 0 / calc(var(--u) * .9) calc(var(--u) * .9)}.cover-top{left:calc(var(--u) * 3);right:calc(var(--u) * 3);top:calc(var(--u) * 2.6);justify-content:space-between;align-items:flex-start;display:flex;position:absolute}.issue{border:var(--b);box-shadow:var(--shadow);padding:calc(var(--u) * .5) calc(var(--u) * .9);text-align:center;font-weight:900;line-height:1.05;font-size:calc(var(--u) * 1.1);text-transform:uppercase;background:#fff}.issue b{font-family:Bangers,Impact,sans-serif;font-size:calc(var(--u) * 3);color:var(--red);font-weight:400;display:block}.logo-wrap{width:calc(var(--u) * 78);height:calc(var(--u) * 30);place-items:center;display:grid;position:absolute;top:11%;left:50%;transform:translate(-50%)rotate(-4deg)}.logo-wrap .burst{width:104%;height:116%;animation:18s linear infinite burstSpin;inset:-8% -2%}@keyframes burstSpin{to{transform:rotate(2deg)scale(1.02)}}.logo{isolation:isolate;text-align:center;letter-spacing:.02em;font-family:Bangers,Impact,sans-serif;line-height:.82;position:relative}.logo .l1,.logo .l2{display:block;position:relative}.logo .l1{font-size:calc(var(--u) * 15);transform:skewY(-4deg)}.logo .l2{font-size:calc(var(--u) * 10.5);margin-top:calc(var(--u) * -.5);transform:skewY(-4deg)translate(8%)}.logo .fill{background:linear-gradient(180deg, #fff9c4 0%, var(--yellow) 38%, var(--orange) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.logo .l2 .fill{background:linear-gradient(#fff 0%,#9ae6ff 40%,#3d8bff 100%);-webkit-background-clip:text;background-clip:text}.logo .ink{z-index:-1;color:var(--ink);-webkit-text-stroke:.14em var(--ink);text-shadow:.09em .1em 0 var(--red), .12em .13em 0 var(--ink);position:absolute;inset:0}.tagline{font-size:calc(var(--u) * 1.6);white-space:nowrap;position:absolute;top:60%;left:50%;transform:translate(-50%)rotate(-2deg)}.press-start{font-size:calc(var(--u) * 3.4);color:#fff;align-items:center;gap:calc(var(--u) * 1);white-space:nowrap;animation:1.1s step-end infinite blink;display:flex;position:absolute;bottom:17%;left:50%;transform:translate(-50%)}.press-start .glyph{font-size:calc(var(--u) * 1.3);height:calc(var(--u) * 2.8);min-width:calc(var(--u) * 2.8)}.press-start .glyph.pad.face{width:calc(var(--u) * 3);height:calc(var(--u) * 3);font-size:calc(var(--u) * 2)}@keyframes blink{60%{opacity:.35}}.cover-heroes{left:50%;bottom:calc(var(--u) * 2.5);gap:calc(var(--u) * .6);display:flex;position:absolute;transform:translate(-50%)}.cover-heroes .portrait{width:calc(var(--u) * 4.4);height:calc(var(--u) * 4.4)}.cover-heroes .portrait:nth-child(odd){transform:translateY(calc(var(--u) * -.6)) rotate(-6deg)}.cover-heroes .portrait:nth-child(2n){transform:rotate(5deg)}.cover-price{right:calc(var(--u) * 4);bottom:calc(var(--u) * 4);width:calc(var(--u) * 11);height:calc(var(--u) * 11);place-items:center;animation:2.4s ease-in-out infinite wobble;display:grid;position:absolute;transform:rotate(12deg)}.cover-price span{font-size:calc(var(--u) * 1.9);text-align:center;color:#fff;line-height:.95;position:relative}@keyframes wobble{50%{transform:rotate(4deg)scale(1.06)}}.menu-list{left:calc(var(--u) * 8);top:calc(var(--u) * 17);gap:calc(var(--u) * 1.8);width:calc(var(--u) * 40);flex-direction:column;display:flex;position:absolute}.menu-list .btn{font-size:calc(var(--u) * 3.6);padding:calc(var(--u) * 1) calc(var(--u) * 2)}.menu-list .btn:nth-child(2){margin-left:calc(var(--u) * 2.5)}.menu-list .btn:nth-child(3){margin-left:calc(var(--u) * 5)}.btn .ico{width:calc(var(--u) * 4.2);height:calc(var(--u) * 4.2);filter:drop-shadow(calc(var(--u) * .2) calc(var(--u) * .2) 0 var(--ink));flex:none}.btn .sub{font-family:Nunito,sans-serif;font-weight:900;font-size:calc(var(--u) * 1.05);letter-spacing:.06em;text-transform:uppercase;text-shadow:none;opacity:.9;margin-top:calc(var(--u) * .2);display:block}.menu-blurb{right:calc(var(--u) * 5);bottom:calc(var(--u) * 7);max-width:calc(var(--u) * 30);font-weight:800;font-size:calc(var(--u) * 1.4);padding:calc(var(--u) * 1) calc(var(--u) * 1.4);position:absolute;transform:rotate(2deg)}.form{left:calc(var(--u) * 7);top:calc(var(--u) * 16);width:calc(var(--u) * 50);gap:calc(var(--u) * 1.1);flex-direction:column;display:flex;position:absolute}.form .btn{margin-top:calc(var(--u) * 1);align-self:flex-start}.form-row{gap:calc(var(--u) * 1);align-items:center;display:flex}.hint-box{right:calc(var(--u) * 5);top:calc(var(--u) * 16);width:calc(var(--u) * 36);padding:calc(var(--u) * 1.3) calc(var(--u) * 1.6);font-weight:700;font-size:calc(var(--u) * 1.35);line-height:1.35;position:absolute;transform:rotate(1.2deg)}.hint-box h3{margin:0 0 calc(var(--u) * .6);letter-spacing:.05em;font-family:Bangers,Impact,sans-serif;font-weight:400;font-size:calc(var(--u) * 2.4);color:var(--red)}.controls-table{gap:calc(var(--u) * .35) calc(var(--u) * .9);font-size:calc(var(--u) * 1.15);grid-template-columns:auto 1fr 1fr 1fr;align-items:center;font-weight:800;display:grid}.controls-table .hd{font-family:Bangers,Impact,sans-serif;font-weight:400;font-size:calc(var(--u) * 1.5);letter-spacing:.05em;color:var(--blue);border-bottom:var(--b)}.controls-table .glyph{font-size:calc(var(--u) * .9);height:calc(var(--u) * 1.8);min-width:calc(var(--u) * 1.8);margin:1px}.controls-table .glyph.pad.face{width:calc(var(--u) * 1.8);height:calc(var(--u) * 1.8);font-size:calc(var(--u) * 1.1)}.hs-grid{left:calc(var(--u) * 4.5);top:calc(var(--u) * 14.5);grid-template-columns:repeat(4, calc(var(--u) * 12.4));gap:calc(var(--u) * 1.1);display:grid;position:absolute}.hero-card{height:calc(var(--u) * 15.5);border:var(--b);border-width:calc(var(--bw) * 1.3);background:radial-gradient(circle, #1b173329 24%, transparent 26%) 0 0 / calc(var(--u) * .7) calc(var(--u) * .7), linear-gradient(160deg, var(--hc) 0 55%, var(--hc2) 55% 100%);box-shadow:var(--shadow);cursor:pointer;clip-path:polygon(0 0,100% 0,100% 88%,88% 100%,0 100%);transition:transform .14s cubic-bezier(.3,1.8,.5,1);position:relative;overflow:hidden}.hero-card:nth-child(odd){transform:rotate(-1deg)}.hero-card:nth-child(2n){transform:rotate(1deg)}.hero-card .portrait{left:50%;top:calc(var(--u) * 1.2);width:calc(var(--u) * 8.6);height:calc(var(--u) * 8.6);background-color:var(--paper);position:absolute;transform:translate(-50%)}.hero-card .hc-name{left:0;right:0;bottom:calc(var(--u) * 2.3);text-align:center;font-size:calc(var(--u) * 2.5);color:#fff;position:absolute}.hero-card .hc-class{left:50%;bottom:calc(var(--u) * .6);background:var(--ink);color:#fff;font-weight:900;font-size:calc(var(--u) * .95);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;padding:.1em .7em;position:absolute;transform:translate(-50%)}.hero-card .villain{right:calc(var(--u) * .4);top:calc(var(--u) * .4);background:var(--ink);color:var(--lime);font-family:Bangers,Impact,sans-serif;font-size:calc(var(--u) * 1.1);letter-spacing:.08em;padding:.1em .45em;position:absolute;transform:rotate(8deg)}.hero-card.focus{z-index:3;box-shadow:calc(var(--u) * .7) calc(var(--u) * .7) 0 var(--ink), 0 0 0 calc(var(--u) * .45) var(--yellow), 0 0 0 calc(var(--u) * .45 + var(--bw)) var(--ink);clip-path:none;transform:scale(1.1)rotate(-2deg)}.hero-card.focus .portrait{animation:.8s ease-in-out infinite alternate bob}.hero-card.picked:after{content:"P1";left:calc(var(--u) * .4);top:calc(var(--u) * .4);background:var(--red);color:#fff;border:var(--b);font-family:Bangers,Impact,sans-serif;font-size:calc(var(--u) * 1.3);padding:0 .4em;position:absolute}@keyframes bob{to{transform:translateX(-50%) translateY(calc(var(--u) * -.5)) rotate(3deg)}}.hs-info{right:calc(var(--u) * 3.5);bottom:calc(var(--u) * 6.5);width:calc(var(--u) * 36);padding:calc(var(--u) * 1.2) calc(var(--u) * 1.6) calc(var(--u) * 1.4);position:absolute;transform:rotate(-1deg)}.hs-name{right:calc(var(--u) * 4);top:calc(var(--u) * 5);font-size:calc(var(--u) * 8.5);color:var(--hc,var(--yellow));text-align:right;position:absolute;transform:rotate(-3deg)}.hs-name small{color:#fff;letter-spacing:.1em;font-size:.26em;display:block}.hs-tag{font-style:italic;font-weight:800;font-size:calc(var(--u) * 1.35);margin-bottom:calc(var(--u) * 1);line-height:1.3}.stat{grid-template-columns:calc(var(--u) * 8.5) 1fr;align-items:center;gap:calc(var(--u) * .8);margin:calc(var(--u) * .45) 0;display:grid}.stat b{letter-spacing:.06em;font-family:Bangers,Impact,sans-serif;font-weight:400;font-size:calc(var(--u) * 1.6)}.stat .bar{gap:calc(var(--u) * .3);height:calc(var(--u) * 1.4);display:flex}.stat .bar i{border:var(--b);background:#fff;flex:1;transform:skew(-15deg)}.stat .bar i.on{background:var(--hc,var(--red));animation:.25s cubic-bezier(.3,1.8,.5,1) both pop}.code-slots{gap:calc(var(--u) * .8);display:flex}.code-slot{width:calc(var(--u) * 5.2);height:calc(var(--u) * 6.4);border:var(--b);border-width:calc(var(--bw) * 1.3);box-shadow:var(--shadow);font-family:Bangers,Impact,sans-serif;font-size:calc(var(--u) * 4.4);cursor:pointer;background:#fff;place-items:center;display:grid;position:relative}.code-slot.focus{background:var(--yellow);transform:scale(1.08)rotate(-2deg)}.code-slot.focus:before,.code-slot.focus:after{content:"▲";top:calc(var(--u) * -1.9);font-size:calc(var(--u) * 1.3);color:#fff;text-shadow:0 .1em 0 var(--ink);position:absolute}.code-slot.focus:after{content:"▼";top:auto;bottom:calc(var(--u) * -1.9)}.online-err{background:var(--red);color:#fff;border:var(--b);padding:calc(var(--u) * .7) calc(var(--u) * 1.1);box-shadow:var(--shadow);font-weight:900;transform:rotate(-1deg)}.lobby-code{right:calc(var(--u) * 4);top:calc(var(--u) * 3.5);text-align:right;position:absolute;transform:rotate(2deg)}.lobby-code .code{font-size:calc(var(--u) * 6.4);color:var(--yellow);letter-spacing:.12em}.lobby-code .link{margin-top:calc(var(--u) * .5);font-weight:800;font-size:calc(var(--u) * 1.1);border:var(--b);background:#fff;padding:.2em .6em;display:inline-block}.lobby-players{left:calc(var(--u) * 4.5);top:calc(var(--u) * 14.5);grid-template-columns:repeat(4, calc(var(--u) * 13.4));gap:calc(var(--u) * 1.1);display:grid;position:absolute}.pcard{height:calc(var(--u) * 14);border:var(--b);border-width:calc(var(--bw) * 1.3);box-shadow:var(--shadow);background:radial-gradient(circle, #1b173329 24%, transparent 26%) 0 0 / calc(var(--u) * .7) calc(var(--u) * .7), linear-gradient(160deg, var(--hc) 0 60%, var(--hc2) 60%);position:relative;overflow:hidden}.pcard.empty{box-shadow:none;color:#fff;font-weight:900;font-size:calc(var(--u) * 1.1);text-transform:uppercase;letter-spacing:.1em;text-shadow:0 .1em 0 var(--ink);background:#fff6e040;border-style:dashed;place-items:center;display:grid}.pcard .portrait{left:50%;top:calc(var(--u) * 1);width:calc(var(--u) * 7);height:calc(var(--u) * 7);background-color:var(--paper);position:absolute;transform:translate(-50%)}.pcard .pc-name{left:0;right:0;top:calc(var(--u) * 8.6);text-align:center;font-size:calc(var(--u) * 1.9);color:#fff;white-space:nowrap;text-overflow:ellipsis;padding:0 .3em;position:absolute;overflow:hidden}.pcard .pc-hero{left:0;right:0;top:calc(var(--u) * 11.2);text-align:center;font-weight:900;font-size:calc(var(--u) * .95);letter-spacing:.1em;text-transform:uppercase;color:#fff;text-shadow:0 .12em 0 var(--ink), .08em 0 0 var(--ink), -.08em 0 0 var(--ink), 0 -.08em 0 var(--ink);position:absolute}.pcard .stamp{right:calc(var(--u) * .4);top:calc(var(--u) * .5);font-family:Bangers,Impact,sans-serif;font-size:calc(var(--u) * 1.5);letter-spacing:.06em;border:var(--b);color:#888;background:#fff;padding:0 .4em;position:absolute;transform:rotate(-8deg)}.pcard .stamp.ready{background:var(--green);color:#fff;text-shadow:0 .08em 0 var(--ink);animation:.3s cubic-bezier(.3,1.8,.5,1) pop}.pcard .crown{left:calc(var(--u) * .5);top:calc(var(--u) * .4);font-family:Bangers,Impact,sans-serif;font-size:calc(var(--u) * 1.1);background:var(--yellow);border:var(--b);padding:0 .4em;position:absolute;transform:rotate(-6deg)}.pcard.you{box-shadow:var(--shadow), 0 0 0 calc(var(--u) * .35) #fff, 0 0 0 calc(var(--u) * .35 + var(--bw)) var(--ink)}.pcard.dc{filter:grayscale(.9);opacity:.6}.lobby-side{right:calc(var(--u) * 4);top:calc(var(--u) * 19.5);width:calc(var(--u) * 34);gap:calc(var(--u) * .9);flex-direction:column;display:flex;position:absolute}.lobby-side .opt .opt-val{min-width:calc(var(--u) * 12)}.lobby-actions{left:calc(var(--u) * 4.5);bottom:calc(var(--u) * 6);gap:calc(var(--u) * 1.6);display:flex;position:absolute}.res-panel{right:calc(var(--u) * 3);top:calc(var(--u) * 3);bottom:calc(var(--u) * 3);width:calc(var(--u) * 50);padding:calc(var(--u) * 1.4) calc(var(--u) * 1.6);flex-direction:column;display:flex;position:absolute;transform:rotate(.6deg)}.res-head{margin-bottom:calc(var(--u) * .8);justify-content:space-between;align-items:baseline;display:flex}.res-head .bang{font-size:calc(var(--u) * 4.2);color:var(--red)}.res-head .caption{font-size:calc(var(--u) * 1)}.res-rows{gap:calc(var(--u) * .45);flex-direction:column;flex:1;display:flex}.res-row{grid-template-columns:calc(var(--u) * 5) calc(var(--u) * 4) 1fr calc(var(--u) * 9) calc(var(--u) * 8);align-items:center;gap:calc(var(--u) * .6);border:var(--b);padding:calc(var(--u) * .2) calc(var(--u) * .6);font-weight:800;font-size:calc(var(--u) * 1.35);font-variant-numeric:tabular-nums;background:#fff;animation:.35s cubic-bezier(.2,1.4,.4,1) both slideIn;display:grid}.res-row .pl{font-family:Bangers,Impact,sans-serif;font-weight:400;font-size:calc(var(--u) * 2.4);letter-spacing:.03em}.res-row .pl sup{font-size:.5em}.res-row .portrait{width:calc(var(--u) * 3.4);height:calc(var(--u) * 3.4)}.res-row .nm{white-space:nowrap;text-overflow:ellipsis;font-weight:900;overflow:hidden}.res-row .nm small{opacity:.6;text-transform:uppercase;letter-spacing:.08em;font-size:.68em;font-weight:800;display:block}.res-row .tm{text-align:right;font-weight:900}.res-row .bl{text-align:right;opacity:.75;font-size:.85em}.res-row .bl.best{color:var(--violet);opacity:1}.res-row.p1{background:linear-gradient(90deg,#ffe066,#fff 70%)}.res-row.p2{background:linear-gradient(90deg,#d9e6fb,#fff 70%)}.res-row.p3{background:linear-gradient(90deg,#f7c49f,#fff 70%)}.res-row.you{outline:calc(var(--u) * .3) solid var(--hot);outline-offset:calc(var(--u) * .1);z-index:1;transform:scale(1.02)}.res-row .est{opacity:.6;font-style:italic}.res-actions{gap:calc(var(--u) * 1.2);margin-top:calc(var(--u) * 1.2);justify-content:flex-end;display:flex}.res-actions .btn{font-size:calc(var(--u) * 2)}.res-banner{left:calc(var(--u) * 4);top:calc(var(--u) * 4);font-size:calc(var(--u) * 7.5);color:var(--yellow);position:absolute;transform:rotate(-4deg)}.res-banner small{color:#fff;letter-spacing:.08em;font-size:.32em;display:block}.res-wait{text-transform:uppercase;letter-spacing:.06em;text-align:right;margin-top:calc(var(--u) * .8);font-weight:900;font-size:calc(var(--u) * 1.1)}.confetti{width:calc(var(--u) * .9);height:calc(var(--u) * 1.4);border:1.5px solid var(--ink);pointer-events:none;animation:linear forwards fall;position:absolute;top:-5%}@keyframes fall{to{transform:translateY(115vh)rotate(720deg)}}.pause-dim{background:radial-gradient(circle, #1b173359 24%, transparent 27%) 0 0 / calc(var(--u) * .9) calc(var(--u) * .9), #1b17338c;position:absolute;inset:0}.pause-box{width:calc(var(--u) * 42);padding:calc(var(--u) * 2) calc(var(--u) * 3) calc(var(--u) * 2.5);gap:calc(var(--u) * 1.3);flex-direction:column;align-items:stretch;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-1deg)}.pause-box .bang{font-size:calc(var(--u) * 6);color:var(--yellow);text-align:center;margin-top:calc(var(--u) * -5.5);margin-bottom:calc(var(--u) * .5)}.loading{z-index:20;background:radial-gradient(circle,#ffd60a2e 24%,#0000 27%) 0 0/14px 14px,#1b1733;place-items:center;transition:opacity .4s;display:grid;position:fixed;inset:0}.loading.done{opacity:0;pointer-events:none}.loading .ld-panel{text-align:center;background:#fff6e0;border:4px solid #1b1733;padding:22px 46px 26px;position:relative;transform:rotate(-2deg)skew(-6deg);box-shadow:10px 10px #e63946,10px 10px 0 4px #1b1733}.loading .ld-title{letter-spacing:.04em;color:#ffd60a;-webkit-text-stroke:9px #1b1733;paint-order:stroke fill;text-shadow:5px 6px #1b1733;font:400 64px/1 Bangers,Impact,sans-serif}.loading .ld-sub{letter-spacing:.12em;text-transform:uppercase;color:#1b1733;margin-top:10px;font:900 16px Nunito,system-ui,sans-serif}.loading .ld-bar{background:#fff;border:3px solid #1b1733;width:260px;height:16px;margin:14px auto 0;overflow:hidden}.loading .ld-bar i{background:repeating-linear-gradient(-45deg,#e63946 0 10px,#ff6b6b 10px 20px);width:40%;height:100%;animation:1s ease-in-out infinite alternate ld;display:block}@keyframes ld{0%{transform:translate(-10%)}to{transform:translate(160%)}}.hud{pointer-events:none;display:none;position:absolute;inset:0}.hud.on{display:block}.hud.suppress>:not(.cutins):not(.hud-keep){visibility:hidden}.pslot{left:calc(var(--u) * 2.2);top:calc(var(--u) * 2.2);width:calc(var(--u) * 10.5);height:calc(var(--u) * 10.5);position:absolute;transform:rotate(-3deg)}.pslot .frame{border:calc(var(--bw) * 1.5) solid var(--ink);background:radial-gradient(circle, #1b173324 24%, transparent 26%) 0 0 / calc(var(--u) * .75) calc(var(--u) * .75), radial-gradient(circle at 50% 45%, #fffbe6 0 30%, var(--yellow) 80%);box-shadow:calc(var(--u) * .55) calc(var(--u) * .55) 0 var(--ink);border-radius:calc(var(--u) * 1.2);position:absolute;inset:0}.pslot.empty .frame{background:radial-gradient(circle, #ffffff1a 24%, transparent 26%) 0 0 / calc(var(--u) * .75) calc(var(--u) * .75), #1b17338c}.pslot .picon-wrap{place-items:center;display:grid;position:absolute;inset:11%}.pslot .picon{width:100%;height:100%;overflow:visible}.pslot.spin .picon-wrap{animation:90ms linear rollTick}@keyframes rollTick{0%{opacity:.4;transform:translateY(-28%)scale(.85)}}.pslot.spin .frame{animation:.22s linear infinite shimmer}@keyframes shimmer{50%{filter:brightness(1.12)saturate(1.3)}}.pslot.land .picon-wrap{animation:.45s cubic-bezier(.25,2.2,.45,1) both land}@keyframes land{0%{transform:scale(.4)rotate(-25deg)}to{transform:none}}.pslot.land .frame{animation:.45s ease-out flashRing}@keyframes flashRing{0%{box-shadow:calc(var(--u) * .55) calc(var(--u) * .55) 0 var(--ink), 0 0 0 calc(var(--u) * 1.4) #fffffff2}}.pslot.held .frame{border-color:var(--ink);box-shadow:calc(var(--u) * .55) calc(var(--u) * .55) 0 var(--ink), 0 0 0 calc(var(--u) * .35) var(--pc,#fff), 0 0 0 calc(var(--u) * .35 + var(--bw)) var(--ink);animation:.7s ease-in-out infinite alternate heldPulse}@keyframes heldPulse{to{filter:brightness(1.15)}}.pslot .held-tag{left:50%;bottom:calc(var(--u) * -1.1);background:var(--ink);color:#fff;font-family:Bangers,Impact,sans-serif;font-size:calc(var(--u) * 1.25);letter-spacing:.08em;white-space:nowrap;padding:.05em .5em;display:none;position:absolute;transform:translate(-50%)rotate(3deg)}.pslot.held .held-tag{display:block}.pslot .pips{right:calc(var(--u) * -1.2);gap:calc(var(--u) * .35);flex-direction:column;display:flex;position:absolute;top:12%}.pslot .pips i{width:calc(var(--u) * 1.2);height:calc(var(--u) * 1.2);background:var(--pc,var(--yellow));border:var(--b);border-radius:50%}.pslot .pips i.off{background:#ffffff59}.pname{left:calc(var(--u) * 13.8);top:calc(var(--u) * 2.6);font-size:calc(var(--u) * 2);color:#fff;white-space:nowrap;opacity:0;transition:opacity .2s;position:absolute;transform:rotate(-2deg)}.pname.on{opacity:1;animation:.3s cubic-bezier(.3,1.8,.5,1) pop}.pname .how{-webkit-text-stroke:0;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 .12em 0 var(--ink), .08em 0 0 var(--ink), -.08em 0 0 var(--ink);margin-top:.3em;font-family:Nunito,sans-serif;font-size:.5em;font-weight:900;display:block}.pname .how .glyph{font-size:calc(var(--u) * .8);height:calc(var(--u) * 1.5);min-width:calc(var(--u) * 1.5);text-shadow:none}.toasts{left:calc(var(--u) * 2.2);top:calc(var(--u) * 14.5);align-items:flex-start;gap:calc(var(--u) * .5);flex-direction:column;display:flex;position:absolute}.toast{align-items:center;gap:calc(var(--u) * .5);background:var(--red);border:var(--b);box-shadow:calc(var(--u) * .3) calc(var(--u) * .3) 0 var(--ink);padding:calc(var(--u) * .15) calc(var(--u) * .8) calc(var(--u) * .15) calc(var(--u) * .2);animation:.3s cubic-bezier(.25,2,.45,1) both toastIn,.3s ease-in 1.7s forwards toastOut;display:flex;transform:skew(-10deg)}.toast>*{transform:skew(10deg)}.toast .portrait{width:calc(var(--u) * 2.8);height:calc(var(--u) * 2.8)}.toast .t{font-family:Bangers,Impact,sans-serif;font-size:calc(var(--u) * 2);letter-spacing:.05em;color:#fff;-webkit-text-stroke:.14em var(--ink);paint-order:stroke fill;white-space:nowrap}.toast .t em{color:var(--hc,var(--yellow));font-style:normal}.toast.block{background:var(--blue)}.toast.good{background:#1fb85c}@keyframes toastIn{0%{opacity:0;transform:skew(-10deg)translate(-60%)scale(1.4)}}@keyframes toastOut{to{opacity:0;transform:skew(-10deg)translate(-30%)}}.laptime{left:50%;top:calc(var(--u) * 1.6);flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%)}.lap{font-size:calc(var(--u) * 3.6);color:#fff;white-space:nowrap;transform:rotate(-2deg)}.lap .n{color:var(--yellow);display:inline-block}.lap.bump .n{animation:.4s cubic-bezier(.3,1.8,.5,1) pop}.rtime{margin-top:calc(var(--u) * .3);background:var(--ink);color:#fff;font-weight:900;font-size:calc(var(--u) * 1.6);letter-spacing:.04em;border-radius:calc(var(--u) * .3);font-variant-numeric:tabular-nums;padding:.05em .7em;transform:skew(-8deg)}.split{margin-top:calc(var(--u) * .4);background:var(--yellow);border:var(--b);font-weight:900;font-size:calc(var(--u) * 1.2);font-variant-numeric:tabular-nums;padding:.05em .6em;animation:.3s cubic-bezier(.25,2,.45,1) both toastIn,.4s ease-in 2.6s forwards toastOut}.split.best{background:var(--violet);color:#fff}.minimap{left:calc(var(--u) * 1.8);bottom:calc(var(--u) * 1.8);width:calc(var(--u) * 27);height:calc(var(--u) * 17);border:calc(var(--bw) * 1.3) solid var(--ink);background:radial-gradient(circle, #ffffff1a 24%, transparent 26%) 0 0 / calc(var(--u) * .6) calc(var(--u) * .6), #1b17339e;box-shadow:calc(var(--u) * .45) calc(var(--u) * .45) 0 var(--ink);border-radius:calc(var(--u) * .6);position:absolute;overflow:hidden;transform:rotate(1deg)}.minimap canvas{width:100%;height:100%;display:block}.pos{right:calc(var(--u) * 2.4);bottom:calc(var(--u) * .6);transform-origin:100% 100%;align-items:flex-start;display:flex;position:absolute;transform:rotate(-4deg)}.pos .num{font-size:calc(var(--u) * 15);color:var(--pc,var(--yellow));-webkit-text-stroke:.1em var(--ink);text-shadow:.05em .06em 0 var(--ink), .08em .09em 0 #1b173359;line-height:.9}.pos .suf{font-size:calc(var(--u) * 5.5);color:var(--pc,var(--yellow));margin-top:calc(var(--u) * 1.4);margin-left:calc(var(--u) * .2)}.pos .of{right:calc(var(--u) * .3);bottom:calc(var(--u) * 1.7);font-size:calc(var(--u) * 2);color:#fff;position:absolute}.pos.up .num,.pos.up .suf{animation:.55s cubic-bezier(.25,2,.45,1) posUp}.pos.down .num,.pos.down .suf{animation:.55s ease-out posDown}@keyframes posUp{0%{color:#3ddc84;transform:scale(1.6)rotate(-8deg)}60%{color:#3ddc84}}@keyframes posDown{0%,40%{color:#ff4d4d}10%{transform:translate(-6%)rotate(4deg)}20%{transform:translate(5%)rotate(-3deg)}30%{transform:translate(-3%)}}.center{place-items:center;display:grid;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.cd{width:calc(var(--u) * 26);height:calc(var(--u) * 26);margin:calc(var(--u) * -13) 0 0 calc(var(--u) * -13);place-items:center;animation:.9s cubic-bezier(.2,1.8,.4,1) both cdSlam;display:grid;position:absolute;top:40%;left:50%}.cd .burst{animation:.9s ease-out both cdBurst}.cd .txt{font-size:calc(var(--u) * 17);color:#fff;padding-top:.08em;position:relative}.cd.go{width:calc(var(--u) * 40);margin-left:calc(var(--u) * -20);animation:1s cubic-bezier(.2,1.8,.4,1) both goSlam}.cd.go .txt{font-size:calc(var(--u) * 16);color:var(--green)}@keyframes cdSlam{0%{opacity:0;transform:scale(3)rotate(-18deg)}22%{opacity:1;transform:scale(.9)rotate(3deg)}32%{transform:scale(1.05)rotate(-2deg)}80%{opacity:1;transform:scale(1)rotate(0)}to{opacity:0;transform:scale(.7)}}@keyframes goSlam{0%{opacity:0;transform:scale(3)rotate(12deg)}20%{opacity:1;transform:scale(.9)}70%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(2.4)}}@keyframes cdBurst{0%{transform:rotate(-30deg)scale(.5)}to{transform:rotate(10deg)scale(1.05)}}.banner{padding:calc(var(--u) * .8) calc(var(--u) * 3.5);font-size:calc(var(--u) * 6.5);white-space:nowrap;color:#fff;animation:2.2s cubic-bezier(.2,1.6,.4,1) both bannerIn;position:absolute;top:27%;left:50%;transform:translate(-50%)}.banner:before{content:"";z-index:-1;background:var(--bg,var(--red));background-image:var(--dots-w);background-size:calc(var(--u) * .8) calc(var(--u) * .8);border:calc(var(--bw) * 1.5) solid var(--ink);box-shadow:calc(var(--u) * .6) calc(var(--u) * .6) 0 var(--ink);position:absolute;inset:0;transform:skew(-12deg)rotate(-2deg)}.banner{isolation:isolate}@keyframes bannerIn{0%{transform:translate(-160%)skew(-20deg)}14%{transform:translate(-46%)skew(6deg)}22%,82%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(80%)skew(-20deg)}}.banner.final{--bg:var(--violet);color:var(--yellow)}.wrongway{align-items:center;gap:calc(var(--u) * 1.5);font-size:calc(var(--u) * 6);color:#fff;padding:calc(var(--u) * .8) calc(var(--u) * 2.8);isolation:isolate;display:none;position:absolute;top:30%;left:50%;transform:translate(-50%)}.wrongway:before{content:"";z-index:-1;background:repeating-linear-gradient(-45deg, var(--red) 0 calc(var(--u) * 2), #ff6b6b calc(var(--u) * 2) calc(var(--u) * 4));border:calc(var(--bw) * 1.5) solid var(--ink);box-shadow:calc(var(--u) * .6) calc(var(--u) * .6) 0 var(--ink);position:absolute;inset:0;transform:skew(-10deg)}.wrongway.on{animation:.5s step-end infinite wwFlash;display:flex}.wrongway svg{width:calc(var(--u) * 6);height:calc(var(--u) * 6)}@keyframes wwFlash{50%{filter:brightness(1.35);transform:translate(-50%)scale(1.04)}}.finish{width:calc(var(--u) * 56);height:calc(var(--u) * 34);margin:calc(var(--u) * -17) 0 0 calc(var(--u) * -28);place-items:center;animation:3.2s cubic-bezier(.2,1.6,.4,1) both finishSlam;display:grid;position:absolute;top:42%;left:50%}.finish .txt{text-align:center;color:#fff;font-size:calc(var(--u) * 5);position:relative}.finish .place{font-size:calc(var(--u) * 15);color:var(--pc,var(--yellow));display:block}.finish .flag{height:calc(var(--u) * 4);background:repeating-conic-gradient(var(--ink) 0 25%, #fff 0 50%) 0 0 / calc(var(--u) * 4) calc(var(--u) * 4);border:var(--b);z-index:-1;position:absolute;top:44%;left:-10%;right:-10%;transform:rotate(-8deg)}@keyframes finishSlam{0%{opacity:0;transform:scale(3)rotate(-14deg)}10%{opacity:1;transform:scale(.92)rotate(2deg)}16%{transform:scale(1.03)}88%{opacity:1;transform:none}to{opacity:0;transform:scale(.8)translateY(-20%)}}.namecard{align-items:center;gap:calc(var(--u) * 1.5);padding:calc(var(--u) * 1) calc(var(--u) * 4) calc(var(--u) * 1) calc(var(--u) * 4);isolation:isolate;animation:1.7s cubic-bezier(.2,1.4,.4,1) both nameIn;display:flex;position:absolute;top:25%;left:0}.namecard:before{content:"";z-index:-1;background:radial-gradient(circle, #1b173329 24%, transparent 26%) 0 0 / calc(var(--u) * .8) calc(var(--u) * .8), linear-gradient(100deg, var(--hc) 0 70%, var(--hc2) 70%);border:calc(var(--bw) * 1.5) solid var(--ink);box-shadow:calc(var(--u) * .6) calc(var(--u) * .6) 0 var(--ink);position:absolute;inset:0 0 0 -20%;transform:skew(-14deg)}.namecard .portrait{width:calc(var(--u) * 10);height:calc(var(--u) * 10);background-color:var(--paper)}.namecard .nc-name{font-size:calc(var(--u) * 6.5);color:#fff}.namecard .nc-sub{text-transform:uppercase;letter-spacing:.1em;font-weight:900;font-size:calc(var(--u) * 1.3);color:#fff;text-shadow:0 .12em 0 var(--ink), .08em 0 0 var(--ink), -.08em 0 0 var(--ink);margin-top:calc(var(--u) * .4)}.namecard .nc-grid{font-size:calc(var(--u) * 3.2);color:var(--yellow);margin-left:calc(var(--u) * 2)}@keyframes nameIn{0%{transform:translate(-110%)}18%{transform:translate(3%)}26%,84%{opacity:1;transform:none}to{opacity:0;transform:translate(-110%)}}.pop-msg{font-size:calc(var(--u) * 4);color:var(--yellow);white-space:nowrap;animation:1.3s cubic-bezier(.2,1.8,.4,1) both popMsg;position:absolute;top:60%;left:50%;transform:translate(-50%)}.pop-msg.bad{color:#bdb6d9}@keyframes popMsg{0%{opacity:0;transform:translate(-50%)scale(.2)rotate(-10deg)}20%{opacity:1;transform:translate(-50%)scale(1.15)rotate(3deg)}30%,75%{opacity:1;transform:translate(-50%)scale(1)rotate(-2deg)}to{opacity:0;transform:translate(-50%)translateY(-60%)scale(.9)}}.gotyou{align-items:center;gap:calc(var(--u) * .8);padding:calc(var(--u) * .4) calc(var(--u) * 1.8) calc(var(--u) * .4) calc(var(--u) * .5);isolation:isolate;animation:1.9s cubic-bezier(.2,1.8,.4,1) both gotIn;display:flex;position:absolute;top:19%;left:50%;transform:translate(-50%)}.gotyou:before{content:"";z-index:-1;border:calc(var(--bw) * 1.3) solid var(--ink);box-shadow:calc(var(--u) * .45) calc(var(--u) * .45) 0 var(--ink);background:#fff;position:absolute;inset:0;transform:skew(-10deg)}.gotyou .portrait{width:calc(var(--u) * 4.4);height:calc(var(--u) * 4.4)}.gotyou .t{font-size:calc(var(--u) * 3.2);color:var(--hc,var(--red));white-space:nowrap}.gotyou .picon{width:calc(var(--u) * 3.4);height:calc(var(--u) * 3.4)}@keyframes gotIn{0%{opacity:0;transform:translate(-50%)scale(2)rotate(8deg)}12%{opacity:1;transform:translate(-50%)scale(.95)rotate(-2deg)}85%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-40%)}}.hitdir{width:0;height:0;animation:1.6s ease-in both fadeOut;position:absolute;top:50%;left:50%}.hitdir i{left:calc(var(--u) * -3.2);top:calc(var(--u) * -21);width:calc(var(--u) * 6.4);height:calc(var(--u) * 5.4);animation:.25s ease-in-out infinite alternate hitPulse;position:absolute}.hitdir i svg{width:100%;height:100%;filter:drop-shadow(0 calc(var(--u) * .3) 0 #1b173399);overflow:visible}@keyframes hitPulse{to{transform:translateY(calc(var(--u) * -.8))}}@keyframes fadeOut{0%,60%{opacity:1}to{opacity:0}}.incoming{height:calc(var(--u) * 12);position:absolute;bottom:0;left:0;right:0}.inc{left:0;bottom:calc(var(--u) * 4);width:calc(var(--u) * 6);height:calc(var(--u) * 6);margin-left:calc(var(--u) * -3);place-items:center;display:grid;position:absolute}.inc .core{width:calc(var(--u) * 5);height:calc(var(--u) * 5);border:calc(var(--bw) * 1.3) solid var(--ink);box-shadow:0 0 0 calc(var(--u) * .3) var(--hc,var(--red));background:#fff;border-radius:50%;place-items:center;animation:.35s ease-in-out infinite alternate incPulse;display:grid}.inc .core .picon{width:78%;height:78%}.inc .ring{width:calc(var(--u) * 5);height:calc(var(--u) * 5);margin:calc(var(--u) * -2.5) 0 0 calc(var(--u) * -2.5);border:calc(var(--u) * .45) solid var(--hc,var(--red));outline:var(--bw) solid var(--ink);transform:scale(var(--r,2));border-radius:50%;position:absolute;top:50%;left:50%}.inc .arrow{top:calc(var(--u) * -2.2);margin-left:calc(var(--u) * -1);width:calc(var(--u) * 2);height:calc(var(--u) * 1.4);background:var(--hc,var(--red));clip-path:polygon(50% 100%,0 0,100% 0);position:absolute;left:50%}@keyframes incPulse{to{transform:scale(1.12)}}.nemesis-warn{display:none;position:absolute;inset:0}.nemesis-warn.on{display:block}.nemesis-warn:before{content:"";box-shadow:inset 0 0 calc(var(--u) * 6) calc(var(--u) * 2) #8b3dffbf;animation:.3s step-end infinite nemEdge;position:absolute;inset:0}.nemesis-warn .msg{left:50%;bottom:calc(var(--u) * 11);align-items:center;gap:calc(var(--u) * 1);font-size:calc(var(--u) * 3.8);color:#fff;white-space:nowrap;padding:calc(var(--u) * .4) calc(var(--u) * 2);isolation:isolate;animation:.3s step-end infinite wwFlash2;display:flex;position:absolute;transform:translate(-50%)}.nemesis-warn .msg:before{content:"";z-index:-1;background:repeating-linear-gradient(-45deg, var(--violet) 0 calc(var(--u) * 1.5), var(--ink) calc(var(--u) * 1.5) calc(var(--u) * 3));border:calc(var(--bw) * 1.5) solid var(--ink);box-shadow:0 0 0 calc(var(--u) * .3) var(--gold);position:absolute;inset:0;transform:skew(-10deg)}.nemesis-warn .msg .picon{width:calc(var(--u) * 5);height:calc(var(--u) * 5)}.nemesis-warn .eta{color:var(--gold);font-variant-numeric:tabular-nums;font-size:.7em}@keyframes nemEdge{50%{opacity:.35}}@keyframes wwFlash2{50%{filter:brightness(1.4)}}.plates{position:absolute;inset:0}.plate{align-items:center;gap:calc(var(--u) * .3);white-space:nowrap;font-weight:900;font-size:calc(var(--u) * 1.2);color:#fff;background:var(--ink);border:var(--bw) solid var(--hc,#fff);border-radius:calc(var(--u) * .3);will-change:transform, opacity;padding:.1em .6em;display:flex;position:absolute;top:0;left:0}.plate:after{content:"";left:50%;bottom:calc(var(--u) * -.7);margin-left:calc(var(--u) * -.5);border:calc(var(--u) * .5) solid transparent;border-top-color:var(--hc,#fff);border-bottom:0;position:absolute}.plate .lag,.plate .cpu{display:none}.plate.stale .lag{width:calc(var(--u) * 1.5);height:calc(var(--u) * 1.5);animation:.4s ease-in-out infinite alternate pulse;display:inline-block}.plate .lag svg{width:100%;height:100%;display:block}.plate.taken .cpu{border-radius:calc(var(--u) * .2);color:var(--ink);background:#fff;margin-left:.2em;padding:0 .35em;font-size:.8em;display:inline-block}.spectate{left:50%;top:calc(var(--u) * 9.5);white-space:nowrap;display:none;position:absolute;transform:translate(-50%)rotate(-1deg)}.spectate.on{display:block}.kartmeter{align-items:center;gap:calc(var(--u) * .6);opacity:0;will-change:transform;transition:opacity .15s;display:flex;position:absolute;top:0;left:0}.kartmeter.on{opacity:1}.kartmeter .tiers{gap:calc(var(--u) * .25);display:flex}.kartmeter .tiers i{width:calc(var(--u) * 2);height:calc(var(--u) * 1.1);border:var(--bw) solid var(--ink);clip-path:polygon(0 0,70% 0,100% 50%,70% 100%,0 100%,30% 50%);background:#ffffff40;position:relative;overflow:hidden}.kartmeter .tiers i>b{background:var(--tc,#3d8bff);width:0;position:absolute;inset:0 auto 0 0}.kartmeter .tiers i.full{background:var(--tc,#3d8bff)}.kartmeter .tiers i.t1{--tc:#3d8bff}.kartmeter .tiers i.t2{--tc:#ff9d1f}.kartmeter .tiers i.t3{--tc:#d34dff}.kartmeter.tierup .tiers{animation:.25s cubic-bezier(.3,1.8,.5,1) pop}.kartmeter .slip{width:calc(var(--u) * 2.2);height:calc(var(--u) * 2.2);display:none}.kartmeter .slip.on{display:block}.kartmeter .slip.ready{animation:.2s ease-in-out infinite alternate pulse}.cutins{align-items:flex-end;gap:calc(var(--u) * 1);flex-direction:column;display:flex;position:absolute;top:30%;right:0}.cutin{align-items:center;gap:calc(var(--u) * 1.2);padding:calc(var(--u) * .6) calc(var(--u) * 3) calc(var(--u) * .6) calc(var(--u) * 2.5);isolation:isolate;animation:.8s cubic-bezier(.2,1.5,.4,1) both cutIn;display:flex;position:relative}.cutin:before{content:"";z-index:-1;background:repeating-linear-gradient(-70deg, #ffffff47 0 calc(var(--u) * .3), transparent calc(var(--u) * .3) calc(var(--u) * 2.2)), linear-gradient(100deg, var(--hc) 0 65%, var(--hc2) 65%);border:calc(var(--bw) * 1.5) solid var(--ink);box-shadow:calc(var(--u) * -.5) calc(var(--u) * .5) 0 var(--ink);position:absolute;inset:0 -20% 0 0;transform:skew(-18deg)}.cutin .portrait{width:calc(var(--u) * 7.5);height:calc(var(--u) * 7.5);background-color:var(--paper);transform:rotate(-6deg)}.cutin .ci-txt{flex-direction:column;display:flex}.cutin .ci-who{font-size:calc(var(--u) * 2.1);color:#fff}.cutin .ci-pow{font-size:calc(var(--u) * 3.6);color:var(--yellow);white-space:nowrap}.cutin .picon{width:calc(var(--u) * 5);height:calc(var(--u) * 5);filter:drop-shadow(calc(var(--u) * .2) calc(var(--u) * .2) 0 var(--ink))}@keyframes cutIn{0%{transform:translate(110%)skew(-10deg)}10%{transform:translate(-5%)}16%,84%{transform:none}to{transform:translate(110%)}}.intro{display:none;position:absolute;inset:0}.intro.on{display:block}.intro .bars:before,.intro .bars:after{content:"";background:var(--ink);height:9%;animation:.5s ease-out both barIn;position:absolute;left:0;right:0}.intro .bars:before{top:0}.intro .bars:after{bottom:0}@keyframes barIn{0%{transform:scaleY(0)}}.intro .cap{left:calc(var(--u) * 4);align-items:flex-start;gap:calc(var(--u) * .6);flex-direction:column;display:flex;position:absolute;top:13%}.intro .cap .caption{font-size:calc(var(--u) * 1.3)}.intro .cap .bang{font-size:calc(var(--u) * 6);color:#fff}.intro .cap.swap{animation:.4s cubic-bezier(.2,1.4,.4,1) both slideIn}.intro .skip{right:calc(var(--u) * 3);bottom:calc(9% + var(--u) * 1.5);position:absolute}.intro .track-title{left:50%;bottom:calc(9% + var(--u) * 2);font-size:calc(var(--u) * 3);color:var(--yellow);white-space:nowrap;position:absolute;transform:translate(-50%)rotate(-2deg)}.wipe{background:radial-gradient(circle, #ffd60a66 24%, transparent 27%) 0 0 / calc(var(--u) * 1.2) calc(var(--u) * 1.2), var(--ink);pointer-events:none;z-index:50;position:absolute;inset:-10%;transform:translate(-120%)skew(-18deg)}.wipe.run{animation:.5s cubic-bezier(.7,0,.3,1) both wipe}@keyframes wipe{0%{transform:translate(-120%)skew(-18deg)}45%,55%{transform:translate(0)skew(-18deg)}to{transform:translate(120%)skew(-18deg)}}