@font-face{font-family:Lilita One;src:url(/fonts/lilita-one.woff2)format("woff2");font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/nunito.woff2)format("woff2");font-weight:200 1000;font-display:swap}*{box-sizing:border-box}html,body{color:#fff;-webkit-user-select:none;user-select:none;touch-action:none;background:#0b0818;height:100%;margin:0;font-family:Nunito,system-ui,sans-serif;overflow:hidden}#stage{width:min(100vw,177.778vh);height:min(100vh,56.25vw);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);container-type:size}#game{background:#140e2a;width:100%;height:100%;display:block}#ui{font-size:1.25cqw;position:absolute;inset:0}.loading{background:radial-gradient(at 50% 40%,#2a1f5c,#140e2a 70%);flex-direction:column;justify-content:center;align-items:center;gap:6%;display:flex;position:absolute;inset:0}.loading img{width:44%;transform:rotate(-2deg)}.fade{pointer-events:none;z-index:40;background:#0b0818;animation:.5s ease-out forwards fade-out;position:absolute;inset:0}@keyframes fade-out{to{opacity:0}}.loading-bar{background:#ffffff1f;border-radius:1em;width:30%;height:1.2em;overflow:hidden}.loading-bar i{background:linear-gradient(#ffe07a,#ff9a3a);border-radius:1em;width:0;height:100%;transition:width .15s;display:block}#ui{--gold:#ffe07a;--ink:#140e2a;--panel:#1a1336f0;color:#fff}#ui.ingame{pointer-events:none}#ui.ingame .pause,#ui.ingame .toast{pointer-events:auto}.screen{position:absolute;inset:0;overflow:hidden}.title-art{background:#1a1238 url(/ui/title.webp) 50% 62%/cover no-repeat;animation:24s ease-in-out infinite alternate drift;position:absolute;inset:-2%}.title-art.dim{filter:blur(.5em)brightness(.55)saturate(1.1);inset:-4%}.title-shade{background:linear-gradient(#1008288c,#10082800 34% 62%,#0c061ed1);position:absolute;inset:0}.title-shade.strong{background:radial-gradient(at 50% 40%,#10082840,#0a051ac7)}@keyframes drift{0%{transform:scale(1.02)translate(-.6%)}to{transform:scale(1.06)translate(.6%,-.8%)}}.logo{filter:drop-shadow(0 .5em .9em #080418b3);pointer-events:none;width:50%;animation:.7s cubic-bezier(.2,1.6,.4,1) both logo-in,4s ease-in-out .7s infinite alternate bob;position:absolute;top:3%;left:50%;transform:translate(-50%)rotate(-2deg)}.logo.small{width:26%;animation:none;top:3%;left:4%;transform:rotate(-3deg)}@keyframes logo-in{0%{opacity:0;transform:translate(-50%)rotate(-10deg)scale(.3)}}@keyframes bob{0%{transform:translate(-50%)rotate(-2deg)translateY(0)}to{transform:translate(-50%)rotate(-1deg)translateY(-1.5%)}}.tagline{text-align:center;letter-spacing:.03em;text-shadow:0 .12em 0 var(--ink), 0 0 .6em #080418e6;font:400 1.9em Lilita One,sans-serif;position:absolute;top:36%;left:0;right:0}.press{text-align:center;color:var(--gold);text-shadow:0 .1em 0 var(--ink), 0 0 .5em #080418e6;-webkit-text-stroke:.05em var(--ink);paint-order:stroke fill;font:400 2.5em Lilita One,sans-serif;animation:1.1s ease-in-out infinite alternate blink;position:absolute;bottom:11%;left:0;right:0}@keyframes blink{0%{opacity:.7;transform:scale(.98)}to{opacity:1;transform:scale(1.03)}}.credit{text-align:center;opacity:.75;text-shadow:0 .1em .3em #000;font-weight:800;position:absolute;bottom:4%;left:0;right:0}.big-btn{border:.14em solid var(--ink);color:#fff;letter-spacing:.02em;text-align:left;cursor:pointer;width:100%;box-shadow:0 .22em 0 var(--ink);text-shadow:0 .08em #080418cc;background:linear-gradient(#3a2d78,#2a1f5c);border-radius:.7em;padding:.42em 1em .5em;font:400 1.75em Lilita One,sans-serif;transition:transform 80ms,background .1s;display:block}.big-btn.small{width:auto;font-size:1.15em}.big-btn.focus,.big-btn:hover{color:var(--ink);text-shadow:none;background:linear-gradient(#ffe68a,#ff9d2e);transform:translate(.5em)rotate(-1deg)}.big-btn.go{text-align:center;background:linear-gradient(#63e07a,#1f9d48)}.big-btn.go.focus,.big-btn.go:hover{background:linear-gradient(#b8ff9a,#49d06a);transform:scale(1.04)rotate(-1deg)}.big-btn.pulse{animation:.7s ease-in-out infinite alternate pulse}@keyframes pulse{to{filter:brightness(1.15);transform:scale(1.05)}}.main-list{flex-direction:column;gap:.6em;width:27%;display:flex;position:absolute;top:25%;left:5%}.main-list .big-btn{font-size:1.6em}.main-info{text-shadow:0 .1em .3em #000;width:34%;font-size:1.2em;font-weight:800;line-height:1.35;position:absolute;bottom:3.5%;left:5%}.screen.main .title-art.dim{filter:brightness(.85);background-position:0 62%;inset:-2% -2% -2% 22%}.screen.main .title-shade.strong{background:linear-gradient(90deg,#0e0722f5 22%,#0e072280 46%,#0e072200 70%)}.panel-screen{place-items:center;display:grid}.panel{background:var(--panel);border:.16em solid var(--ink);border-radius:1.6em;outline:.12em solid #ffe07a8c;width:44%;max-height:92%;padding:1.6em 2em 1.4em;animation:.22s cubic-bezier(.2,1.4,.4,1) both pop;position:relative;box-shadow:0 1em 3em #04020eb3}.panel.wide{width:74%}@keyframes pop{0%{opacity:0;transform:scale(.92)translateY(1.5%)}}.panel h1{color:var(--gold);text-shadow:0 .09em 0 var(--ink);transform-origin:0;margin:0 0 .2em;font:400 2.6em Lilita One,sans-serif;transform:rotate(-1.5deg)}.panel h3{margin:0 0 .3em;font:400 1.2em Lilita One,sans-serif}.panel .sub{opacity:.85;margin:0 0 1em;font-weight:700;line-height:1.35}.hint{opacity:.55;text-align:center;margin-top:1em;font-size:.8em;font-weight:800}.opt-list{flex-direction:column;gap:.55em;display:flex}.opt-row{cursor:pointer;background:#ffffff12;border:.12em solid #0000;border-radius:.8em;align-items:center;gap:.6em;padding:.5em .9em;font-size:1.15em;font-weight:800;display:flex}.opt-row.small{padding:.28em .7em;font-size:.95em}.opt-row.focus{border-color:var(--gold);background:#ffe07a29}.opt-label{flex:1}.opt-val{text-align:center;min-width:9em;color:var(--gold);font:400 1.1em Lilita One,sans-serif}.opt-arrow{opacity:.6;padding:0 .3em}.opt-row.focus .opt-arrow{opacity:1}.mode-tabs{gap:.5em;margin-bottom:.8em;display:flex}.chip{color:#fff;white-space:nowrap;background:#ffffff1f;border:0;border-radius:2em;padding:.3em .8em;font:800 .95em Nunito,sans-serif;display:inline-block}.chip.on{background:var(--gold);color:var(--ink)}.chip.link{cursor:pointer;background:#fff3}.chip.link:hover{background:var(--gold);color:var(--ink)}.field{align-items:center;gap:.8em;font-size:1.1em;font-weight:800;display:flex}.field span{width:6.5em}.text{border:.14em solid var(--ink);color:var(--ink);-webkit-user-select:text;user-select:text;background:#fff;border-radius:.7em;outline:none;flex:1;padding:.5em .8em;font:800 1.1em Nunito,sans-serif}.text:focus{border-color:#ff9d2e}.text.code{letter-spacing:.5em;text-transform:uppercase;text-align:center;font-family:Lilita One,sans-serif;font-size:1.5em}.or{text-align:center;opacity:.6;margin:.3em 0;font-weight:800}kbd{min-width:1.5em;color:var(--ink);text-align:center;background:#fff;border-radius:.4em;margin:0 .12em;padding:.05em .4em;font:800 .9em Nunito,sans-serif;display:inline-block;box-shadow:0 .15em #9a94b8}.lobby-head{align-items:center;gap:.8em;display:flex;position:absolute;top:2.5%;left:2%;right:2%}.lobby-head .chips{flex-wrap:wrap;flex:1;gap:.4em;display:flex}.head-right{align-items:center;gap:.7em;display:flex}.room-code{letter-spacing:.18em;color:var(--gold);text-shadow:0 .08em 0 var(--ink);font:400 2.1em Lilita One,sans-serif}.room-code small{letter-spacing:.1em;color:#fff;opacity:.7;vertical-align:middle;margin-right:.8em;font:800 .38em Nunito,sans-serif}.slots{grid-template-columns:repeat(6,1fr);gap:.9em;height:47%;display:grid;position:absolute;top:10.5%;left:2%;right:2%}.slot{border:.16em solid var(--ink);text-align:center;border-radius:1.2em;position:relative;overflow:hidden}.slot.empty{background:#140e2c99;border-style:dashed;border-color:#ffffff47;flex-direction:column;justify-content:center;display:flex}.slot.filled{background:linear-gradient(color-mix(in srgb, var(--h) 62%, #1a1238), #1a1238 78%);box-shadow:0 .3em 0 var(--ink);animation:.2s both pop}.slot.mine{outline:.18em solid var(--c)}.slot-tag{background:var(--c);color:var(--ink);z-index:2;text-overflow:ellipsis;white-space:nowrap;border-bottom-right-radius:.7em;max-width:80%;padding:.1em .7em .15em;font:400 1.15em Lilita One,sans-serif;position:absolute;top:0;left:0;overflow:hidden}.slot-dev{opacity:.75;font-size:.62em;font-weight:800;position:absolute;top:.4em;right:.5em}.slot-art{justify-content:center;align-items:flex-end;height:54%;margin-top:11%;display:flex}.spr{filter:drop-shadow(0 .4em .3em #08041880);width:auto;height:100%}.slot-name{text-shadow:0 .08em 0 var(--ink);margin-top:.1em;font:400 1.9em/1 Lilita One,sans-serif}.slot-title{opacity:.85;font-size:.82em;font-weight:800}.slot.mine .slot-art{height:46%}.slot-hint{opacity:.92;font-size:.68em;font-weight:800;line-height:1.7;display:block;position:absolute;bottom:.5em;left:0;right:0}.slot-hint .chip{margin:0 .2em;font-size:1em}.stamp{color:#7dff8a;background:#0a1e10bf;border:.14em solid #7dff8a;border-radius:.4em;padding:.05em .5em;font:400 2em Lilita One,sans-serif;animation:.18s cubic-bezier(.2,1.8,.4,1) both stamp;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)rotate(-12deg)}.slot.filled.swap{animation:.16s ease-out both swap}@keyframes swap{0%{filter:brightness(1.5);transform:scale(.96)}}@keyframes stamp{0%{opacity:0;transform:translate(-50%,-50%)rotate(-12deg)scale(2.2)}}.team{border-radius:1em;margin-top:.2em;padding:.05em .7em;font:800 .7em Nunito,sans-serif;display:inline-block}.team.t0{background:#ff5a4a}.team.t1{background:#4aa8ff}.join b{color:var(--gold);font:400 1.25em Lilita One,sans-serif;display:block}.join span{opacity:.8;font-weight:800}.join small{opacity:.7;margin-top:1em;font-size:.7em;font-weight:700;line-height:2;display:block}.addcpu{position:absolute;bottom:.7em;left:50%;transform:translate(-50%)}.hero-detail{background:var(--panel);border:.16em solid var(--ink);border-radius:1.2em;gap:1.2em;height:27%;padding:.9em 1.2em;display:flex;position:absolute;top:59.5%;left:2%;right:2%}.hd-main{width:30%}.hd-name{text-shadow:0 .08em 0 var(--ink);font:400 2.2em/1 Lilita One,sans-serif}.hd-name small{color:#fff;opacity:.8;margin-left:.7em;font:800 .4em Nunito,sans-serif}.hd-blurb{opacity:.9;margin:.4em 0 .5em;font-size:.86em;font-weight:700;line-height:1.3}.stats{grid-template-columns:1fr 1fr;gap:.2em 1.2em;display:grid}.stat{justify-content:space-between;align-items:center;font-size:.78em;font-weight:800;display:flex}.pips{gap:.2em;display:flex}.pips i{background:#ffffff29;border-radius:.2em;width:.9em;height:.5em}.pips i.on{background:var(--gold)}.hd-moves{flex:1;grid-template-columns:1fr 1fr;align-content:start;gap:.35em 1.2em;display:grid}.mv{font-size:.8em;line-height:1.25}.mv b{color:var(--gold);margin:0 .5em;font:400 1.2em Lilita One,sans-serif}.mv span{color:#8ad0ff;font-size:.85em;font-weight:800}.mv p{opacity:.85;margin:.1em 0 0;font-weight:700}.mv kbd{font-size:.8em}.lobby-foot{place-items:center;height:9%;display:grid;position:absolute;bottom:2.5%;left:0;right:0}.lobby-foot .big-btn{width:34%}.foot-msg{opacity:.85;text-shadow:0 .08em 0 var(--ink);font:400 1.5em Lilita One,sans-serif}.ctls{grid-template-columns:repeat(3,1fr);gap:1em;margin-bottom:1em;display:grid}.ctl{background:#ffffff12;border-radius:.9em;padding:.7em 1em;font-weight:800;line-height:1.9}.tips{grid-template-columns:1fr 1fr;gap:.5em 1.6em;margin-bottom:1.1em;font-size:.9em;font-weight:700;line-height:1.35;display:grid}.tips b{color:var(--gold);margin-right:.5em;font:400 1.15em Lilita One,sans-serif}.panel.wide>.big-btn{text-align:center;width:30%;margin:0 auto}.keys{grid-template-columns:1fr 1fr;gap:.2em 1.4em;display:grid}.keys>div{flex-direction:column;gap:.2em;display:flex}.pause{-webkit-backdrop-filter:blur(.25em);backdrop-filter:blur(.25em);background:#080418a8;place-items:center;display:grid;position:absolute;inset:0}.pause .panel{width:34%}.pause .panel.wide{width:80%}.ml{gap:1.4em;margin-bottom:1em;display:flex}.ml-col{flex-direction:column;flex:1;gap:.5em;display:flex}.toast{background:var(--ink);border:.12em solid var(--gold);z-index:20;white-space:nowrap;border-radius:2em;padding:.5em 1.3em;font-weight:800;animation:.2s both pop;position:absolute;top:13%;left:50%;transform:translate(-50%)}.touch{pointer-events:none;z-index:30;font-size:1.25cqw;position:absolute;inset:0}.touch>*{pointer-events:auto;touch-action:none}.t-stick{aspect-ratio:1;background:#ffffff1a;border:.15em solid #ffffff59;border-radius:50%;width:19%;position:absolute;bottom:5%;left:2.5%}.t-stick i{pointer-events:none;background:#ffffff80;border-radius:50%;width:40%;height:40%;position:absolute;top:30%;left:30%}.t-btn{aspect-ratio:1;color:#fff;background:#ffffff24;border:.15em solid #ffffff80;border-radius:50%;width:9.5%;font:400 2.2em Lilita One,sans-serif;position:absolute}.t-btn.on{background:#ffe07a99;transform:scale(.94)}.t-a{background:#ff6e504d;width:11.5%;bottom:8%;right:3%}.t-j{background:#5ac8ff4d;bottom:4%;right:15.5%}.t-g{background:#78e68c4d;bottom:31%;right:5%}.t-pause{aspect-ratio:1;color:#fff;background:#140e2c99;border:0;border-radius:.6em;width:4%;font:800 1.1em Nunito,sans-serif;position:absolute;top:14%;right:1.2%}.t-rotate{text-align:center;pointer-events:auto;background:#140e2a;place-items:center;font:400 2.4em Lilita One,sans-serif;display:none;position:absolute;inset:0}@media (orientation:portrait) and (pointer:coarse){.t-rotate{font-size:6vw;display:grid}}.ready-btn{border:.14em solid var(--ink);color:#fff;white-space:nowrap;cursor:pointer;width:86%;box-shadow:0 .2em 0 var(--ink);background:linear-gradient(#63e07a,#1f9d48);border-radius:.7em;margin:0 auto .35em;padding:.3em .4em .4em;font:400 1.6em Lilita One,sans-serif;animation:.7s ease-in-out infinite alternate pulse;display:block}.ready-btn kbd{font-size:.8em}.ml-col h3 small{color:#fff;opacity:.7;font:800 .6em Nunito,sans-serif}.mv.basic{opacity:.85}.mv.basic span{color:#fff;margin-left:.5em}.panel.abil .ml{flex-wrap:wrap;gap:.8em 1.4em}.panel.abil.n6 .ml-col,.panel.abil.n5 .ml-col,.panel.abil.n4 .ml-col{flex:0 0 calc(33.3% - 1em)}.panel.abil.n6,.panel.abil.n5,.panel.abil.n4{width:92%;padding-top:1em;font-size:.82em}.panel.abil.n6 .mv p,.panel.abil.n5 .mv p,.panel.abil.n4 .mv p{display:none}.pause .panel.abil{width:86%}.t-s{background:#ffdc5a4d;bottom:27%;right:16.5%}.t-t{background:#c88cff47;width:6.5%;font-size:1.6em;bottom:8%;right:27%}kbd.padkey{box-shadow:none;color:#fff;background:0 0;min-width:0;padding:0}.pb{vertical-align:middle;background:radial-gradient(circle at 35% 30%,#4a4a58,#17171f 70%);border-radius:50%;place-items:center;width:1.55em;height:1.55em;margin:0 .05em;font:900 .95em/1 Nunito,sans-serif;display:inline-grid;box-shadow:0 .12em #000,inset 0 0 0 .08em #ffffff2e}.chip.mut{white-space:normal;background:#ff9d2e4d;max-width:30em}.presets{flex-wrap:wrap;align-items:center;gap:.4em;margin-bottom:.3em;display:flex}.presets .opt-label{margin-right:.4em;font-weight:800}.presets .x{opacity:.6;margin-left:.5em;font-style:normal}.presets .x:hover{opacity:1}.save-row{align-items:center;gap:.6em;margin-top:.3em;display:flex}.save-row .text{padding:.35em .7em;font-size:.95em}.mut-desc{min-height:2.6em}