:root{--paper:#f5efd9;--ink:#24211d;--orange:#f36f21;--cream:#fff8e8;--green:#4d772f;--red:#c93222}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Architects Daughter",cursive;overflow-x:hidden}.paper-noise{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E")}.loader{position:fixed;inset:0;z-index:100;background:var(--orange);display:grid;place-items:center;transition:opacity .65s,visibility .65s}.loader.done{opacity:0;visibility:hidden}.loader-card{text-align:center;transform:rotate(-1deg);width:min(440px,84vw)}.mini-dog{width:138px;height:138px;margin:auto;border:5px solid var(--ink);border-radius:50%;overflow:hidden;background:var(--paper);box-shadow:9px 9px 0 var(--ink);animation:bob .55s ease-in-out infinite alternate}.mini-dog img{width:100%;height:100%;object-fit:cover}.scratch{font-size:.8rem;letter-spacing:.24em;margin:24px 0 6px}.load-title{font:clamp(2.5rem,10vw,5rem)/.9 "Luckiest Guy",sans-serif}.bar{height:17px;border:4px solid var(--ink);margin:24px 0 9px;background:var(--paper);padding:2px}.bar i{display:block;width:0;height:100%;background:var(--ink)}#loadNumber{font-weight:700}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:4px solid var(--ink);position:relative;z-index:5;background:rgba(245,239,217,.92)}header:after{content:"";position:absolute;left:0;right:0;bottom:-7px;border-bottom:2px dashed var(--ink)}a{color:inherit;text-decoration:none}.brand{font:2rem "Luckiest Guy",sans-serif;letter-spacing:.04em}.paw{color:var(--orange)}nav{display:flex;gap:32px;font-weight:700}.sound{border:2px solid var(--ink);background:transparent;padding:9px 13px;font:700 .8rem inherit;transform:rotate(1deg);cursor:pointer}.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:4vw;padding:5vw 6vw 6vw}.eyebrow,.section-mark{font-weight:700;letter-spacing:.16em;font-size:.82rem}.eyebrow:before{content:"";display:inline-block;width:44px;border-top:4px solid var(--orange);margin:0 10px 3px 0}.hero h1{font:clamp(6rem,13vw,12rem)/.72 "Luckiest Guy",sans-serif;margin:.18em 0 .22em;letter-spacing:-.03em}.hero h1 span{display:block}.hero h1 span:last-child{color:var(--orange);-webkit-text-stroke:3px var(--ink);text-shadow:7px 7px 0 var(--ink);transform:rotate(-3deg);width:max-content}.tagline{font:clamp(1.5rem,2.8vw,2.7rem)/1.03 "Luckiest Guy",sans-serif}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0 16px}.btn{min-width:168px;padding:17px 22px;border:4px solid var(--ink);font:1.08rem "Luckiest Guy",sans-serif;text-align:center;cursor:pointer;box-shadow:6px 6px 0 var(--ink);transition:.18s}.btn:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--ink)}.primary{background:var(--orange)}.secondary{background:var(--cream)}.disabled{opacity:.55;cursor:not-allowed}.micro{font-size:.72rem;letter-spacing:.13em;max-width:450px}.portrait-wrap{position:relative;max-width:720px;justify-self:center}.portrait{margin:0;padding:18px;background:var(--cream);border:5px solid var(--ink);box-shadow:15px 15px 0 var(--ink);transform:rotate(2deg);animation:float 5s ease-in-out infinite}.portrait img{display:block;width:100%;height:auto;max-height:72vh;object-fit:contain}.tape{position:absolute;width:120px;height:33px;background:rgba(222,202,151,.75);z-index:3}.tape-a{left:-26px;top:22px;transform:rotate(-32deg)}.tape-b{right:-24px;bottom:18px;transform:rotate(-31deg)}.doodle{position:absolute;z-index:4;font-weight:900}.star{font-size:3rem;color:var(--orange);animation:spin 7s linear infinite}.star.one{left:-48px;top:18%}.star.two{right:-39px;bottom:28%;font-size:2rem}.woof{right:-36px;top:6%;font:2.2rem "Luckiest Guy";transform:rotate(12deg)}.arrow{left:-46px;bottom:3%;font-size:4rem;transform:rotate(17deg)}.ticker{overflow:hidden;border-block:4px solid var(--ink);background:var(--ink);color:var(--paper);padding:13px 0;transform:rotate(-1deg);width:102%;margin-left:-1%}.ticker div{width:max-content;font:1.3rem "Luckiest Guy";letter-spacing:.08em;animation:marquee 19s linear infinite}.lore{padding:110px 7vw 90px}.section-mark{color:var(--orange)}.lore-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:start;margin-top:45px}.lore h2{font:clamp(3.5rem,8vw,8rem)/.88 "Luckiest Guy";margin:0}.lore h2 em{color:var(--orange);font-style:normal;-webkit-text-stroke:2px var(--ink)}.note{font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.45;background:var(--cream);padding:35px;border:4px solid var(--ink);box-shadow:10px 10px 0 var(--orange);transform:rotate(1deg)}.note strong{display:block;font:1.8rem "Luckiest Guy";margin-top:24px}.manifesto{display:grid;grid-template-columns:1.3fr repeat(3,1fr);margin:0 5vw;border:4px solid var(--ink);background:var(--orange);transform:rotate(-.6deg)}.bone,.rule{padding:32px 25px;border-right:4px solid var(--ink)}.bone{display:grid;place-items:center;font:clamp(2rem,4vw,4rem) "Luckiest Guy";text-align:center;background:var(--cream)}.rule b{display:block}.rule span{display:block;font:clamp(1.8rem,3vw,3.2rem) "Luckiest Guy";margin:16px 0 8px}.rule small{font-weight:700}.token{padding:130px 7vw 70px}.token-card{display:grid;grid-template-columns:1.5fr .5fr;gap:40px;background:var(--ink);color:var(--paper);padding:50px;border:5px solid var(--ink);box-shadow:13px 13px 0 var(--orange)}.token-card h2{font:clamp(5rem,12vw,11rem)/.8 "Luckiest Guy";margin:32px 0;color:var(--orange)}.ca{border:2px dashed var(--paper);background:transparent;color:var(--paper);padding:16px;width:100%;text-align:left;font:1rem "Architects Daughter";cursor:pointer;overflow-wrap:anywhere}.token-actions{display:flex;flex-direction:column;justify-content:center;gap:12px}.social{border:3px solid var(--paper);padding:17px;text-align:center;font:1.05rem "Luckiest Guy"}.social:not(.disabled):hover{background:var(--orange);color:var(--ink)}.footer-dog{display:flex;justify-content:center;align-items:center;gap:30px;margin-top:80px}.footer-dog img{width:135px;height:135px;object-fit:cover;border:4px solid var(--ink);border-radius:50%;transform:rotate(-5deg)}.footer-dog span{font:2.2rem/1 "Luckiest Guy"}footer{border-top:4px solid var(--ink);display:flex;justify-content:space-between;padding:28px 5vw;font-weight:700}.toast{position:fixed;left:50%;bottom:25px;z-index:80;background:var(--ink);color:var(--paper);padding:14px 20px;border:3px solid var(--orange);font-weight:700;transform:translate(-50%,120px) rotate(-2deg);transition:.25s}.toast.show{transform:translate(-50%,0) rotate(-2deg)}@keyframes bob{to{transform:translateY(-10px) rotate(3deg)}}@keyframes float{50%{transform:translateY(-12px) rotate(-1deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:850px){header{height:68px}nav{display:none}.sound{font-size:.65rem}.hero{grid-template-columns:1fr;padding:60px 7vw 75px}.hero-copy{text-align:center}.eyebrow:before{display:none}.hero h1 span,.hero h1 span:last-child{display:inline-block}.hero h1{font-size:clamp(5rem,23vw,8rem)}.tagline{font-size:1.65rem}.actions{justify-content:center}.micro{margin-inline:auto}.portrait-wrap{margin-top:20px;width:92%}.portrait img{max-height:none}.woof{right:-14px}.lore-grid{grid-template-columns:1fr}.manifesto{grid-template-columns:1fr}.bone,.rule{border-right:0;border-bottom:4px solid var(--ink)}.rule:last-child{border-bottom:0}.token-card{grid-template-columns:1fr;padding:30px 22px}.token-card h2{font-size:5rem}.footer-dog span{font-size:1.55rem}footer{font-size:.75rem;gap:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}