@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);cursor:pointer;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);--mascot-room:calc(69cqh - var(--px) * 28)}.t-stage{position:absolute;inset:0}.title .half-left .mascot{right:auto;left:round(nearest, max(0px, calc(50% - var(--drawn) / 2)), 1px)}.title .half-right .mascot{left:auto;right:round(nearest, max(0px, calc(50% - var(--drawn) / 2)), 1px)}.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 minmax(0,1fr);margin:0;display:grid}.t-stats dd{color:var(--ink);text-align:right;overflow-wrap:anywhere;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{box-sizing:border-box;width:100%;min-width:0;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-keys .key{padding-inline:calc(var(--px) * 4);white-space:nowrap}.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(min-content,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;min-width:0;max-width:calc(100% - var(--px) * 108 - var(--gap));box-sizing:border-box;border:0;grid-template-columns:auto minmax(0,1fr);display:grid}.h-trainer-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.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(min-content,1fr));grid-template-columns:2fr 1.5fr;min-width:0;min-height:0;display:grid}.mode{min-width:0;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:5%;--mascot-room:calc(95cqh - var(--px) * 12);--name:calc(var(--px) * 70);position:absolute;inset:0}.mode-stage .mascot{--k:var(--k1)}.mode-stage .version{top:calc(var(--px) * 2);font-size:calc(var(--px) * 8)}.mode-stage .half-left .version{left:calc(var(--px) * 4)}.mode-stage .half-right .version{right:calc(var(--px) * 4)}.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{min-height:calc(96px + var(--px) * 3);display:flex}.starter-era{min-width:0;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;container-type:inline-size}.starter-era .mon{width:round(down, min(100cqw, calc(var(--w) * 2px)), calc(var(--w) * 1px));height:auto}.mode-challenges .mode-art{justify-content:center;align-items:center;gap:var(--px);background:#3c6a48;display:flex}.party{width:calc(var(--px) * 32);aspect-ratio:1;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(2,minmax(0,1fr));grid-template-rows:minmax(calc(var(--px) * 170), 1fr) calc(var(--px) * 50) calc(var(--px) * 72);gap:var(--gap) calc(var(--px) * 4)}.mode-eras{grid-area:auto/1/auto/-1}.mode-daily,.mode-challenges{grid-row:2}.mode-gauntlet{grid-area:3/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)}}@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;container-type:size}.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);--drawn:max(calc(var(--w) * 1px), round(down, min(calc(var(--w) * var(--k) * 1px), calc((100cqw + var(--px) * 20) * var(--fit-w)), calc(var(--mascot-room,60cqh) * var(--fit-h))), calc(var(--w) * 1px)));bottom:round(nearest, calc(var(--feet,12%) + 0px), 1px);width:var(--drawn);height:auto;position:absolute}.scene:not([data-ready]) .mascot{visibility:hidden}.half-left .mascot{left:round(nearest, max(0px, calc(100% - var(--drawn) - var(--px) * 3)), 1px);transform:scaleX(-1)}.half-right .mascot{right:round(nearest, max(0px, calc(100% - var(--drawn) - var(--px) * 3)), 1px)}@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(--px) * -1)}}@keyframes rise{0%{translate:0 calc(var(--px) * 10);opacity:0}}.eras{--ground:16%;--feet:12%;--mascot-room:calc(88cqh - var(--px) * 24);--name:calc(var(--px) * 120);--ruler:calc(var(--px) * 28);--hero-min:calc(var(--px) * 130);grid-template-rows:minmax(var(--hero-min), 1fr) auto var(--ruler);background:linear-gradient(#00000029, #00000029), linear-gradient(90deg, var(--a) 50%, var(--b) 50%);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{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);margin:calc(var(--px) * 4) auto calc(var(--px) * 8);box-sizing:border-box;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;display:grid;position:relative}.about h2{font-size:var(--t2);letter-spacing:var(--px);overflow-wrap:anywhere}.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);left:var(--place);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{--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) * 4);padding:0 calc(var(--px) * 4)}.e-back{padding-inline:calc(var(--px) * 4)}.track{grid-template-columns:repeat(5,minmax(44px,1fr));align-items:center;display:grid}.pointer{display:none}.mark{padding:calc(var(--px) * 2);grid-template-columns:auto;position:relative;top:auto;left:auto;translate:none}.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-width:none;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);overflow-wrap:anywhere;min-width:0}.sheet-close{min-height:calc(var(--px) * 14);padding:0 calc(var(--px) * 6);box-shadow:inset 0 0 0 var(--px) var(--paper);flex-shrink:0}.sheet-close:hover,.sheet-close:focus-visible{background:var(--paper);color:var(--ink);outline:var(--px) solid var(--paper);outline-offset:calc(var(--px) * 2)}.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-width:0;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{justify-content:space-between;gap:var(--px) calc(var(--px) * 4);padding:calc(var(--px) * 2) calc(var(--px) * 5);color:var(--paper);letter-spacing:var(--px);text-shadow:0 var(--px) #9a6a08;background:#e8a418;flex-wrap:wrap;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{scroll-margin-top:calc(var(--px) * 30);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;container-type:size}.dex-unknown{color:#8aa4d8;font-size:var(--t3)}.dex-mon{--k:var(--k2);width:round(down, min(calc(100cqw - var(--px) * 2), calc((100cqh - var(--px) * 2) * var(--ratio)), calc(var(--w) * var(--k) * 1px)), calc(var(--w) * 1px));height:auto}.dex-text{gap:calc(var(--px) * 3);overflow-wrap:anywhere;min-width:0;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);flex-wrap:wrap;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-width:0;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%;min-width: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:minmax(0,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 minmax(0,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);overflow-wrap:anywhere}.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 minmax(0,1fr);margin:0;display:grid}.card-stats dt{color:var(--mute)}.card-stats dd{text-align:right;overflow-wrap:anywhere;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) and (min-width:600px){.title{--ground:26%;--feet:27%;--legal:calc(var(--px) * 10)}.title .mascot,.eras .mascot,.mode-stage .mascot{--k:var(--k4)}.t-logo{top:calc(var(--px) * 4)}.t-logo img{width:calc(var(--px) * 108)}.t-panel{width:calc(var(--px) * 128);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:max(calc(var(--px) * 6), env(safe-area-inset-left));translate:none}.title[data-mode=login] .t-box,.title[data-mode=signup] .t-box{left:auto;right:max(calc(var(--px) * 6), env(safe-area-inset-right));width:calc(100% - var(--px) * 146 - env(safe-area-inset-left) - env(safe-area-inset-right));translate:none}.t-form{align-items:center;gap:calc(var(--px) * 2) calc(var(--px) * 4);grid-template-columns:auto minmax(0,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 1.5fr 1fr;grid-template-rows:calc(var(--px) * 80)}.mode-eras,.mode-daily,.mode-gauntlet,.mode-challenges{grid-area:auto}.mode-gauntlet .mode-art{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.starter-era{grid-column:span 2;padding-bottom:0}.starter-era:nth-child(4){grid-column:2/span 2}.starter-era:nth-child(5){grid-column:4/span 2}.starter-era .mon{width:calc(var(--w) * 1px);height:calc(var(--h) * 1px)}.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{--ruler:calc(var(--px) * 32);--hero-min:calc(var(--px) * 100)}.e-card{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:599px) and (max-height:700px){.title:not([data-mode=press]){align-items:center;gap:calc(var(--px) * 6);padding-top:calc(var(--px) * 10);box-sizing:border-box;flex-direction:column;display:flex}.title:not([data-mode=press]) .t-stage{position:fixed}.title:not([data-mode=press]) :is(.t-logo,.t-panel,.t-box,.t-legal){flex-shrink:0;position:relative;inset:auto;translate:none}.title:not([data-mode=press]) .t-panel{margin-top:0}.title:not([data-mode=press]) .t-box{margin-block:var(--px)}.title:not([data-mode=press]) .t-legal{width:100%;margin-top:auto}}@media (max-width:599px) and (max-height:500px){.title{--ground:32%;--feet:33%;--mascot-room:calc(67cqh - var(--px) * 45)}.t-logo img{width:calc(var(--px) * 108)}.title[data-mode=press] .t-panel{bottom:calc(var(--legal) + var(--px) * 6)}}@media (max-width:359px){.h-head{gap:var(--px)}.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;max-width:none}.h-trainer-name,.h-trainer-id{display:none}}@media (max-width:760px) and (max-height:700px){.e-card .starters{display:none}}@media (min-width:761px) and (min-height:501px) and (min-aspect-ratio:4/5){.hub{--gap:calc(var(--px) * 4)}.h-modes{grid-template-rows:repeat(3,auto)}.mode-art{min-height:96px}.mode-gauntlet .mode-art{min-height:calc(96px + var(--px) * 3)}.h-box{box-sizing:border-box;min-height:calc(var(--t1) * 2.3 + var(--px) * 12)}}@media (min-width:761px) and (min-height:501px) and (max-height:700px){.h-modes{grid-template-rows:repeat(2,minmax(min-content,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.mode-eras{grid-row:auto}.h-key img{width:24px}}@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;padding-inline:max(calc(var(--px) * 6), env(safe-area-inset-left)) max(calc(var(--px) * 6), env(safe-area-inset-right))}.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(var(--hero-min), 1fr) auto calc(var(--ruler) + env(safe-area-inset-bottom))}.e-card{width:min(calc(100% - var(--px) * 20 - env(safe-area-inset-left) - env(safe-area-inset-right)), calc(var(--px) * 400));left:calc((env(safe-area-inset-left) - env(safe-area-inset-right)) / 2)}:is(.t-stage,.e-stage) .version{top:max(calc(var(--px) * 6), env(safe-area-inset-top))}:is(.t-stage,.e-stage) .half-left .version{left:max(calc(var(--px) * 8), env(safe-area-inset-left))}:is(.t-stage,.e-stage) .half-right .version{right:max(calc(var(--px) * 8), env(safe-area-inset-right))}.ruler{padding-bottom:env(safe-area-inset-bottom);padding-left:max(calc(var(--px) * 8), env(safe-area-inset-left));padding-right:calc(var(--px) * 24 + env(safe-area-inset-right))}.sheet{--sheet-width:260;width:min(calc(var(--px) * var(--sheet-width)), calc(100vw - var(--px) * 12 - env(safe-area-inset-left) - env(safe-area-inset-right)));max-height:calc(100dvh - var(--px) * 20 - env(safe-area-inset-top) - env(safe-area-inset-bottom));inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.sheet-wide{--sheet-width:360}}@media (max-width:760px){.ruler{padding-left:max(calc(var(--px) * 4), env(safe-area-inset-left));padding-right:max(calc(var(--px) * 4), env(safe-area-inset-right))}.card-badges{grid-template-columns:repeat(8, round(nearest, calc(var(--px) * 10), 16px));gap:calc(var(--px) * 2);display:grid}.card-badges span{grid-column:1/-1}.dex-head{gap:calc(var(--px) * 4);grid-template-columns:minmax(0,1fr) auto}.dex-bar{grid-column:1/-1}}@media (max-width:359px){.eras{--ruler:calc(var(--px) * 52)}.ruler{grid-template-columns:1fr;gap:0}.track{grid-row:1}.e-back{grid-row:2;justify-self:start}.dex-entry{grid-template-columns:minmax(0,1fr)}.dex-pic{justify-self:center}}@media (min-width:761px) and (min-height:501px) and (min-aspect-ratio:4/5){.hub{padding-top:max(calc(var(--px) * 3), env(safe-area-inset-top));padding-bottom:max(calc(var(--px) * 3), env(safe-area-inset-bottom))}}