:root{--ink: #0f0d0c;--ink-2: #1d1a18;--line: #3d3734;--paper: #bfe2e8;--bone: #f5efe2;--muted: #b9b1a4;--dim: #8d847b;--orange: #ee8a1d;--blood: #d42a1f;--violet: #9a52e0;--display: "Anton", "Oswald", "Arial Narrow", sans-serif;--label: "Barlow Condensed", "Arial Narrow", sans-serif;--body: "Barlow", "Helvetica Neue", Arial, sans-serif;--marker: "Permanent Marker", "Comic Sans MS", cursive;--ease: cubic-bezier(.2, .9, .25, 1);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;overflow-x:clip;background:var(--ink);color:var(--bone);font:400 17px/1.55 var(--body)}img{display:block;max-width:100%}a{color:inherit}:focus-visible{outline:3px solid var(--orange);outline-offset:3px}[hidden]{display:none!important}.wrap{max-width:1180px;margin:0 auto;padding-inline:16px}.prose{max-width:62ch}.prose p{margin:0 0 1em;font-size:18px}.h2{font:400 clamp(2.2rem,5vw,3.8rem) / .95 var(--display);text-transform:uppercase;margin:0 0 .5em;text-wrap:balance}.lab{font:700 13px/1 var(--label);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.paper{background-color:var(--paper);background-image:radial-gradient(circle at 80% 70%,rgba(15,13,12,.1) 0 1.2px,transparent 1.6px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='72.75' viewBox='0 0 42 72.75'%3E%3Cpath d='M21 0l21 12.12v24.25L21 48.5 0 36.37V12.12z M21 48.5v24.25' fill='none' stroke='%231d5562' stroke-opacity='.16' stroke-width='1.2'/%3E%3C/svg%3E");background-size:7px 7px,42px 72.75px}.card{position:relative;overflow:hidden;isolation:isolate}.torn{position:absolute;left:0;width:100%;height:34px;z-index:6;display:block}.torn.top{top:-1px}.torn.bottom{bottom:-1px;transform:scaleY(-1)}.brush{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.name{font-family:var(--display);font-weight:400;text-transform:uppercase;line-height:.86;color:var(--bone);text-shadow:.055em .06em 0 var(--ink),.02em .02em 0 var(--ink);filter:url(#grit);transform:rotate(-4deg);transform-origin:30% 60%;margin:0}.sub{font-family:var(--display);text-transform:uppercase;line-height:.95;color:var(--ink);transform:rotate(-4deg);transform-origin:0 50%;margin:0}.sub.accent{color:var(--orange)}@keyframes slam{0%{transform:scale(1.7) rotate(-9deg)}55%{transform:scale(.97) rotate(-3.5deg)}to{transform:scale(1) rotate(-4deg)}}@keyframes jolt{0%,to{transform:translate(0)}20%{transform:translate(-6px,4px)}45%{transform:translate(5px,-3px)}70%{transform:translate(-2px,2px)}}@keyframes swap{0%{transform:translate(-40px);filter:brightness(3)}to{transform:none;filter:none}}.slam,.hit .name{animation:slam .5s var(--ease) both}.jolt,.card.hit{animation:jolt .32s ease-out .42s both}.swap{animation:swap .45s var(--ease) both}@media(prefers-reduced-motion:reduce){.slam,.hit .name,.jolt,.card.hit,.swap{animation:none!important}}.hero{min-height:min(56.25vw,760px)}.scene{position:absolute;inset:0;z-index:0;background:#2f5c73}.scene>svg,.scene>img{width:100%;height:100%;object-fit:cover}.hero-brush{left:38%;width:62%;z-index:1}.hero-text{position:relative;z-index:4;margin-left:52%;padding:10% 5% 10% 0;display:flex;flex-direction:column;gap:1.2rem}.hero .name{font-size:clamp(4rem,10.5vw,9rem)}.hero .sub{font-size:clamp(1.8rem,3.8vw,3.2rem)}.origin{padding-block:64px 16px}.origin-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:center}.polaroid{margin:0;position:relative;background:#efe8da;padding:16px 16px 0;transform:rotate(2.5deg);box-shadow:0 2px #0003,0 22px 44px #00000080;max-width:440px;width:100%;justify-self:center}.photo{aspect-ratio:1 / 1;overflow:hidden;background:#1d2838}.photo>svg,.photo>img{width:100%;height:100%;object-fit:cover}.photo .shadow{filter:brightness(0);opacity:.5}.polaroid figcaption{font:400 clamp(1.5rem,3vw,2rem) / 1 var(--marker);color:#1b1a2e;padding:20px 6px 26px;transform:rotate(-2deg)}.tape{position:absolute;z-index:4;width:96px;height:28px;background:#eee6c8b3;box-shadow:0 1px 2px #0003}.tape.t1{top:-12px;left:-18px;transform:rotate(-32deg)}.tape.t2{top:-10px;right:-20px;transform:rotate(28deg)}.ladder{padding-block:64px 48px}.ladder .season{display:block;color:var(--orange);margin-bottom:10px}.ladder .h2{margin-bottom:52px}.xp{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 14px;align-items:start}.xp-start{position:relative}.pin{position:absolute;top:-36px;left:0;font:700 12px/1 var(--label);letter-spacing:.1em;text-transform:uppercase;background:var(--bone);color:var(--ink);padding:5px 8px;white-space:nowrap}.pin:after{content:"";position:absolute;left:14px;bottom:-6px;border:6px solid transparent;border-bottom:0;border-top-color:var(--bone)}.xp-zero{display:block;font:400 30px/26px var(--display);font-variant-numeric:tabular-nums}.xp-segs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.seg{display:flex;flex-direction:column;gap:10px;min-width:0}.seg .bar{display:block;height:26px;transform:skew(-18deg);background:#221e1c;box-shadow:inset 0 0 0 2px #3a3431;position:relative;overflow:hidden}.seg .bar i{position:absolute;inset:0 auto 0 0;background:var(--orange)}.seg.now .bar{box-shadow:inset 0 0 0 2px var(--orange);background:repeating-linear-gradient(90deg,rgba(238,138,29,.12) 0 10px,transparent 10px 20px),#221e1c}.seg .sn{font:400 clamp(1rem,2vw,1.5rem) / 1.05 var(--display);text-transform:uppercase;color:var(--dim);padding-left:4px}.seg .sa{font:700 14px/1 var(--label);letter-spacing:.06em;color:#766d65;padding-left:4px;font-variant-numeric:tabular-nums}.seg.now .sn{color:var(--orange)}.seg.now .sa{color:var(--muted)}.tally{display:flex;flex-wrap:wrap;gap:8px 36px;margin:32px 0 0;padding-top:18px;border-top:2px solid var(--line)}.tally div{display:flex;gap:10px;align-items:baseline}.tally dt{font:700 13px/1 var(--label);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.tally dd{margin:0;font:400 26px/1 var(--display);color:var(--orange);font-variant-numeric:tabular-nums}.monsters{padding-block:48px 56px}.bestiary{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:18px}.locked{position:relative;aspect-ratio:4 / 5;max-width:100%;overflow:hidden;border:3px solid var(--ink)}.locked .monster{position:absolute;inset:8% 2% 24%;z-index:2}.locked .monster svg,.locked .monster img{width:100%;height:100%;object-fit:contain}.locked .monster.hidden img{filter:brightness(0)}.locked .cap{position:absolute;left:0;right:0;bottom:0;z-index:7;padding:14px 16px 16px;background:var(--ink)}.locked .n{margin:0;font:400 26px/1 var(--display);text-transform:uppercase}.locked .d{margin:6px 0 0;font:500 15px/1.35 var(--body);color:var(--muted)}.select{padding-top:56px}.roster{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:28px}.ro{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 6px;background:var(--paper);border:3px solid var(--ink);color:var(--ink);cursor:pointer;font:400 17px/1 var(--display);text-transform:uppercase;transition:border-color .15s,color .15s,transform .2s var(--ease)}.ro svg,.ro img{width:100%;max-width:72px;aspect-ratio:3 / 4;height:auto;object-fit:contain}.ro img{filter:brightness(0)}.ro:hover{transform:translateY(-3px)}.ro[aria-selected=true]{background:var(--c);box-shadow:0 0 0 3px var(--bone)}.ro[aria-selected=true] img{filter:none}.class-card{min-height:min(52vw,640px)}.class-art{position:absolute;z-index:2;left:4%;top:8%;bottom:4%;width:40%}.class-art .fig,.class-art svg,.class-art img{width:100%;height:100%;object-fit:contain}.class-info{position:relative;z-index:4;margin-left:50%;padding:8% 5% 9% 0;display:flex;flex-direction:column;gap:1rem}.class-info .name{font-size:clamp(3.4rem,8vw,7rem)}.class-info .sub{font-size:clamp(1.4rem,2.8vw,2.2rem)}.stats{margin:10px 0 0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 14px;background:var(--ink);color:var(--bone);padding:18px 20px;max-width:36rem;transform:rotate(-1deg)}.stats dt{font:700 13px/1.5 var(--label);letter-spacing:.12em;text-transform:uppercase;color:var(--orange)}.stats dd{margin:0;font-size:16px;line-height:1.45}.join-card{background:var(--ink-2);min-height:min(44vw,540px)}.join-text{position:relative;z-index:4;width:50%;padding:7% 5%;display:flex;flex-direction:column;gap:1.1rem}.join-card .name{font-size:clamp(3.4rem,8.6vw,7.4rem)}.join-card .sub{font-size:clamp(1.4rem,3vw,2.5rem)}.join{display:flex;flex-wrap:wrap;gap:10px;max-width:34rem}.join label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.join input{flex:1 1 14rem;min-width:0;font:500 17px/1 var(--body);color:var(--ink);background:var(--bone);border:3px solid var(--ink);padding:14px;clip-path:polygon(0 4%,100% 0,99% 100%,1% 96%)}.join input::placeholder{color:#6d655b}.btn{font:400 20px/1 var(--display);letter-spacing:.03em;text-transform:uppercase;color:var(--ink);background:var(--orange);border:3px solid var(--ink);padding:14px 22px;cursor:pointer;clip-path:polygon(2% 0,100% 6%,98% 100%,0 94%);transition:transform .15s var(--ease),background-color .15s}.btn:hover{transform:rotate(-2deg) scale(1.04);background:#ffa33b}.join-note,.join-fallback{flex-basis:100%;margin:0;font:500 16px/1.45 var(--body);color:var(--muted);max-width:34rem}.join-fallback a{color:var(--bone);font-weight:700}.site-footer{border-top:2px solid var(--line);padding-block:28px 40px;font-size:15px;color:var(--muted)}.site-footer .wrap{display:flex;flex-wrap:wrap;gap:10px 32px;justify-content:space-between}@media(max-width:860px){.origin-grid{grid-template-columns:minmax(0,1fr)}.polaroid{max-width:340px}}@media(max-width:760px){.hero{min-height:0}.scene{position:relative;aspect-ratio:16 / 10}.hero-brush{left:0;width:100%;top:40%;height:60%}.hero-text{margin:0;padding:24px 16px 64px}.roster{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.class-card{min-height:0}.class-art{position:relative;inset:auto;width:64%;margin:40px auto 0;aspect-ratio:3 / 4}.class-info{margin:0;padding:16px 16px 64px}.join-card{min-height:0}.join-brush{top:-12%;height:62%}.join-text{width:auto;padding:48px 16px 56px}}@media(max-width:560px){.ladder .h2{margin-bottom:16px}.xp{grid-template-columns:minmax(0,1fr);gap:12px}.xp-start{display:flex;align-items:center;gap:10px}.pin{position:static}.pin:after{display:none}.xp-segs{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 8px}.ro{font-size:14px}.stats{grid-template-columns:minmax(0,1fr);gap:2px}.stats dd{margin-bottom:8px}.tally{gap:8px 20px}}