@font-face{font-family:"Jersey 10";src:url(/fonts/jersey-10.woff2)format("woff2");font-display:block}:root{--px:2px;--ink:#000;--paper:#fff;--mist:#d8dce6;--mute:#6a7080;--night:#20202c;--font:"Jersey 10", monospace;--t1:calc(var(--px) * 10);--t2:calc(var(--px) * 15);--t3:calc(var(--px) * 20)}[hidden]{display:none!important}body.playing .front{display:none}.front{color:var(--ink);font:var(--t1) / 1 var(--font);-webkit-font-smoothing:none;-webkit-user-select:none;user-select:none;background:var(--night);position:fixed;inset:0;overflow:hidden}.front img,.front canvas,.sheet img,.sheet canvas{image-rendering:pixelated}:where(.front,.sheet) img{height:auto}:where(.front,.sheet) :is(h1,h2,h3,p){margin:0;font-weight:400}:where(.front,.sheet) :is(button,input){font:inherit;color:inherit}:where(.front,.sheet) :focus-visible{outline:none}.screen{position:absolute;inset:0;overflow:hidden auto}.win{--edge:var(--ink);margin:var(--px);background:var(--paper);box-shadow:0 calc(var(--px) * -1) var(--edge), 0 var(--px) var(--edge), calc(var(--px) * -1) 0 var(--edge), var(--px) 0 var(--edge), inset 0 calc(var(--px) * -1) var(--mist), 0 calc(var(--px) * 3) #00000047;position:relative}.pick{cursor:pointer;position:relative}.pick:before{content:"";top:50%;left:calc(var(--px) * -8);width:calc(var(--px) * 5);height:calc(var(--px) * 9);margin-top:calc(var(--px) * -5);image-rendering:pixelated;visibility:hidden;background:url(/front/icons/cursor.png) 0 0/100% 100%;position:absolute}.pick:focus:before{visibility:visible}.pick[aria-disabled=true]{cursor:default}.textbox{min-height:calc(var(--t1) * 2 + var(--px) * 16);padding:calc(var(--px) * 6) calc(var(--px) * 8);font-size:var(--t1);align-items:flex-start;line-height:1.15;display:flex;position:relative}.textbox p{max-width:70ch;padding-right:calc(var(--px) * 10);flex:1}.textbox:after{content:"";right:calc(var(--px) * 8);bottom:calc(var(--px) * 6);width:calc(var(--px) * 7);height:calc(var(--px) * 4);background:var(--ink);clip-path:polygon(0 0,100% 0,100% 25%,85.7% 25%,85.7% 50%,71.4% 50%,71.4% 75%,57.1% 75%,57.1% 100%,42.9% 100%,42.9% 75%,28.6% 75%,28.6% 50%,14.3% 50%,14.3% 25%,0 25%);visibility:hidden;position:absolute}.textbox.done:after{visibility:visible}.sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.key{min-height:calc(var(--px) * 18);padding:0 calc(var(--px) * 10);background:var(--paper);color:var(--ink);letter-spacing:var(--px);border:0;justify-content:center;align-items:center;display:inline-flex}.key-go,.key:focus,.key:hover{background:var(--ink);color:var(--paper)}.key-go:focus,.key-go:hover{box-shadow:0 calc(var(--px) * -1) var(--ink), 0 var(--px) var(--ink), calc(var(--px) * -1) 0 var(--ink), var(--px) 0 var(--ink), inset 0 0 0 var(--px) var(--ink), inset 0 0 0 calc(var(--px) * 2) var(--paper), 0 calc(var(--px) * 3) #00000047}.wipe{z-index:50;background:var(--ink);opacity:0;pointer-events:none;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.wipe.in{animation:.24s steps(4,end) forwards wipe}.wipe.out{animation:.24s steps(4,end) reverse forwards wipe}.pick:focus:before{animation:.5s step-end infinite bob}}@keyframes wipe{to{opacity:1}}@keyframes bob{50%{translate:var(--px) 0}}.title{--ground:30%;--feet:31%;--name:0px;--legal:calc(var(--px) * 12)}.t-stage{position:absolute;inset:0}.title .half-left .mascot,.title .half-right .mascot{margin-left:calc(var(--w) * var(--k) * -.5px);left:50%;right:auto}.title .era-name{display:none}.t-logo{top:calc(var(--px) * 10);line-height:0;position:absolute;left:50%;translate:-50%}.t-logo img{width:calc(var(--px) * 216);height:auto}.t-panel{left:50%;bottom:calc(var(--legal) + var(--px) * 48);gap:calc(var(--px) * 4);width:calc(var(--px) * 128);flex-direction:column;display:flex;position:absolute;translate:-50%}.title[data-mode=press] .t-panel{bottom:calc(var(--legal) + var(--px) * 28)}.t-press{padding:calc(var(--px) * 4) calc(var(--px) * 6);color:var(--paper);font-size:var(--t2);letter-spacing:calc(var(--px) * 2);text-shadow:var(--px) 0 var(--ink), calc(var(--px) * -1) 0 var(--ink), 0 var(--px) var(--ink), 0 calc(var(--px) * -1) var(--ink), var(--px) var(--px) var(--ink), calc(var(--px) * -1) var(--px) var(--ink), var(--px) calc(var(--px) * -1) var(--ink), calc(var(--px) * -1) calc(var(--px) * -1) var(--ink), 0 calc(var(--px) * 2) var(--ink), var(--px) calc(var(--px) * 2) var(--ink);background:0 0;border:0;align-self:center}.t-press:before{display:none}@media (prefers-reduced-motion:no-preference){.t-press{animation:1.1s step-end infinite blink}.drop .t-logo{animation:.9s steps(18,end) both drop}}@keyframes drop{0%{translate:-50% -160%}45%{translate:-50%}60%{translate:-50% -14%}75%{translate:-50%}86%{translate:-50% -5%}to{translate:-50%}}@keyframes blink{60%{opacity:0}}.t-opt{gap:calc(var(--px) * 3);padding:calc(var(--px) * 5) calc(var(--px) * 8) calc(var(--px) * 5) calc(var(--px) * 14);text-align:left;border:0;display:grid}.t-opt.pick:before{left:calc(var(--px) * 5);top:calc(var(--px) * 5 + var(--t1) / 2);margin-top:calc(var(--px) * -4)}.t-opt-name{letter-spacing:var(--px)}.t-stats{gap:calc(var(--px) * 2) calc(var(--px) * 8);color:var(--mute);grid-template-columns:auto 1fr;margin:0;display:grid}.t-stats dd{color:var(--ink);text-align:right;margin:0}.t-form{gap:calc(var(--px) * 2);padding:calc(var(--px) * 6) calc(var(--px) * 8);display:grid}.t-form-title{margin-bottom:calc(var(--px) * 2);font-size:var(--t2);letter-spacing:var(--px)}.t-form label{margin-top:calc(var(--px) * 2);color:var(--mute)}.t-form input{min-height:calc(var(--px) * 16);padding:0 calc(var(--px) * 4);background:var(--mist);box-shadow:inset 0 var(--px) var(--mute);-webkit-user-select:text;user-select:text;border:0;border-radius:0}.t-form input:focus{box-shadow:inset 0 var(--px) var(--mute), 0 0 0 var(--px) var(--ink);background:#fff8c8}.t-form-keys{gap:calc(var(--px) * 4);margin-top:calc(var(--px) * 5);grid-template-columns:1fr 1fr;display:grid}.t-form .key:before,.t-discord:before{display:none}.t-discord{margin-top:calc(var(--px) * 2);color:var(--paper);background:#5865f2;text-decoration:none}.t-box{left:50%;bottom:calc(var(--legal) + var(--px) * 6);width:min(calc(100% - var(--px) * 16), calc(var(--px) * 320));box-sizing:border-box;position:absolute;translate:-50%}.t-legal{justify-content:center;align-items:center;gap:calc(var(--px) * 10);height:var(--legal);background:var(--ink);color:#a4a8b4;font-size:calc(var(--px) * 8);display:flex;position:absolute;inset:auto 0 0}.t-legal a{color:inherit}@media (min-width:1101px) and (min-height:960px){.title .mascot{--k:var(--k3)}}@media (max-width:1100px){.title .mascot{--k:var(--k1)}}@media (max-width:760px){.title{--ground:45%;--feet:46%;--legal:calc(var(--px) * 22)}.title .mascot{--k:var(--k0)}.title .version{display:none}.t-logo img{width:calc(var(--px) * 162)}.t-panel{width:calc(100% - var(--px) * 24);bottom:calc(var(--legal) + var(--px) * 66)}.title[data-mode=press] .t-panel{bottom:calc(var(--legal) + var(--px) * 50)}.t-legal{align-content:center;gap:0 calc(var(--px) * 6);padding:0 calc(var(--px) * 6);font-size:calc(var(--px) * 7);text-align:center;flex-wrap:wrap}.t-legal span:nth-child(2){order:-1;width:100%}}:root{--world-bleed:6px}.hub{--gap:calc(var(--px) * 6);--world-x:min(0px, calc(100vw + var(--world-bleed) * 2 - var(--world-w)));--world-y:min(0px, calc(100vh + var(--world-bleed) * 2 - var(--world-h)));isolation:isolate;gap:var(--gap);padding:calc(var(--px) * 6) max(calc(var(--px) * 10), calc((100% - var(--px) * 400) / 2));box-sizing:border-box;background:var(--night);grid-template-rows:auto minmax(0,1fr) auto auto;display:grid}.h-world{inset:calc(var(--world-bleed) * -1);z-index:-1;pointer-events:none;position:fixed;overflow:hidden}.h-map{width:var(--world-w);height:var(--world-h);filter:blur(1.25px);transform:translate3d(0, calc(var(--world-y) / 2), 0);position:absolute}.hub[data-pan=y] .h-map{transform:translate3d(calc(var(--world-x) / 2), 0, 0)}.h-world:after{content:"";background:linear-gradient(#10102026,#10102080);position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.hub[data-pan=x] .h-map{will-change:transform;animation:160s linear infinite alternate pan-x}.hub[data-pan=y] .h-map{will-change:transform;animation:220s linear infinite alternate pan-y}}@keyframes pan-x{0%{transform:translate3d(0, calc(var(--world-y) / 2), 0)}to{transform:translate3d(var(--world-x), calc(var(--world-y) / 2), 0)}}@keyframes pan-y{0%{transform:translate3d(calc(var(--world-x) / 2), 0, 0)}to{transform:translate3d(calc(var(--world-x) / 2), var(--world-y), 0)}}.h-head{justify-content:space-between;align-items:center;gap:var(--gap);display:flex}.h-logo{background:0 0;border:0;padding:0;line-height:0}.h-logo:before{display:none}.h-logo img{width:calc(var(--px) * 108);height:auto}.h-trainer{align-items:center;gap:0 calc(var(--px) * 4);padding:calc(var(--px) * 3) calc(var(--px) * 6) calc(var(--px) * 3) calc(var(--px) * 4);text-align:left;border:0;grid-template-columns:auto auto;display:grid}.h-trainer img{width:round(nearest, calc(var(--px) * 10), 24px);grid-row:span 2}.h-trainer-id{color:var(--mute);font-size:calc(var(--px) * 7)}.h-dock{justify-content:space-around;gap:var(--px);padding:calc(var(--px) * 2);display:flex}.h-key{justify-items:center;gap:calc(var(--px) * 2);padding:calc(var(--px) * 3) calc(var(--px) * 2) calc(var(--px) * 2);color:var(--ink);font-size:calc(var(--px) * 8);letter-spacing:var(--px);background:0 0;border:0;flex:1;display:grid}.h-key img{width:round(nearest, calc(var(--px) * 18), 24px)}.h-key:before{display:none}.h-key:focus{background:var(--mist)}.h-key:focus img{translate:0 calc(var(--px) * -1)}@media (max-width:760px){.hub{padding:calc(var(--px) * 6);grid-template-rows:auto minmax(min-content,1fr) auto auto}.h-dock{gap:var(--px);grid-template-columns:repeat(3,1fr);display:grid}.h-key{min-width:0;font-size:calc(var(--px) * 7)}}.h-modes{gap:var(--gap) calc(var(--gap) * 2);grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:2fr 1fr;min-height:0;display:grid}.mode{min-height:0;padding:calc(var(--px) * 2);text-align:left;border:0;flex-direction:column;display:flex}.mode-eras{grid-row:1/-1}.mode:focus{translate:0 calc(var(--px) * -2)}.mode.pick:before{left:calc(var(--px) * -9)}.mode-art{min-height:calc(var(--px) * 30);background:var(--mist);flex:1;position:relative;overflow:hidden}.mode-foot{justify-content:space-between;align-items:center;gap:calc(var(--px) * 4);padding:calc(var(--px) * 3) calc(var(--px) * 4) calc(var(--px) * 2);display:flex}.mode-name{white-space:nowrap;font-size:var(--t2);letter-spacing:var(--px)}.mode:not(.mode-eras) .mode-name{font-size:var(--t1)}.mode-go{padding:var(--px) calc(var(--px) * 6);background:var(--ink);color:var(--paper);letter-spacing:var(--px)}.mode-lock{align-items:center;gap:calc(var(--px) * 2);color:var(--mute);display:flex}.mode-lock img{width:24px}.mode-stage{--ground:24%;--feet:18%;--name:calc(var(--px) * 70);position:absolute;inset:0}.mode-stage .mascot{--k:var(--k1)}.mode-daily .mode-art{background:repeating-conic-gradient(from 3deg at 50% 60%, #f8d030 0 9deg, #ffe890 0 18deg);justify-content:center;align-items:center;display:flex}.mon{width:calc(var(--w) * var(--k0) * 1px);height:calc(var(--h) * var(--k0) * 1px)}.daily-mon{filter:brightness(0)}.daily-date,.daily-q{color:var(--ink);position:absolute}.daily-date{top:calc(var(--px) * 3);left:calc(var(--px) * 4)}.daily-q{right:calc(var(--px) * 6);bottom:calc(var(--px) * 2);font-size:var(--t3)}.mode-gauntlet .mode-art{display:flex}.fire{padding-bottom:calc(var(--px) * 3);background:linear-gradient(90deg, var(--a) 50%, var(--b) 50%);flex:1;justify-content:center;align-items:flex-end;display:flex}.mode-challenges .mode-art{justify-content:center;align-items:center;gap:var(--px);background:#3c6a48;display:flex}.party{width:calc(var(--px) * 32);height:calc(var(--px) * 32);image-rendering:pixelated;background:0 0/100% 200% no-repeat}.party.fainted{filter:grayscale()brightness(.6)}@media (prefers-reduced-motion:no-preference){.party:not(.fainted){animation:.5s step-end infinite hop}.party:nth-child(2n):not(.fainted){animation-delay:.25s}}@keyframes hop{50%{background-position:0 100%}}@media (max-width:760px),(max-aspect-ratio:4/5){.h-modes{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:minmax(calc(var(--px) * 110), 1fr) calc(var(--px) * 50);gap:var(--gap) calc(var(--px) * 4)}.mode-eras{grid-area:auto/1/auto/-1}.mode.pick:before{display:none}.mode:not(.mode-eras) .mode-name{font-size:calc(var(--px) * 7)}.mode:not(.mode-eras) .mode-lock{display:none}.mode-stage .mascot{--k:var(--k0)}.daily-date{display:none}.party{width:calc(var(--px) * 16);height:calc(var(--px) * 16)}}@media (min-width:761px) and (max-aspect-ratio:4/5){.mode-stage .mascot{--k:var(--k1)}}.scene{--shade:#00000029;--cell:calc(var(--px) * 4);background:conic-gradient(var(--shade) 25%, transparent 0 50%, var(--shade) 0 75%, transparent 0) 0 calc(100% - var(--ground,22%) - var(--cell)) / calc(var(--cell) * 2) calc(var(--cell) * 2) repeat-x, linear-gradient(0deg, var(--shade) var(--ground,22%), transparent var(--ground,22%)), conic-gradient(var(--b) 25%, var(--a) 0 50%, var(--b) 0 75%, var(--a) 0) 50% 0 / calc(var(--cell) * 2) calc(var(--cell) * 2) repeat-y, linear-gradient(90deg, var(--a) 50%, var(--b) 50%);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;position:absolute;inset:0;overflow:hidden}.era-name{inset:auto 0 calc(var(--ground,22%) - .06em);font:var(--name,calc(var(--px) * 110)) / .7 var(--font);letter-spacing:calc(var(--px) * 3);text-align:center;white-space:nowrap;color:#0000;background:linear-gradient(90deg, color-mix(in srgb, var(--a) 84%, var(--a-ink)) 50%, color-mix(in srgb, var(--b) 84%, var(--b-ink)) 50%);-webkit-background-clip:text;background-clip:text;position:absolute}.half{position:relative}.version{top:calc(var(--px) * 6);font-size:var(--t2);letter-spacing:var(--px);position:absolute}.half-left .version{left:calc(var(--px) * 8)}.half-right .version{right:calc(var(--px) * 8)}.mascot{--k:var(--k2);bottom:var(--feet,12%);width:calc(var(--w) * var(--k) * 1px);height:calc(var(--h) * var(--k) * 1px);position:absolute}.half-left .mascot{right:3%;transform:scaleX(-1)}.half-right .mascot{left:3%}@media (prefers-reduced-motion:no-preference){.scene-in{animation:.36s steps(6,end) both open}.mascot{animation:1.2s step-end infinite breathe}.half-right .mascot{animation-delay:.6s}.scene-in .half-left .mascot{animation:.42s steps(6,end) .12s both from-left,1.2s step-end .54s infinite breathe}.scene-in .half-right .mascot{animation:.42s steps(6,end) .12s both from-right,1.2s step-end 1.14s infinite breathe}.scene-in .era-name{animation:.3s steps(3,end) .24s both rise}}@keyframes open{0%{clip-path:inset(0 50%)}to{clip-path:inset(0)}}@keyframes from-left{0%{translate:-60vw}}@keyframes from-right{0%{translate:60vw}}@keyframes breathe{50%{translate:0 calc(var(--k) * -1px)}}@keyframes rise{0%{translate:0 calc(var(--px) * 10);opacity:0}}.eras{--ground:30%;--feet:27%;--name:calc(var(--px) * 120);--ruler:calc(var(--px) * 28);grid-template-rows:minmax(0, 1fr) var(--ruler);background:var(--night);display:grid}.e-stage{touch-action:pan-y;position:relative;overflow:hidden}.eras .era-name{inset:calc(var(--px) * 16) 0 auto}.e-back{align-self:center}.e-back:before{display:none}.e-card{left:50%;bottom:calc(var(--ruler) + var(--px) * 8);gap:calc(var(--px) * 6) calc(var(--px) * 14);width:min(calc(100% - var(--px) * 20), calc(var(--px) * 400));padding:calc(var(--px) * 6) calc(var(--px) * 10);box-sizing:border-box;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;display:grid;position:absolute;translate:-50%}.about h2{font-size:var(--t2);letter-spacing:var(--px)}.about-year{margin-left:calc(var(--px) * 5);color:var(--mute);font-size:var(--t1)}.rule{max-width:40ch;margin-top:calc(var(--px) * 2);line-height:1.1}.starters{align-items:flex-end;gap:calc(var(--px) * 4);display:flex}.starter{width:calc(var(--w) * var(--k0) * 1px);height:calc(var(--h) * var(--k0) * 1px)}.go{justify-items:center;gap:calc(var(--px) * 3);display:grid}.key.play{min-width:calc(var(--px) * 70);min-height:calc(var(--px) * 22);font-size:var(--t2)}.status,.locked,.keys{color:var(--mute)}.keys{font-size:calc(var(--px) * 7);white-space:pre}@media (hover:none){.keys{display:none}}.locked{align-items:center;gap:calc(var(--px) * 3);font-size:var(--t1);display:flex}.locked img{width:round(nearest, calc(var(--px) * 12), 24px)}.ruler{gap:calc(var(--px) * 24);padding:0 calc(var(--px) * 24) 0 calc(var(--px) * 8);background:var(--ink);color:var(--paper);grid-template-columns:auto minmax(0,1fr);display:grid}.track{width:100%;max-width:calc(var(--px) * 340);height:100%;margin:0 auto;position:relative}.track:before{content:"";top:0;left:calc(var(--px) * -.5);width:calc(100% + var(--px));height:calc(var(--px) * 3);background:linear-gradient(90deg, #4a4e5a var(--px), transparent var(--px)) 0 0 / calc((100% - var(--px)) / 14) 100% repeat-x;position:absolute}.pointer{top:calc(var(--px) * -6);width:calc(var(--px) * 12);height:calc(var(--px) * 6);margin-left:calc(var(--px) * -6);background:var(--ink);clip-path:polygon(50% 0,100% 100%,0 100%);transition:left .3s steps(6,end);position:absolute}.mark{top:calc(var(--px) * 6);align-items:center;gap:0 calc(var(--px) * 3);padding:var(--px) calc(var(--px) * 2);color:#8a8f9c;background:0 0;border:0;grid-template-columns:auto auto;display:grid;position:absolute;translate:-50%}.mark:before{display:none}.flag{width:calc(var(--px) * 7);height:calc(var(--px) * 7);box-shadow:0 0 0 var(--px) currentColor;background:linear-gradient(90deg, var(--a) 50%, var(--b) 50%);grid-row:span 2}.mark-name{letter-spacing:var(--px)}.mark-year{font-size:calc(var(--px) * 7)}.mark:hover,.mark:focus,.mark[aria-selected=true]{color:var(--paper)}.mark[aria-selected=true] .flag{box-shadow:0 0 0 var(--px) var(--ink), 0 0 0 calc(var(--px) * 2) var(--paper)}@media (max-width:760px){.eras{--ground:49%;--feet:50%;--name:calc(var(--px) * 50)}.eras .mascot{--k:var(--k0)}.e-card{gap:calc(var(--px) * 5);padding:calc(var(--px) * 6);grid-template-columns:1fr}.starters{justify-content:center}.go{text-align:center;justify-items:stretch}.ruler{gap:calc(var(--px) * 14);padding:0 calc(var(--px) * 12) 0 calc(var(--px) * 4)}.mark{padding:calc(var(--px) * 2);grid-template-columns:auto}.flag{width:calc(var(--px) * 9);height:calc(var(--px) * 9);grid-row:auto}.mark-name,.mark-year{display:none}}@media (min-width:1101px) and (min-height:820px){.eras .mascot{--k:var(--k3)}}@media (min-width:761px) and (max-width:1100px){.eras .mascot{--k:var(--k1)}}.sheet{width:min(calc(var(--px) * 260), calc(100vw - var(--px) * 12));max-height:calc(100dvh - var(--px) * 20);background:var(--paper);color:var(--ink);box-shadow:0 calc(var(--px) * -1) var(--ink), 0 var(--px) var(--ink), calc(var(--px) * -1) 0 var(--ink), var(--px) 0 var(--ink), 0 calc(var(--px) * 4) #0006;font:var(--t1) / 1.15 var(--font);-webkit-font-smoothing:none;border:0;padding:0;overflow:hidden auto}.sheet::backdrop{background:#101018b3}.sheet-wide{width:min(calc(var(--px) * 360), calc(100vw - var(--px) * 12))}.sheet-head{z-index:1;justify-content:space-between;align-items:center;gap:calc(var(--px) * 6);padding:calc(var(--px) * 3) calc(var(--px) * 3) calc(var(--px) * 3) calc(var(--px) * 8);background:var(--ink);color:var(--paper);display:flex;position:sticky;top:0}.sheet-head h2{font-size:var(--t2);letter-spacing:var(--px)}.sheet-close{min-height:calc(var(--px) * 14);padding:0 calc(var(--px) * 6)}.sheet-body{padding:calc(var(--px) * 8)}.sheet-lede{margin:0 0 calc(var(--px) * 6);color:var(--mute)}.hall,.notes ul{margin:0;padding:0;list-style:none}.hall-empty{justify-items:center;gap:calc(var(--px) * 6);padding:calc(var(--px) * 10) 0;text-align:center;display:grid}.hall-empty img{width:round(nearest, calc(var(--px) * 28), 24px)}.notes article{padding:calc(var(--px) * 3) 0 calc(var(--px) * 6);border-bottom:var(--px) solid var(--mist)}.notes h3{font-size:var(--t2)}.notes p,.notes li,.credits p,.account p{margin:calc(var(--px) * 3) 0}.notes li:before{content:"- "}.notes-date{color:var(--mute)}.credits a,.account a{color:#2c5cd0}.account{gap:calc(var(--px) * 4);display:grid}.account .key{margin-top:calc(var(--px) * 3);justify-self:start}.form{gap:calc(var(--px) * 3);display:grid}.form input{min-height:calc(var(--px) * 16);padding:0 calc(var(--px) * 4);background:var(--mist);box-shadow:inset 0 var(--px) var(--mute);border:0;border-radius:0}.form-error{color:#b8143c;min-height:1.2em}.form-note{color:var(--mute)}.link-btn{color:#b8143c;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;text-decoration:underline}.hall{gap:calc(var(--px) * 6);display:grid}.plaque{box-shadow:inset 0 0 0 var(--px) #b88410;background:linear-gradient(#fffbea,#fff1c4);display:grid}.plaque-head{padding:calc(var(--px) * 2) calc(var(--px) * 5);color:var(--paper);letter-spacing:var(--px);text-shadow:0 var(--px) #9a6a08;background:#e8a418;justify-content:space-between;display:flex}.plaque-team{justify-content:space-around;gap:calc(var(--px) * 3);padding:calc(var(--px) * 4) calc(var(--px) * 3) 0;flex-wrap:wrap;margin:0;list-style:none;display:flex}.plaque-team li{align-content:end;justify-items:center;gap:var(--px);display:grid}.plaque-mon{width:calc(var(--w) * var(--k0) * 1px);height:calc(var(--h) * var(--k0) * 1px)}.plaque-foot{padding:calc(var(--px) * 2) calc(var(--px) * 5) calc(var(--px) * 3);color:#8a6408;white-space:pre}.dex-head{align-items:center;gap:calc(var(--px) * 8);margin-bottom:calc(var(--px) * 4);grid-template-columns:auto auto minmax(0,1fr);display:grid}.dex-era{align-items:center;gap:calc(var(--px) * 3);font-size:var(--t2);letter-spacing:var(--px);display:flex}.dex-era .flag{width:calc(var(--px) * 7);height:calc(var(--px) * 7);box-shadow:0 0 0 var(--px) var(--ink);background:linear-gradient(90deg, var(--a) 50%, var(--b) 50%)}.dex-bar{height:calc(var(--px) * 5);box-shadow:0 0 0 var(--px) var(--ink);background:linear-gradient(90deg, #48c048 var(--got), var(--mist) var(--got))}.dex-grid{grid-template-columns:repeat(auto-fill, minmax(calc(var(--px) * 24), 1fr));gap:var(--px);padding:var(--px);background:var(--mist);margin:0;list-style:none;display:grid}.dex-grid li button{width:100%;padding:var(--px) 0;background:var(--paper);cursor:pointer;border:0;justify-items:center;display:grid}.dex-grid li button:hover,.dex-grid li button:focus-visible{background:#fff8c8}.dex-grid li button[aria-current=true]{box-shadow:inset 0 0 0 var(--px) #8aa4d8;background:#dfe8fb}.dex-grid span:last-child{font-size:calc(var(--px) * 7);color:var(--mute)}.dex-grid li.got span:last-child{color:var(--ink)}.dex-entry{align-items:center;gap:calc(var(--px) * 8);margin-bottom:calc(var(--px) * 5);padding:calc(var(--px) * 4);box-shadow:inset 0 0 0 var(--px) #8aa4d8;background:linear-gradient(#eef3ff,#dfe8fb);grid-template-columns:auto minmax(0,1fr);display:grid}.dex-pic{width:calc(var(--px) * 64);height:calc(var(--px) * 64);background:var(--paper);box-shadow:inset 0 0 0 var(--px) #8aa4d8;place-items:center;display:grid}.dex-unknown{color:#8aa4d8;font-size:var(--t3)}.dex-mon{--k:var(--k2);width:calc(var(--w) * var(--k) * 1px);height:calc(var(--h) * var(--k) * 1px)}.dex-text{gap:calc(var(--px) * 3);display:grid}.dex-name{font-size:var(--t2);letter-spacing:var(--px)}.dex-name span{margin-right:calc(var(--px) * 4);color:var(--mute)}@media (max-width:760px){.dex-entry{gap:calc(var(--px) * 5)}.dex-pic{width:calc(var(--px) * 48);height:calc(var(--px) * 48)}.dex-name{font-size:var(--t1)}.dex-mon{--k:var(--k1)}}.dex-types{gap:calc(var(--px) * 2);display:flex}.dex-types img{height:calc(var(--px) * 12);width:auto}.dex-note{color:var(--mute)}.dex-sets{gap:calc(var(--px) * 3);flex-wrap:wrap;display:flex}.dex-set{width:calc(var(--w) * var(--k0) * 1px);height:calc(var(--h) * var(--k0) * 1px)}.mon-icon{width:calc(var(--px) * 16);height:calc(var(--px) * 16);image-rendering:pixelated;background:0 0/100% 200% no-repeat;display:block}.dex-grid li:not(.got) .mon-icon{filter:brightness(0);opacity:.12}@media (prefers-reduced-motion:no-preference){.dex-grid li.got:hover .mon-icon{animation:.5s step-end infinite hop}}.settings{gap:calc(var(--px) * 3);display:grid}.setting{align-items:center;gap:calc(var(--px) * 8);min-height:calc(var(--px) * 18);padding:calc(var(--px) * 2) 0;border:0;border-bottom:var(--px) solid var(--mist);grid-template-columns:minmax(0,1fr) auto;margin:0;display:grid}.setting label,.setting legend{float:left;letter-spacing:var(--px);padding:0}.setting legend+.picks{clear:both}.slider{align-items:center;gap:calc(var(--px) * 5);display:flex}.slider output{text-align:right;min-width:3ch}.slider input{--fill:0%;width:calc(var(--px) * 90);height:calc(var(--px) * 12);appearance:none;background:linear-gradient(90deg, transparent calc(100% - var(--px)), var(--paper) 0) 0 0 / 10% 100%, linear-gradient(90deg, var(--ink) var(--fill), var(--mist) var(--fill));box-shadow:0 0 0 var(--px) var(--ink);cursor:pointer;touch-action:none;margin:0}.slider input::-webkit-slider-thumb{width:calc(var(--px) * 4);height:calc(var(--px) * 16);appearance:none;background:var(--paper);box-shadow:0 0 0 var(--px) var(--ink)}.slider input::-moz-range-thumb{width:calc(var(--px) * 4);height:calc(var(--px) * 16);background:var(--paper);box-shadow:0 0 0 var(--px) var(--ink);border:0;border-radius:0}.slider input::-moz-range-track{background:0 0}.slider input:focus-visible{outline:var(--px) solid #2c5cd0;outline-offset:calc(var(--px) * 2)}.pick-chip:has(input:focus-visible){outline:var(--px) solid #2c5cd0;outline-offset:calc(var(--px) * 2)}.picks{gap:calc(var(--px) * 2);display:flex}.pick-chip{cursor:pointer;position:relative}.pick-chip input{opacity:0;pointer-events:none;position:absolute}.pick-chip span{padding:calc(var(--px) * 3) calc(var(--px) * 5);box-shadow:inset 0 0 0 var(--px) var(--ink);letter-spacing:var(--px);display:block}.pick-chip:hover span{background:var(--mist)}.pick-chip input:checked+span{background:var(--ink);color:var(--paper)}.settings-note{margin-top:calc(var(--px) * 3);color:var(--mute)}@media (max-width:760px){.setting{gap:calc(var(--px) * 3);grid-template-columns:1fr}.slider input{flex:1;width:auto}.picks{flex-wrap:wrap}}@media (pointer:coarse){.pick-chip span{align-items:center;min-height:44px;display:flex}.slider input{height:32px}}.card{gap:calc(var(--px) * 5);margin-bottom:calc(var(--px) * 3);padding:calc(var(--px) * 6);box-shadow:inset 0 0 0 var(--px) #e04818, inset 0 0 0 calc(var(--px) * 2) var(--paper);background:linear-gradient(#fff3e8,#ffe2c8);display:grid}.card-who{align-items:center;gap:0 calc(var(--px) * 5);grid-template-columns:auto 1fr;display:grid}.card-who img{width:round(nearest, calc(var(--px) * 16), 24px);grid-row:span 2}.card-name{font-size:var(--t2);letter-spacing:var(--px)}.card-id{color:var(--mute)}.card-stats{gap:calc(var(--px) * 2) calc(var(--px) * 10);padding:calc(var(--px) * 4) 0;border-block:var(--px) solid #f4b890;grid-template-columns:auto 1fr;margin:0;display:grid}.card-stats dt{color:var(--mute)}.card-stats dd{text-align:right;margin:0}.card-badges{align-items:center;gap:calc(var(--px) * 3);display:flex}.card-badges span{color:var(--mute);margin-right:auto}.card-badges img{width:round(nearest, calc(var(--px) * 10), 16px);filter:brightness(0);opacity:.18}.card-badges img.won{filter:none;opacity:1}@media (max-height:500px){.title{--ground:26%;--feet:27%;--legal:calc(var(--px) * 10)}.title .mascot,.eras .mascot,.mode-stage .mascot{--k:var(--k4)}.title .half-left .mascot{left:36%}.title .half-right .mascot{left:64%}.t-logo{top:calc(var(--px) * 4)}.t-logo img{width:calc(var(--px) * 108)}.t-panel{bottom:calc(var(--legal) + var(--px) * 6);gap:calc(var(--px) * 3)}.title[data-mode=press] .t-panel{bottom:calc(var(--legal) + var(--px) * 16)}.title[data-mode=menu] .t-box,.title[data-mode=login] .t-logo,.title[data-mode=signup] .t-logo{display:none}.title[data-mode=login] .t-panel,.title[data-mode=signup] .t-panel{top:calc(var(--px) * 4);bottom:auto;left:calc(var(--px) * 6);translate:none}.title[data-mode=login] .t-box,.title[data-mode=signup] .t-box{left:auto;right:calc(var(--px) * 6);width:calc(100% - var(--px) * 146);translate:none}.t-form{align-items:center;gap:calc(var(--px) * 2) calc(var(--px) * 4);grid-template-columns:auto 1fr}.t-form-title,.t-form-keys,.t-discord{grid-column:1/-1}.t-form label{margin:0}.t-legal{font-size:calc(var(--px) * 6)}.hub{gap:calc(var(--px) * 4);padding:calc(var(--px) * 4) calc(var(--px) * 8);grid-template-rows:auto auto auto}.h-box{display:none}.h-modes{grid-template-columns:2fr 1fr 1fr 1fr;grid-template-rows:calc(var(--px) * 74)}.mode-eras{grid-area:auto}.mode:not(.mode-eras) .mode-name{font-size:calc(var(--px) * 6)}.mode-lock{display:none}.h-dock{display:flex}.h-key{padding:calc(var(--px) * 2) var(--px);font-size:calc(var(--px) * 6)}.h-key img{width:24px}.eras{--ground:34%;--feet:35%;--ruler:calc(var(--px) * 22)}.e-card{bottom:calc(var(--ruler) + var(--px) * 4);padding:calc(var(--px) * 3) calc(var(--px) * 6);grid-template-columns:minmax(0,1fr) auto}.e-card .starters,.keys{display:none}.about h2{font-size:var(--t1)}}@media (max-width:359px){.t-logo img{width:calc(var(--px) * 108)}.t-legal{font-size:calc(var(--px) * 6)}.h-trainer{padding:calc(var(--px) * 2);grid-template-columns:auto}.h-trainer-name,.h-trainer-id{display:none}}@media (max-width:760px) and (max-height:700px){.e-card .starters{display:none}.eras{--ground:40%;--feet:41%}}@media (pointer:coarse){.mark{align-content:center;justify-items:center;min-width:44px;min-height:44px}.key,.sheet-close{min-height:44px}.t-form input{min-height:44px;font-size:max(16px, var(--t1))}}@supports (padding:env(safe-area-inset-bottom)){.t-legal{height:calc(var(--legal) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box}.t-box,.t-panel{margin-bottom:env(safe-area-inset-bottom)}.t-logo{margin-top:env(safe-area-inset-top)}.hub{padding-top:max(calc(var(--px) * 6), env(safe-area-inset-top));padding-bottom:max(calc(var(--px) * 6), env(safe-area-inset-bottom));padding-left:max(calc(var(--px) * 6), env(safe-area-inset-left), calc((100% - var(--px) * 400) / 2));padding-right:max(calc(var(--px) * 6), env(safe-area-inset-right), calc((100% - var(--px) * 400) / 2))}.eras{grid-template-rows:minmax(0, 1fr) calc(var(--ruler) + env(safe-area-inset-bottom))}.ruler{padding-bottom:env(safe-area-inset-bottom)}.version{margin-top:env(safe-area-inset-top)}}