@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Space+Mono:wght@400;700&display=swap');
:root{--ink:#0b0908;--paper:#e8d5b7;--skin:#b76f3f;--red:#a62b20;--acid:#d7dc72}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:'Space Mono',monospace;overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.eyebrow{letter-spacing:.16em;font-size:14px;font-weight:700}nav{position:fixed;z-index:40;top:0;left:0;right:0;height:78px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;mix-blend-mode:difference}.brand,nav a{color:white;text-decoration:none;font-weight:700}.brand{font-family:'Archivo Black';font-size:24px}.navlinks{display:flex;gap:28px;font-size:14px}.hero{height:100vh;min-height:820px;position:relative;overflow:hidden;background:radial-gradient(circle at 72% 47%,#3c1b11 0,#160d09 31%,#090807 67%)}.halo{position:absolute;width:740px;height:740px;border:1px solid #74523c;border-radius:50%;right:12%;top:12%;box-shadow:0 0 120px #55241655,inset 0 0 120px #55241633}.hero-copy{position:absolute;z-index:4;left:6vw;top:20vh}.hero h1,.specimen h2,.rules h2,.void h2,.final h2{font-family:'Archivo Black',Impact,sans-serif;margin:0;line-height:.82;text-transform:uppercase}.hero h1{font-size:clamp(90px,9vw,174px);letter-spacing:-.07em}.hero h1 span{color:var(--skin);-webkit-text-stroke:1px #e2b086}.lead{font-size:19px;line-height:1.6;margin:28px 0}.actions,.final-actions{display:flex;gap:12px}.btn,button{border:1px solid #80624e;background:transparent;color:var(--paper);font:700 12px 'Space Mono';letter-spacing:.08em;padding:15px 20px;text-decoration:none;cursor:pointer;transition:.2s}.btn:hover,button:hover{transform:translateY(-3px);background:#ead7b8;color:#120c09}.primary{background:var(--red);border-color:var(--red);color:#fff}.character-wrap{position:absolute;z-index:3;width:min(61vw,1100px);right:-2vw;bottom:-5vh;transform-origin:50% 70%;animation:breath 5s ease-in-out infinite}.character-wrap img{width:100%;display:block;filter:drop-shadow(0 45px 25px #000b)}.shadow{position:absolute;left:15%;right:8%;bottom:4%;height:8%;background:#000;border-radius:50%;filter:blur(24px)}@keyframes breath{50%{transform:translateY(-8px) rotate(.25deg)}}.stamp{position:absolute;z-index:5;right:5vw;top:18vh;border:3px solid var(--red);color:#d75a47;padding:12px 17px;transform:rotate(8deg);font-weight:700;font-size:14px}.scroll{position:absolute;z-index:5;left:6vw;bottom:4vh;font-size:13px}.marquee{overflow:hidden;background:var(--paper);color:#15100d;border-block:1px solid #000;padding:13px 0;font-weight:700;white-space:nowrap}.marquee div{display:inline-block;animation:marquee 22s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}.specimen{min-height:100vh;position:relative;background:var(--paper);color:#18100c;padding:12vh 8vw;overflow:hidden}.number{font:180px 'Archivo Black';position:absolute;right:5vw;top:3vh;color:#d4b996}.spec-copy{width:45%;position:relative;z-index:3}.specimen h2,.rules h2,.void h2,.final h2{font-size:clamp(70px,7vw,135px);letter-spacing:-.06em}.spec-copy>p:not(.eyebrow){max-width:650px;font-size:18px;line-height:1.7}.crop{position:absolute;right:-8vw;bottom:-12vh;width:58vw;height:78vh;overflow:hidden;transform:rotate(-4deg)}.crop img{width:120%;transform:translate(-10%,3%);filter:saturate(.85) contrast(1.05)}.note{position:absolute;right:7vw;bottom:7vh;background:var(--red);color:white;padding:18px;z-index:5;transform:rotate(2deg);line-height:1.7}.rules{min-height:100vh;position:relative;padding:12vh 8vw;background:#17100c;overflow:hidden}.rules-title{width:52%}.rule-list{position:absolute;z-index:4;right:7vw;top:18vh;width:38vw}.rule-list article{border-top:1px solid #735a48;padding:25px 0;display:flex;gap:25px;font-size:17px}.rule-list b{color:var(--skin)}.peek{position:absolute;width:48vw;left:-15vw;bottom:-22vh;transform:rotate(12deg)}.peek img{width:100%;filter:brightness(.55) sepia(.25)}.void{height:100vh;min-height:800px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;background:#030303;text-align:center}.void p{z-index:3;letter-spacing:.4em}.void h2{z-index:3;font-size:11vw}.void img{position:absolute;width:55vw;bottom:-30vh;opacity:.38;filter:grayscale(1) contrast(1.3)}.orb{position:absolute;width:55vw;height:55vw;border-radius:50%;background:#431c12;filter:blur(90px);opacity:.35}.final{min-height:100vh;padding:13vh 8vw;display:flex;flex-direction:column;justify-content:center;background:var(--paper);color:#17100c;position:relative}.final h2{font-size:10vw}.ticker{font:700 34px 'Space Mono';margin:15px 0 55px;color:var(--red)}.ca{display:flex;align-items:center;justify-content:space-between;border-block:2px solid #1b130f;padding:20px 0;max-width:1000px}.ca small{display:block;margin-bottom:8px}.ca strong{font-size:20px}.ca button{color:#17100c;border-color:#17100c}.final-actions{margin-top:30px}.final .btn{color:#17100c;border-color:#17100c}.final .primary{color:#fff}.footer-line{position:absolute;bottom:4vh;letter-spacing:.1em;font-size:13px}#toast{position:fixed;z-index:100;bottom:35px;left:50%;transform:translate(-50%,20px);background:#111;color:white;padding:12px 20px;opacity:0;transition:.25s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%,0)}#cursor{position:fixed;width:12px;height:12px;border:1px solid #fff;border-radius:50%;pointer-events:none;z-index:90;mix-blend-mode:difference;transform:translate(-50%,-50%)}
@media(max-width:1200px){.hero h1{font-size:95px}.character-wrap{width:68vw}.specimen h2,.rules h2{font-size:75px}.navlinks{display:none}}

/* CARLLSA: responsive mascot framing and controls */
.hero{background:radial-gradient(ellipse at 70% 45%,#28150d 0,#090807 64%)}
.character-wrap{width:min(72vw,1100px);right:-5vw;bottom:-6vh;mix-blend-mode:screen}
.character-wrap img{filter:none}.hero h1{font-size:clamp(82px,9vw,158px);letter-spacing:-.055em;line-height:.91}.hero-copy{top:21vh}.crop{height:75vh;bottom:-4vh}.crop img{width:155%;transform:translate(-4%,-15%)}.peek{bottom:-19vh}.final h2{line-height:.95}.ca strong{overflow-wrap:anywhere}.ca{gap:20px}.unavailable{opacity:.6;cursor:default}button:disabled{opacity:.6;cursor:default}button:disabled:hover{transform:none;background:transparent}.btn:focus-visible,button:focus-visible,nav a:focus-visible{outline:3px solid var(--red);outline-offset:5px}.navlinks{font-size:14px}.navlinks a:hover{text-decoration:underline}.footer-line{position:static;margin-top:80px}.void img{bottom:-18vh;width:65vw;mix-blend-mode:screen}.marquee div{min-width:200%;animation:marquee 30s linear infinite}
@media(max-width:760px){nav{height:68px;padding:0 6vw}.brand{font-size:21px}.navlinks{display:flex;gap:14px;font-size:12px}.navlinks a:last-child{display:none}.hero{height:auto;min-height:860px}.hero-copy{top:125px;left:6vw;right:6vw}.hero h1{font-size:clamp(64px,13vw,96px)}.lead{font-size:16px;margin:24px 0}.actions{flex-wrap:wrap}.character-wrap{width:112vw;right:-8vw;bottom:-65px}.stamp{top:470px;right:6vw;font-size:12px}.halo{width:90vw;height:90vw;top:48%;right:5vw}.scroll{bottom:22px}.specimen{min-height:880px;padding:80px 6vw}.spec-copy{width:100%}.specimen h2,.rules h2{font-size:clamp(48px,10vw,76px);line-height:.95}.spec-copy>p:not(.eyebrow){font-size:16px}.number{font-size:100px;top:20px;opacity:.4}.crop{width:100vw;right:-20vw;height:400px;bottom:-70px}.note{bottom:35px;right:6vw;font-size:13px}.rules{min-height:860px;padding:80px 6vw}.rules-title{width:100%}.rule-list{position:relative;right:auto;top:auto;width:100%;margin-top:44px}.rule-list article{font-size:16px;padding:22px 0}.peek{width:80vw;bottom:-220px;left:-30vw}.void{min-height:640px;height:80vh}.void h2{font-size:15vw;line-height:.95}.void p{font-size:12px;letter-spacing:.2em}.void img{width:110vw;bottom:-80px}.final{min-height:720px;padding:80px 6vw}.final h2{font-size:15vw}.ticker{font-size:28px;margin-bottom:30px}.ca{align-items:flex-start;flex-direction:column}.ca strong{font-size:16px}.final-actions{flex-wrap:wrap}.footer-line{font-size:12px;line-height:1.6}.eyebrow{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
