@charset "UTF-8";
:root{--ink:#25201e;--lime:#ddf34b;--pink:#ff8dbd;--paper:#fffdf3;--blue:#306be0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Comic Sans MS','Comic Sans',cursive}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}header{height:98px;display:flex;align-items:center;gap:24px;padding:0 5%;background:var(--lime);border-bottom:2px solid var(--ink)}.wordmark{font-size:46px;font-weight:900;letter-spacing:-5px;text-decoration:none;transform:rotate(-7deg)}.header-note{font-size:15px}.nav-link{margin-left:auto;text-underline-offset:6px;font-weight:bold}.hero{position:relative;isolation:isolate;min-height:730px;padding:65px 5% 75px;display:grid;grid-template-columns:1.1fr 1fr;gap:25px;background:var(--lime);overflow:hidden}.hero:before{content:'';position:absolute;inset:0;background:url('assets/world.png') center/cover;opacity:.25;z-index:-1}.hero-copy{max-width:690px;z-index:2}.stamp{display:inline-block;font-size:14px;text-transform:uppercase;border:2px solid;border-radius:48% 5% 35% 8%;padding:8px 15px;transform:rotate(-3deg);background:var(--paper)}h1{font-size:clamp(48px,5.6vw,88px);line-height:1.03;letter-spacing:-5px;margin:28px 0 24px;font-weight:900}h1 span{color:var(--blue)}.hero-copy>p{font-size:23px}.actions{display:flex;gap:18px;margin:30px 0 22px;flex-wrap:wrap}.drawn{position:relative;display:inline-flex;align-items:center;justify-content:center;border:3px solid var(--ink);border-radius:9% 5% 12% 4% / 18% 30% 19% 30%;padding:17px 26px;min-height:58px;font:700 19px 'Comic Sans MS',cursive;text-decoration:none;box-shadow:4px 5px 0 var(--ink);transform:rotate(-2deg);cursor:pointer;transition:transform .18s,box-shadow .18s}.drawn:after{content:'';position:absolute;inset:3px -4px -3px 2px;border:1px solid var(--ink);border-radius:7% 4% 10% 5%;pointer-events:none}.drawn:hover{transform:rotate(1deg) translateY(-3px);box-shadow:5px 8px 0 var(--ink)}.drawn:active{transform:translate(3px,3px);box-shadow:1px 1px 0}.pink{background:var(--pink)}.white{background:var(--paper);transform:rotate(2deg)}.contract{width:100%;max-width:500px;border:2px dashed var(--ink);border-radius:7px 14px 5px 10px;padding:15px 13px;display:flex;align-items:center;gap:12px;background:#fffdf3db;color:var(--ink);cursor:pointer}.contract>span{font-weight:900}.contract code{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;text-align:left}.contract strong{font:700 15px 'Comic Sans MS',cursive;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}.hero-copy>.tiny{font-size:13px;margin-top:10px}.portrait{position:relative;align-self:center;transform:rotate(4deg);margin:20px 14px 40px}.portrait img{width:100%;height:auto;display:block;mix-blend-mode:multiply}.portrait{background:var(--paper);border:3px solid var(--ink);border-radius:2% 1% 3% 2%;box-shadow:9px 10px 0 #25201e;max-width:530px}.portrait:before{content:'';position:absolute;width:140px;height:35px;background:#ffb4cfb3;top:-17px;left:35%;transform:rotate(-9deg);z-index:1}.portrait-note{position:absolute;top:18px;left:20px;font-size:22px;z-index:1;transform:rotate(-8deg)}.portrait-note span{font-size:12px}.name-sticker{position:absolute;right:-24px;bottom:-20px;background:var(--blue);color:var(--paper);font-size:53px;font-weight:900;border:3px solid var(--ink);padding:0 20px;transform:rotate(-13deg);box-shadow:4px 4px var(--ink)}.side-note{position:absolute;left:5px;bottom:12px;font-size:13px;transform:rotate(-5deg)}.scroll{position:absolute;bottom:22px;left:5%;font-size:14px;text-underline-offset:5px}.ticker{background:var(--pink);border-top:3px solid;border-bottom:3px solid;overflow:hidden;padding:17px 0;transform:rotate(-1deg);width:100%;position:relative;z-index:3}.ticker>div{white-space:nowrap;font-size:24px;font-weight:900;word-spacing:7px}.ticker span{margin:0 28px}.lore{max-width:1400px;margin:auto;padding:115px 5%;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.story-image{transform:rotate(-4deg);background:#fff;border:3px solid;padding:14px 14px 25px;box-shadow:6px 6px var(--ink)}.story-image img{width:100%;height:auto;display:block}.caption{display:block;text-align:center;font-size:14px;margin-top:15px}.eyebrow{font-size:13px;letter-spacing:1px}h2{font-size:clamp(36px,4vw,60px);line-height:1.08;letter-spacing:-2.5px;margin:17px 0 25px}.lore p{font-family:Arial,sans-serif;font-size:18px;line-height:1.65}.story-end{font-size:21px;display:block;transform:rotate(-2deg);margin:28px 0}.lore small{font-size:12px}.bottom{text-align:center;background:var(--blue);color:var(--paper);padding:60px 20px 75px;border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}.bottom>span{display:inline-block;border:2px solid;padding:7px 16px;border-radius:50%;transform:rotate(-5deg)}.bottom h2{font-size:clamp(44px,5.5vw,78px)}.bottom em{font-style:normal;color:var(--lime)}.bottom .drawn{color:var(--ink)}.bottom p{font-size:16px;margin-top:25px}footer{padding:28px 5%;display:flex;gap:20px;justify-content:space-between;align-items:center;font-size:13px}footer b{font-size:21px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:white;padding:15px 23px;border-radius:8px;z-index:10;opacity:0;pointer-events:none;transition:.2s;width:max-content;max-width:90%;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}:focus-visible{outline:4px solid var(--blue);outline-offset:7px}.bottom :focus-visible{outline-color:var(--lime)}[aria-disabled=true]{cursor:help}@media(min-width:1600px){.hero{padding-left:calc((100vw - 1440px)/2);padding-right:calc((100vw - 1440px)/2)}}@media(max-width:900px){header{height:80px}.hero{padding-top:35px;grid-template-columns:1fr 1fr;gap:15px}h1{font-size:55px;letter-spacing:-3px}.portrait{margin-right:0}.portrait-note{font-size:17px}.portrait-note span{font-size:10px}.side-note{display:none}.actions{gap:13px}.drawn{font-size:16px;padding:14px 18px}.lore{gap:35px;padding-top:80px;padding-bottom:80px}}@media(max-width:650px){header{padding:0 6%}.header-note{display:none}.hero{display:flex;flex-direction:column;padding:35px 6% 65px;gap:28px}.hero-copy{width:100%}h1{font-size:clamp(49px,12vw,74px);letter-spacing:-3.5px}.hero-copy>p{font-size:20px}.stamp{font-size:11px}.actions{gap:15px}.drawn{font-size:16px}.portrait{width:82%;max-width:390px;margin:5px auto 30px;align-self:center}.portrait-note{font-size:18px}.name-sticker{font-size:42px}.lore{grid-template-columns:1fr;gap:48px;padding:65px 7%}.story-image{max-width:450px;margin:auto}.lore h2{font-size:43px}.ticker>div{font-size:18px}.bottom{padding:50px 20px 60px}footer{flex-wrap:wrap;font-size:12px}footer>span:nth-child(2){order:3;width:100%}.contract{gap:8px}.contract code{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Full character name */
.wordmark{font-size:30px;letter-spacing:-1.5px;line-height:1.05;max-width:250px;transform:rotate(-4deg)}
@media(max-width:650px){.wordmark{font-size:24px;max-width:180px}.nav-link{font-size:14px}.name-sticker{font-size:38px}}