:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f2eee5;font-synthesis:none;text-rendering:optimizelegibility;--topbar-height:66px;background:#09070c;font-family:Aptos,Calibri,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#09070c}body{background:#09070c;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,a{font:inherit}button{color:inherit}img{max-width:100%;display:block}::selection{color:#fff;background:#7b3eb4}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:fixed;overflow:hidden}.skip-link{z-index:1000;color:#151017;background:#f2eee5;padding:10px 14px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.app-shell{isolation:isolate;background:#09070c;min-height:100vh}.app-shell:after{content:"";z-index:90;pointer-events:none;opacity:.13;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#0000 0 3px,#000 3px 4px);position:fixed;inset:0}.topbar{z-index:100;height:var(--topbar-height);padding-left:max(14px, env(safe-area-inset-left));background:#0c0910;border-bottom:2px solid #36293f;align-items:stretch;display:flex;position:sticky;top:0}.topbar__brand{border-right:1px solid #36293f;flex:0 0 154px;place-items:center;padding:10px 18px 10px 4px;display:grid}.topbar__brand img{width:130px;height:auto}.topbar__brand:focus-visible,.character-nav button:focus-visible{outline-offset:-4px;outline:3px solid #f2eee5}.character-nav{scrollbar-width:thin;scrollbar-color:#704495 #0c0910;flex:1;min-width:0;display:flex;overflow-x:auto}.character-nav button{color:#b9afb9;cursor:pointer;text-transform:uppercase;letter-spacing:.035em;background:0 0;border:0;border-right:1px solid #2b2230;border-radius:0;flex:none;min-height:64px;padding:0 17px;font-family:Franklin Gothic Medium,Aptos Display,sans-serif;font-size:.76rem;font-weight:800;transition:color .14s,background-color .14s}.character-nav button:hover{color:#fff;background:#17111d}.character-nav button.is-active{color:#fff;background:#24162e;box-shadow:inset 0 -4px #9d58d6}.profile{--accent:#a66bff;--accent-soft:#2b1c43;min-height:calc(100dvh - var(--topbar-height));background:#0d0a10;grid-template-rows:minmax(490px,1fr) auto;grid-template-columns:minmax(0,1.42fr) minmax(340px,.78fr);display:grid;position:relative;overflow:clip}.profile__art{border-right:2px solid var(--accent);grid-area:1/1;min-width:0;position:relative}.profile__identity{z-index:3;background:linear-gradient(112deg,#0d0a10f2,#0d0a10c2);grid-area:1/2;align-self:start;min-width:0;padding:clamp(28px,4vw,68px) clamp(24px,4vw,64px) 20px;position:relative}.profile__identity:before{content:"";z-index:-1;border-left:2px solid var(--accent);background:#0d0a10;width:70px;position:absolute;top:0;bottom:0;left:-38px;transform:skew(-4deg)}.issue-line{color:#d2c9d1;letter-spacing:.08em;text-transform:uppercase;border-top:1px solid #5b4d5e;border-bottom:1px solid #5b4d5e;justify-content:space-between;gap:16px;margin:0 0 24px;padding:7px 0;font-size:.72rem;font-weight:800;display:flex}.issue-line b{color:var(--accent)}.profile h1{color:#f4efe5;letter-spacing:-.025em;text-transform:uppercase;text-wrap:balance;max-width:12ch;text-shadow:4px 4px 0 var(--accent-soft);margin:0;font-family:Impact,Haettenschweiler,Franklin Gothic Medium,sans-serif;font-size:clamp(3.7rem,6vw,7.8rem);font-weight:900;line-height:.82}.nickname{color:var(--accent);text-transform:uppercase;margin:18px 0 0;font-family:Franklin Gothic Medium,Aptos Display,sans-serif;font-size:clamp(1.2rem,2vw,2rem);font-weight:900}.intro-copy{color:#d9d0d8;max-width:42ch;margin:18px 0 0;font-size:clamp(.98rem,1.25vw,1.15rem);line-height:1.5}blockquote{border-left:5px solid var(--accent);color:#161219;background:#f0eadf;margin:24px 0 0;padding:15px 18px;font-family:Franklin Gothic Medium,Aptos Display,sans-serif;font-size:clamp(1rem,1.4vw,1.25rem);font-weight:800;line-height:1.25;position:relative;transform:rotate(-.5deg)}.classification{text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:22px;font-family:Franklin Gothic Medium,Aptos Display,sans-serif;font-weight:900;display:flex}.classification span{color:#f2eee5}.classification b{border:2px solid var(--accent);color:var(--accent);padding:6px 9px;font-size:.74rem;transform:rotate(1deg)}.character-art{background:#120f15;height:100%;min-height:520px;margin:0;position:relative;overflow:hidden}.character-art:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 48%,#08060a1f 75%,#08060aa6);position:absolute;inset:0}.character-art>img{object-fit:cover;object-position:center;width:100%;height:100%;animation:.7s cubic-bezier(.2,.8,.2,1) both image-enter}.character-art figcaption{z-index:3;color:#18121b;border-left:4px solid var(--accent);letter-spacing:.08em;text-transform:uppercase;background:#eee7dc;padding:6px 9px;font-size:.68rem;font-weight:900;position:absolute;bottom:20px;left:18px}.art-fallback{text-align:center;height:100%;color:var(--accent);background:repeating-linear-gradient(-45deg,#151018 0 14px,#1d1621 14px 28px);place-content:center;gap:12px;padding:40px;display:grid}.art-fallback span{letter-spacing:.15em;font-size:.75rem}.art-fallback b{text-transform:uppercase;font-family:Impact,sans-serif;font-size:clamp(2.8rem,6vw,6rem)}.progress-stamps{z-index:4;gap:6px;display:flex;position:absolute;bottom:20px;right:20px}.progress-stamps>span{color:#eee7dc;background:#171219;border:2px solid #eee7dc;place-items:center;width:38px;height:24px;display:grid;position:relative;overflow:hidden;transform:skew(-8deg)}.progress-stamps>span i{transform-origin:0;background:var(--accent);position:absolute;inset:0;transform:scaleX(0)}.progress-stamps>span.is-past i{background:#62566a;transform:scaleX(1)}.progress-stamps>span b{z-index:1;font-size:.66rem;position:relative}.profile__readout{z-index:4;color:#171219;border-top:6px solid var(--accent);border-right:2px solid var(--accent);background:#f0eadf;grid-area:2/1;padding:24px clamp(22px,3vw,48px) 30px;position:relative}.profile__bio{z-index:4;border-top:6px solid var(--accent);background:#171219;grid-area:2/2;padding:24px clamp(24px,4vw,64px) 30px;position:relative}.stats h2,.biography h2{letter-spacing:.08em;text-transform:uppercase;margin:0 0 17px;font-family:Franklin Gothic Medium,Aptos Display,sans-serif;font-size:.82rem}.stats__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;display:grid}.stat__label{text-transform:uppercase;justify-content:space-between;gap:12px;margin-bottom:4px;font-size:.7rem;font-weight:900;display:flex}.stat__label b{color:#4c245f}.stat__track{background:repeating-linear-gradient(90deg,#0000 0 9%,#0003 9% 10%);border:2px solid #241b28;height:9px;overflow:hidden;transform:skew(-12deg)}.stat__track i{background:var(--accent);height:100%;display:block}.biography>p{color:#d8cfd8;margin:0;font-size:.9rem;line-height:1.55}.bio-facts{grid-template-columns:1fr 1fr;gap:10px 20px;margin:18px 0 0;display:grid}.bio-facts>div{border-top:1px solid #504453;padding-top:7px}.bio-facts dt{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;font-size:.63rem;font-weight:900}.bio-facts dd{color:#f2eee5;margin:3px 0 0;font-size:.76rem;line-height:1.3}.profile__texture{z-index:8;pointer-events:none;opacity:.06;mix-blend-mode:overlay;background-image:radial-gradient(#fff 1px,#0000 1px);background-size:5px 5px;position:absolute;inset:0}.profile--cat .profile__identity:after{content:"••";color:var(--accent);letter-spacing:.2em;font-size:2rem;position:absolute;top:18px;right:30px}.profile--construction .profile__readout{background-image:repeating-linear-gradient(-45deg,#ff9d2224 0 12px,#0000 12px 24px)}.profile--candy .profile__identity{transform:rotate(.15deg)}.profile--biomech .profile__bio{border-left:5px double var(--accent)}.profile--classified .bio-facts dd{background:linear-gradient(#f2eee5,#f2eee5) 0 80%/72% 3px no-repeat}.profile--pixel .character-art>img{image-rendering:crisp-edges}.profile--western blockquote{border-left:0;border-bottom:5px solid var(--accent)}.profile--hazard .profile__readout{background-color:#e8eddf}.character-transition{inset:var(--topbar-height) 0 0;z-index:70;pointer-events:none;position:fixed;overflow:hidden}.character-transition i,.character-transition b{display:block;position:absolute}.character-transition--ink{clip-path:polygon(0 0,100% 0,100% 82%,84% 76%,68% 88%,52% 78%,37% 90%,19% 79%,0 91%);background:#1e1028;animation:.78s both transition-fade}.character-transition--slash i{background:var(--accent,#8a43bd);animation:.75s cubic-bezier(.7,0,.3,1) both slash-pass;inset:-20% -30%;transform:rotate(-12deg)translate(-120%)}.character-transition--page{transform-origin:0;background:#e9e1d5;animation:.76s ease-in-out both page-turn}.character-transition--impact{background:#efe7d9;animation:.65s ease-out both impact-flash}.character-transition--impact:after{content:"SMACK";color:#211426;place-items:center;font-family:Impact,sans-serif;font-size:20vw;display:grid;position:absolute;inset:0;transform:rotate(-6deg)}.character-transition--panels i{background:#211128;animation:.76s both panel-out;inset:0 50% 50% 0}.character-transition--panels b{background:#eee7dc;animation:.76s both panel-out-reverse;inset:50% 0 0 50%}.character-transition--torn{clip-path:polygon(0 0,100% 0,100% 72%,91% 68%,82% 78%,72% 68%,62% 77%,50% 69%,38% 80%,27% 69%,16% 78%,8% 70%,0 78%);background:#7e3faf;animation:.8s both torn-away}.intro{z-index:200;cursor:pointer;background:#030204;place-items:center;animation:6.4s linear both intro-black;display:grid;position:fixed;inset:0;overflow:hidden}.intro:focus-visible{outline-offset:-6px;outline:3px solid #fff}.intro__ink{aspect-ratio:1;filter:blur(40px);opacity:0;background:#6d2a93;border-radius:50%;width:30vmax;animation:6.4s both intro-ink;position:absolute}.intro__presents,.intro__subtitle{color:#eee7dc;letter-spacing:.16em;text-align:center;text-transform:uppercase;margin:0;font-family:Franklin Gothic Medium,Aptos Display,sans-serif;font-weight:900;position:absolute}.intro__presents{font-size:clamp(.75rem,1.3vw,1rem);animation:6.4s both presents}.intro__logo{opacity:0;filter:drop-shadow(0 0 18px #974fcd6b);width:min(72vw,850px);height:auto;animation:6.4s cubic-bezier(.2,.8,.2,1) both logo-reveal;position:relative}.intro__subtitle{font-size:clamp(.78rem,1.8vw,1.3rem);animation:6.4s both subtitle;top:calc(50% + min(20vw,180px))}.intro--leaving{opacity:0;transition:opacity .4s}.fatal-error{text-align:center;color:#f2eee5;background:#0c0910;place-content:center;min-height:100vh;padding:32px;display:grid}.fatal-error h1{margin:0;font-family:Impact,sans-serif;font-size:clamp(3rem,8vw,8rem)}.fatal-error p{color:#c5bbc5}@keyframes image-enter{0%{opacity:0;transform:scale(1.018)}to{opacity:1;transform:scale(1)}}@keyframes transition-fade{0%{opacity:0;transform:translateY(100%)}42%{opacity:1;transform:translateY(0)}58%{opacity:1}to{opacity:0;transform:translateY(-20%)}}@keyframes slash-pass{0%{transform:rotate(-12deg)translate(-120%)}48%{transform:rotate(-12deg)translate(0)}to{transform:rotate(-12deg)translate(130%)}}@keyframes page-turn{0%{opacity:0;transform:perspective(1000px)rotateY(-90deg)}45%{opacity:1;transform:rotateY(0)}55%{opacity:1}to{opacity:0;transform:perspective(1000px)rotateY(90deg)}}@keyframes impact-flash{0%{opacity:0;transform:scale(1.4)}25%{opacity:1;transform:scale(1)}55%{opacity:1}to{opacity:0;transform:scale(1.1)}}@keyframes panel-out{0%{transform:translate(-100%,-100%)}45%{transform:none}58%{transform:none}to{transform:translate(-110%,-110%)}}@keyframes panel-out-reverse{0%{transform:translate(100%,100%)}45%{transform:none}58%{transform:none}to{transform:translate(110%,110%)}}@keyframes torn-away{0%{opacity:0;transform:translateY(-100%)}45%{opacity:1;transform:none}58%{opacity:1}to{opacity:0;transform:translateY(100%)}}@keyframes intro-black{0%,7%{background:#000}25%,to{background:#060309}}@keyframes intro-ink{0%,8%{opacity:0;transform:scale(.1)}30%{opacity:.65;transform:scale(2.4)}85%{opacity:.35;transform:scale(3)}to{opacity:0;transform:scale(3.5)}}@keyframes presents{0%,8%{opacity:0}14%,28%{opacity:1}34%,to{opacity:0}}@keyframes logo-reveal{0%,30%{opacity:0;transform:scale(.82)}43%,82%{opacity:1;transform:scale(1)}92%,to{opacity:0;transform:scale(1.03)}}@keyframes subtitle{0%,50%{opacity:0;transform:translateY(8px)}60%,84%{opacity:1;transform:none}94%,to{opacity:0}}@media (max-width:980px){:root{--topbar-height:58px}.topbar__brand{flex-basis:120px;padding-right:12px}.topbar__brand img{width:100px}.character-nav button{min-height:56px;padding-inline:13px;font-size:.69rem}.profile{min-height:auto;display:block}.profile__art{border-right:0;border-bottom:2px solid var(--accent);height:min(66vh,680px)}.character-art{min-height:0}.character-art:after{background:linear-gradient(#0000 64%,#08060ab3)}.profile__identity{padding:30px clamp(20px,5vw,48px)}.profile__identity:before{display:none}.profile h1{font-size:clamp(3.5rem,12vw,7rem)}.profile__readout,.profile__bio{border-right:0;padding-inline:clamp(20px,5vw,48px)}}@media (max-width:600px){.topbar{padding-left:max(8px, env(safe-area-inset-left))}.topbar__brand{flex-basis:88px}.topbar__brand img{width:76px}.character-nav button{padding-inline:11px;font-size:.65rem}.profile__art{height:56dvh;min-height:390px}.character-art>img{object-position:center}.character-art figcaption{font-size:.6rem;bottom:12px;left:12px}.progress-stamps{gap:4px;bottom:12px;right:12px}.progress-stamps>span{width:29px;height:22px}.profile__identity{padding:26px max(18px,env(safe-area-inset-right)) 26px max(18px,env(safe-area-inset-left))}.issue-line{margin-bottom:20px}.profile h1{font-size:clamp(3.1rem,16vw,5.5rem)}blockquote{margin-top:20px}.stats__list{grid-template-columns:1fr;gap:9px}.bio-facts{grid-template-columns:1fr}.profile__bio{padding-bottom:max(30px,env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.app-shell:after{display:none}.character-art>img{transform:none}.intro__ink{filter:none}}