@font-face{font-family:Pixelify Sans;src:url(/play/assets/font/Pixelify_Sans/PixelifySans-VariableFont_wght.ttf)format("truetype");font-weight:400 700;font-display:swap}@font-face{font-family:"Jersey 10";src:url(/play/assets/font/Jersey_10/Jersey10-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:Nunito;src:url(/play/assets/font/Nunito/Nunito-Latin-Variable.woff2)format("woff2");font-weight:400 800;font-display:swap}:root{--ink:#111827;--night:#1e1b3a;--panel:#23204a;--panel-2:#2a2d3e;--line:#3d4256;--gold:#fcda4a;--gold-deep:#ba7f05;--violet:#7c2ae8;--lilac:#b794f6;--daisy:#e6e9f2;--muted:#a8a8c8;--dim:#7a8099;--sage:#a3c98a;--red:#f87171;--f-display:"Pixelify Sans", "Courier New", monospace;--f-body:"Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--f-num:"Jersey 10", "Pixelify Sans", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:72px}body{background:var(--ink);color:var(--daisy);font:16px/1.6 var(--f-body);margin:0;overflow-x:hidden}img,canvas{max-width:100%}a{color:var(--lilac)}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.wrap{width:100%;max-width:1120px;margin:0 auto;padding-inline:16px}h1,h2,h3{font-family:var(--f-display);text-wrap:balance;margin:0;font-weight:700;line-height:1.1}h2{color:var(--gold);text-shadow:3px 3px 0 var(--night);font-size:clamp(30px,4.4vw,44px)}h3{font-size:22px}p{margin:0}.eyebrow{font:600 13px/1 var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:var(--lilac)}.lede{color:var(--muted);max-width:62ch;font-size:17px}.lede.small{font-size:15px}.pixel{image-rendering:pixelated}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.nav{z-index:20;background:color-mix(in srgb, var(--ink) 88%, transparent);border-bottom:2px solid var(--night);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:sticky;top:0}.nav .wrap{align-items:center;gap:24px;min-height:60px;display:flex}.brand{color:var(--gold);font:700 22px var(--f-display);letter-spacing:.04em;align-items:center;gap:10px;text-decoration:none;display:flex}.brand img{width:32px;height:32px}.nav ul{gap:20px;margin:0 0 0 auto;padding:0;list-style:none;display:flex}.nav ul a{color:var(--muted);font:500 15px var(--f-display);text-decoration:none}.nav ul a:hover{color:var(--daisy)}@media (width<=820px){.nav ul{display:none}.nav .btn{margin-left:auto}}.btn{--s:3;min-height:calc(18px * var(--s));padding:0 calc(8px * var(--s));border-style:solid;border-width:calc(4px * var(--s));border-image:url(/play/assets/ui/ui-button-violet-normal.png) 4 fill / calc(4px * var(--s)) stretch;image-rendering:pixelated;font:600 calc(7px * var(--s)) / 1 var(--f-display);color:var(--daisy);text-shadow:calc(var(--s) * 1px) calc(var(--s) * 1px) 0 var(--night);cursor:pointer;white-space:nowrap;background:0 0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.btn>span{margin:calc(-4px * var(--s)) 0}.btn:hover{border-image-source:url(/play/assets/ui/ui-button-violet-hover.png)}.btn:active{border-image-source:url(/play/assets/ui/ui-button-violet-pressed.png)}.btn:active>span{transform:translateY(calc(var(--s) * 1px))}.btn.gold{color:var(--night);text-shadow:calc(var(--s) * 1px) calc(var(--s) * 1px) 0 #fcfc64;border-image-source:url(/play/assets/ui/ui-button-gold-normal.png)}.btn.gold:hover{border-image-source:url(/play/assets/ui/ui-button-gold-hover.png)}.btn.gold:active{border-image-source:url(/play/assets/ui/ui-button-gold-pressed.png)}.btn.sm{--s:2}.btn:disabled{cursor:wait;opacity:.8}@media (width<=480px){.btn{--s:2}}.hero{background:var(--night);isolation:isolate;height:clamp(460px,74vh,760px);position:relative;overflow:hidden}.hero .sky{z-index:-2;position:absolute;inset:0;overflow:hidden}.hero .sky canvas{max-width:none;image-rendering:pixelated;position:absolute}.hero:after{content:"";z-index:-1;background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--ink) 92%, transparent) 70%, var(--ink));height:46%;position:absolute;inset:auto 0 0}.hero .wrap{text-align:center;flex-direction:column;align-items:center;height:100%;padding-block:6vh 40px;display:flex}.badge{font:600 13px/1 var(--f-display);letter-spacing:.12em;text-transform:uppercase;color:var(--night);background:var(--sage);box-shadow:0 0 0 2px var(--night);padding:7px 10px}.title{margin:18px 0 0;line-height:0}.title img{width:auto;max-width:none;height:auto;display:block}.hero .tagline{font:500 clamp(18px, 2.4vw, 24px)/1.35 var(--f-display);max-width:30ch;text-shadow:2px 2px 0 var(--night);margin-top:auto}.cta{flex-wrap:wrap;justify-content:center;gap:14px 18px;margin-top:22px;display:flex}.madeby{color:var(--dim);font:400 13px var(--f-display);align-items:center;gap:10px;margin-top:18px;display:flex}.madeby img{width:64px;height:auto}section{padding-block:88px 0}.head{gap:12px;margin-bottom:36px;display:grid}.panel{background:var(--panel);border:2px solid var(--night);box-shadow:0 0 0 2px var(--line), 6px 6px 0 2px #00000059}.pillars{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.pillar{align-content:start;gap:8px;padding:22px;display:grid}.pillar h3{color:var(--daisy)}.pillar p{color:var(--muted)}@media (width<=820px){.pillars{grid-template-columns:1fr}}.sprite{--s:var(--s0,1);width:calc(var(--w) * var(--s) * 1px);height:calc(var(--h) * var(--s) * 1px);image-rendering:pixelated;flex:none;max-width:none}.classes{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.class{align-content:start;gap:10px;padding:0 20px 20px;display:grid}.class .stage{background:radial-gradient(ellipse 46% 16% at 50% 88%, #2e2a5a 98%, transparent 100%), linear-gradient(#1a1838, var(--panel));border-bottom:2px solid var(--night);place-items:end center;height:200px;margin:0 -20px;padding-bottom:10px;display:grid}.class .top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.class h3{color:var(--gold);font-size:26px}.stat{font:400 20px/1 var(--f-num);color:var(--lilac);letter-spacing:.04em;white-space:nowrap}.role{color:var(--daisy);font-weight:600}.class .weapon{color:var(--muted);font-size:15px}.skills{border-top:2px dashed var(--line);gap:4px;margin:4px 0 0;padding:10px 0 0;list-style:none;display:grid}.skills li{color:var(--muted);grid-template-columns:34px 1fr;gap:8px;font-size:14px;display:grid}.skills b{color:var(--daisy);font-weight:700}.lv{font:400 18px/1.2 var(--f-num);color:var(--gold)}@media (width<=960px){.classes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.classes{grid-template-columns:1fr}}.mobs{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.mob{text-align:center;align-content:start;gap:6px;padding:14px;display:grid}.mob .stage{place-items:end center;height:150px;display:grid}.mob h3{color:var(--daisy);font-size:18px}.mob p{color:var(--muted);font-size:14px;line-height:1.45}.mob .lvtag{font:400 22px/1 var(--f-num);color:var(--gold)}@media (width<=1000px){.mobs{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=560px){.mobs{grid-template-columns:repeat(2,minmax(0,1fr))}.mob .sprite{--s:2}}.mobs.four{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:20px}@media (width<=700px){.mobs.four{grid-template-columns:repeat(2,minmax(0,1fr))}}.boss{background:radial-gradient(circle at 28% 60%, #f8bf2729, transparent 45%), var(--panel);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:32px;padding:32px;display:grid;position:relative;overflow:hidden}.boss .stage{place-items:center;min-height:380px;display:grid;overflow:hidden}.boss .name{color:var(--daisy);font-size:clamp(30px,4vw,42px)}.boss .name small{font:400 26px/1 var(--f-num);color:var(--red);letter-spacing:.04em;margin-bottom:6px;display:block}.facts{grid-template-columns:auto 1fr;gap:6px 16px;margin:18px 0;font-size:15px;display:grid}.facts dt{font:600 14px/1.6 var(--f-display);color:var(--lilac)}.facts dd{color:var(--muted);margin:0}.moves{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.moves li{font:500 14px/1 var(--f-display);background:var(--night);border:2px solid var(--line);padding:8px 10px}.moves li.enrage{border-color:var(--red);color:var(--red)}@media (width<=860px){.boss{grid-template-columns:1fr;padding:20px}.boss .stage{min-height:200px}}.dungeon{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;display:grid}.dun-info{align-content:start;gap:18px;padding:26px;display:grid}.route{counter-reset:area;gap:0;margin:0;padding:0;list-style:none;display:grid}.route li{counter-increment:area;border-bottom:2px dashed var(--line);grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:9px 0;font-size:15px;display:grid}.route li:before{content:counter(area);font:400 24px/1 var(--f-num);color:var(--dim);text-align:center}.route .area{color:var(--daisy);font-weight:700}.route .mb{color:#f59e0b;font:500 14px var(--f-display);text-align:right}.route li.final:before{content:"!";color:var(--red)}.route li.final .mb{color:var(--red)}@media (width<=560px){.route li{grid-template-columns:36px 1fr;row-gap:2px}.route li:before{grid-row:span 2}.route .mb{text-align:left;grid-column:2}}.titan{background:radial-gradient(at 50% 100%,#c2410c59,#0000 60%),linear-gradient(#141228,#1a1838);flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.titan .label{align-self:stretch;gap:4px;padding:22px 22px 0;display:grid}.titan .label h3{color:var(--daisy);text-shadow:2px 2px 0 var(--night);font-size:30px}.titan .label p{color:var(--muted);max-width:40ch;font-size:15px}.titan .sprite{margin-top:auto;margin-bottom:-30px}.depths{margin-top:20px}@media (width<=560px){.depths .sprite{--s:1}}.titan .caption{color:var(--muted);align-self:stretch;padding:18px 22px 0;font-size:15px}.more{color:var(--muted);text-align:center;font:500 16px var(--f-display);margin-top:18px}.ticket{color:var(--muted);align-items:center;gap:14px;font-size:15px;display:flex}.ticket b{color:var(--daisy)}@media (width<=860px){.dungeon{grid-template-columns:1fr}}.features{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.feature{align-content:start;gap:8px;padding:20px;display:grid}.feature h3{color:var(--daisy);font-size:19px}.feature p{color:var(--muted);font-size:15px}.feature .tag{font:600 11px/1 var(--f-display);letter-spacing:.1em;text-transform:uppercase;color:var(--night);background:var(--sage);justify-self:start;padding:5px 7px}.feature .tag.soon{background:var(--dim);color:var(--ink)}@media (width<=960px){.features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.features{grid-template-columns:1fr}}.play-alt{color:var(--muted,#a9b1d6);text-align:center;margin:10px 0 0;font-size:14px}.play-alt a{color:inherit;text-underline-offset:3px;text-decoration:underline}.closing .play-alt{margin-top:0}.dialog .play-alt{margin-top:12px}.gets{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.get{align-content:start;gap:10px;padding:22px;display:grid}.get h3,.get p{margin:0}.get .get-do{margin-top:4px}.get .tag.soon{font:600 11px/1 var(--f-display);letter-spacing:.1em;text-transform:uppercase;background:var(--dim);color:var(--ink);padding:6px 8px;display:inline-block}.get .get-meta{color:var(--muted,#a9b1d6);font-size:13px}@media (width<=860px){.gets{grid-template-columns:1fr}}.closing{text-align:center;background:linear-gradient(var(--ink), var(--night));border-top:2px solid var(--night);margin-top:96px;padding-block:64px}.closing .wrap{justify-items:center;gap:14px;display:grid}footer{background:var(--night);color:var(--dim);padding-block:28px;font-size:13px}footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 28px;display:flex}footer img{width:72px;height:auto}footer a{color:var(--muted)}.modal{z-index:50;background:#111827c7;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{width:min(480px,100%);max-height:calc(100vh - 32px);padding:26px;overflow:auto}.dialog-body,.done{gap:14px;display:grid}.dialog h2{font-size:30px}.dialog label{font:600 14px var(--f-display);color:var(--lilac);gap:6px;display:grid}.dialog input,.dialog select,.dialog textarea{font:16px var(--f-body);color:var(--daisy);background:var(--ink);border:2px solid var(--line);border-radius:0;width:100%;padding:10px 12px}.dialog input:focus,.dialog select:focus,.dialog textarea:focus{border-color:var(--gold);outline:none}.dialog textarea{resize:vertical}.dialog .hint{color:var(--muted);margin-top:-8px;font-size:13px}.dialog .row{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:6px;display:flex}.dialog .row.center{justify-content:center}.dialog .note{color:var(--dim);font-size:13px}.dialog .error{color:var(--red);text-align:right;font-size:14px}.done{text-align:center;justify-items:center}.done h2:focus{outline:none}