@font-face{font-family:Anton;src:url(/assets/anton-regular-OuduJF-C.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/assets/space-grotesk-400-DpFQlKNO.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/assets/space-grotesk-600-DjqJml4C.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/assets/space-grotesk-700-Bx5ssXV-.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{color:#11100e;background:#11100e;font-family:Space Grotesk,Arial,sans-serif;font-synthesis:none;--paper: #f2dfb5;--ink: #11100e;--red: #f13a20;--blue: #1458d4;--yellow: #f7c928;--cream: #f2dfb5}*{box-sizing:border-box}html{background:#11100e}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}button,a{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline:4px solid var(--yellow);outline-offset:3px}.experience-stage{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:clamp(40px,7vw,110px);padding:clamp(18px,3vh,32px) 44px;background:#11100e url(/assets/paper-texture-CWk26Lit.webp) center / 640px auto;background-blend-mode:multiply}.experience-stage:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#11100ed1;pointer-events:none}.desktop-notes,.mobile-prototype{position:relative;z-index:1}.desktop-notes{width:min(420px,38vw);color:var(--cream)}.desktop-notes h1{margin:26px 0 14px;font:400 clamp(58px,6.4vw,104px) / .88 "Anton",sans-serif;letter-spacing:-.035em}.desktop-notes p{max-width:340px;margin:0;font-size:18px;font-weight:600}.desktop-signal{margin-top:42px;display:flex;align-items:center;gap:12px;color:var(--yellow);font-size:13px;font-weight:700;letter-spacing:.16em}.mobile-prototype{width:390px;height:844px;flex:0 0 auto;overflow:hidden;border:4px solid var(--ink);background:var(--paper) url(/assets/paper-texture-CWk26Lit.webp) center / cover;box-shadow:16px 18px 0 var(--red),-10px -10px 0 var(--blue)}.screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:transparent;animation:screen-in .32s cubic-bezier(.2,.8,.2,1) both}.wordmark{font:400 78px/.86 Anton,sans-serif;letter-spacing:-.052em;transform:scaleX(1.03);transform-origin:left center;white-space:nowrap}.wordmark--compact{font-size:28px;line-height:1;letter-spacing:.02em;transform:none}.ink-tag{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:4px 9px 5px;border:2px solid var(--ink);color:var(--ink);font-family:Anton,sans-serif;font-size:19px;line-height:1;letter-spacing:.02em;box-shadow:3px 3px 0 var(--ink)}.ink-tag--red{background:var(--red);transform:rotate(-2deg)}.ink-tag--yellow{background:var(--yellow);transform:rotate(1deg)}.ink-tag--blue{background:var(--blue);color:var(--cream);transform:rotate(-1deg)}.capture-screen{display:grid;grid-template-rows:124px 396px 226px 98px}.capture-header{position:relative;z-index:4;padding:16px 13px 0}.capture-subline{margin-top:8px;display:flex;align-items:flex-start;justify-content:space-between}.capture-statuses{display:flex;align-items:flex-start;gap:6px}.install-chip{min-height:26px;padding:4px 6px;display:inline-flex;align-items:center;gap:4px;border:2px solid var(--ink);background:var(--yellow);box-shadow:3px 3px 0 var(--ink);font-size:9px;font-weight:700;letter-spacing:.06em;cursor:pointer;transform:rotate(-1deg)}.install-chip:active{transform:translate(2px,2px) rotate(-1deg);box-shadow:1px 1px 0 var(--ink)}.mic-status{display:inline-flex;align-items:center;gap:5px;min-height:26px;padding:4px 7px;border:2px solid var(--ink);background:var(--cream);font-size:9px;font-weight:700;letter-spacing:.08em}.mic-status--live{background:var(--yellow)}.mic-status--demo{background:var(--blue);color:#fff}.capture-stage{position:relative;isolation:isolate}.ink-panel{position:absolute;top:44px;right:-18px;bottom:12px;left:58px;z-index:-2;background:var(--ink);transform:rotate(-4deg);border:7px solid var(--ink)}.hero-creature{position:absolute;z-index:1;width:442px;height:442px;right:-51px;top:-28px;object-fit:contain;filter:saturate(1.1) contrast(1.03);transform:rotate(-7deg);transform-origin:62% 58%;animation:creature-hover 3.5s ease-in-out infinite;-webkit-user-select:none;user-select:none;pointer-events:none}.is-listening .hero-creature{animation:creature-listen .17s steps(2,end) infinite}.privacy-stamp{position:absolute;z-index:2;left:16px;top:86px;width:112px;min-height:67px;padding:8px;display:flex;gap:6px;align-items:center;border:3px solid var(--ink);background:var(--blue);color:var(--cream);box-shadow:5px 5px 0 var(--ink);font:400 15px/.95 Anton,sans-serif;letter-spacing:.03em;transform:rotate(-6deg)}.sound-source{position:absolute;z-index:3;right:12px;bottom:12px;display:flex;align-items:center;gap:6px;padding:5px 8px;border:2px solid var(--ink);background:var(--yellow);font-size:9px;font-weight:700;letter-spacing:.08em}.sound-source__dot{width:8px;height:8px;border-radius:50%;background:var(--red);animation:blink .9s steps(2,end) infinite}.capture-zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.capture-hint{margin:0 0 9px;max-width:300px;min-height:18px;text-align:center;font-size:12px;font-weight:700}.capture-button{position:relative;width:184px;height:184px;padding:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:12px solid var(--ink);border-radius:50%;background:var(--red);box-shadow:0 9px #080806,0 14px #11100e38;cursor:pointer;touch-action:none;transition:transform .11s ease,box-shadow .11s ease}.capture-button:hover{transform:translateY(-2px) rotate(-1deg)}.capture-button:active,.capture-button.is-active{transform:translateY(7px) scale(.97);box-shadow:0 2px #080806}.capture-button strong,.capture-button>svg{position:relative;z-index:2}.capture-button strong{font-family:Anton,sans-serif;font-size:19px;line-height:1;letter-spacing:.02em}.capture-button__progress{position:absolute;z-index:1;left:0;right:0;bottom:0;height:var(--capture-progress);background:var(--yellow);transition:height 50ms linear}.capture-button.is-decoding{background:var(--blue);color:var(--cream);animation:button-wobble .36s steps(2,end) infinite}.capture-actions{padding:10px 13px 15px;display:flex;align-items:end;justify-content:space-between}.sticker-button{min-height:54px;padding:8px 10px;display:inline-flex;align-items:center;gap:7px;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);font-family:Anton,sans-serif;font-size:16px;line-height:1;cursor:pointer}.sticker-button--yellow{background:var(--yellow);transform:rotate(-2deg)}.sticker-button--blue{background:var(--blue);color:var(--cream);transform:rotate(2deg)}.sticker-button:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.screen-topbar{min-height:65px;padding:14px 14px 8px;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:8px;border-bottom:3px solid var(--ink)}.screen-topbar .wordmark{text-align:center}.icon-button{width:40px;height:40px;padding:0;display:grid;place-items:center;border:3px solid var(--ink);background:var(--cream);box-shadow:3px 3px 0 var(--ink);cursor:pointer}.icon-button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.reveal-screen{display:grid;grid-template-rows:65px 48px 336px 140px 105px 150px}.reveal-kicker{padding:8px 14px 2px;display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:700;letter-spacing:.08em}.reveal-kicker .ink-tag{min-height:28px;font-size:15px}.reveal-portrait{position:relative;margin:0 13px;overflow:hidden;border:4px solid var(--ink);background:var(--red);box-shadow:7px 7px 0 var(--ink)}.reveal-portrait:before{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border:3px dashed var(--cream);opacity:.55}.reveal-portrait img{position:absolute;width:366px;height:366px;object-fit:contain;left:10px;top:-18px;transform:rotate(-5deg);animation:reveal-pop .62s cubic-bezier(.18,1.3,.36,1) both}.burst-label{position:absolute;z-index:2;top:12px;right:10px;padding:7px 9px;border:3px solid var(--ink);background:var(--yellow);box-shadow:4px 4px 0 var(--ink);font-family:Anton,sans-serif;font-size:17px;transform:rotate(4deg)}.reveal-copy{padding:14px 17px 0;display:grid;grid-template-columns:126px 1fr;column-gap:13px;align-content:start}.eyebrow{margin:0;font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.reveal-copy .eyebrow{grid-column:1 / -1}.reveal-copy h1{margin:1px 0 0;font:400 74px/.94 Anton,sans-serif;letter-spacing:-.02em}.reveal-copy>p:last-child{margin:9px 0 0;font-size:12px;line-height:1.25;font-weight:600}.specimen-stats{padding:7px 17px 3px;display:grid;gap:8px;border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}.stat{display:grid;grid-template-columns:59px 1fr;align-items:center;gap:8px;font-family:Anton,sans-serif;font-size:12px}.stat__track{height:10px;border:2px solid var(--ink);background:var(--cream)}.stat__track i{display:block;height:100%;background:var(--blue)}.reveal-actions{padding:13px 14px;display:grid;gap:8px}.primary-ink-button,.secondary-ink-button{min-height:49px;padding:8px 13px;display:flex;align-items:center;justify-content:center;gap:8px;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);font-family:Anton,sans-serif;font-size:18px;letter-spacing:.02em;cursor:pointer}.primary-ink-button{background:var(--red)}.secondary-ink-button{background:var(--blue);color:var(--cream)}.primary-ink-button:active,.secondary-ink-button:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.collection-screen{display:grid;grid-template-rows:78px 64px 454px 94px 154px}.collection-topbar,.mixer-topbar{min-height:0;grid-template-columns:42px 1fr 48px}.collection-topbar h1,.mixer-topbar h1{margin:0;font:400 38px/.95 Anton,sans-serif;letter-spacing:.01em}.count-badge{width:48px;height:38px;display:grid;place-items:center;border:3px solid var(--ink);background:var(--yellow);box-shadow:3px 3px 0 var(--ink);font-family:Anton,sans-serif;font-size:15px}.collection-intro{padding:12px 14px 6px;display:flex;align-items:start;justify-content:space-between}.collection-intro p{margin:0;max-width:165px;font-size:12px;font-weight:600}.collection-intro .ink-tag{min-height:28px;font-size:14px}.creature-grid{padding:7px 14px 12px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:11px}.creature-grid--2{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.creature-grid--2 .creature-card{grid-column:1}.creature-grid--2 .creature-card img,.creature-grid--2 .creature-card--coal img{width:190px;height:190px;top:-7px;right:16px;left:auto}.creature-card{position:relative;min-width:0;padding:0;overflow:hidden;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);text-align:left;cursor:pointer;transition:transform .14s ease}.creature-card--vermilion{background:var(--red)}.creature-card--cobalt{background:var(--blue);color:var(--cream)}.creature-card--coal{background:var(--ink);color:var(--cream);grid-column:1 / -1}.creature-card.is-selected{transform:rotate(-2deg) translateY(-3px)}.creature-card img{position:absolute;width:160px;height:160px;object-fit:contain;top:12px;left:10px;transform:rotate(-5deg)}.creature-card--coal img{width:188px;height:188px;top:-10px;left:12px}.creature-card__number{position:absolute;top:7px;left:8px;font:400 17px Anton,sans-serif}.creature-card__name{position:absolute;left:9px;bottom:23px;font:400 29px/1 Anton,sans-serif}.creature-card__meta{position:absolute;left:9px;bottom:8px;font-size:9px;font-weight:700;letter-spacing:.08em}.field-note{margin:8px 14px 0;padding:10px 12px;display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;border:3px solid var(--ink);background:var(--yellow);box-shadow:4px 4px 0 var(--ink)}.field-note__pin{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--red);border:2px solid var(--ink);font:400 13px Anton,sans-serif}.field-note strong{font-size:11px}.field-note p{margin:2px 0 0;font-size:9px}.collection-mix-button{margin:17px 14px auto}.mixer-screen{display:grid;grid-template-rows:78px 58px 426px 214px 68px}.tempo-strip{padding:9px 14px 8px;display:grid;grid-template-columns:1fr 45px 45px 45px 32px;gap:5px;align-items:center;border-bottom:3px solid var(--ink);font:400 13px Anton,sans-serif}.tempo-strip button{height:34px;border:2px solid var(--ink);background:var(--cream);font-weight:700;cursor:pointer}.tempo-strip button.is-active{background:var(--yellow);box-shadow:3px 3px 0 var(--ink)}.mixer-tracks{padding:14px;display:grid;gap:11px}.mixer-track{position:relative;min-height:122px;padding:8px 10px;display:grid;grid-template-columns:32px 94px 1fr 46px;align-items:center;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);text-align:left;cursor:pointer;opacity:.53;transition:opacity .15s ease,transform .15s ease}.mixer-track.is-active{opacity:1;transform:translate(-2px)}.mixer-track--vermilion{background:var(--red)}.mixer-track--cobalt{background:var(--blue);color:var(--cream)}.mixer-track--coal{background:var(--ink);color:var(--cream)}.mixer-track img{width:92px;height:92px;object-fit:contain}.mixer-track__index{font:400 18px Anton,sans-serif;align-self:start}.mixer-track__copy{display:grid;gap:3px}.mixer-track__copy strong{font:400 27px/1 Anton,sans-serif}.mixer-track__copy small{font-size:10px;font-weight:700;letter-spacing:.12em}.mixer-track__switch{width:44px;height:29px;display:grid;place-items:center;border:2px solid currentColor;font:400 12px Anton,sans-serif}.mix-deck{padding:13px 14px;display:grid;grid-template-columns:1.25fr .75fr;gap:12px;border-top:3px solid var(--ink)}.play-button,.share-mix-button{min-height:150px;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:4px solid var(--ink);box-shadow:7px 7px 0 var(--ink);font:400 18px/1 Anton,sans-serif;cursor:pointer}.play-button{background:var(--red)}.play-button.is-playing{background:var(--yellow);animation:deck-bounce .24s steps(2,end) infinite}.share-mix-button{background:var(--blue);color:var(--cream)}.mixer-footer{padding:18px 12px 0;text-align:center;font-size:9px;font-weight:700;letter-spacing:.06em}.mixer-footer a{color:inherit;text-decoration-thickness:2px}.toast{position:absolute;z-index:20;left:50%;bottom:18px;width:max-content;max-width:calc(100% - 30px);padding:10px 13px;border:3px solid var(--ink);background:var(--yellow);box-shadow:5px 5px 0 var(--ink);font:400 15px/1.05 Anton,sans-serif;text-align:center;transform:translate(-50%,30px) rotate(-1deg);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.toast--visible{opacity:1;transform:translate(-50%) rotate(-1deg)}@keyframes screen-in{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes creature-hover{0%,to{transform:rotate(-7deg) translateY(0)}50%{transform:rotate(-4deg) translateY(-8px)}}@keyframes creature-listen{0%{transform:rotate(-8deg) translate(-2px)}to{transform:rotate(-5deg) translate(3px)}}@keyframes button-wobble{0%{transform:rotate(-2deg)}to{transform:rotate(2deg)}}@keyframes reveal-pop{0%{opacity:0;transform:scale(.55) rotate(14deg)}to{opacity:1;transform:scale(1) rotate(-5deg)}}@keyframes blink{50%{opacity:.2}}@keyframes deck-bounce{0%{transform:translateY(0)}to{transform:translateY(3px)}}@media(max-width:840px){body{min-height:100dvh}.experience-stage{min-height:100dvh;padding:0;align-items:start;background:var(--ink)}.experience-stage:before,.desktop-notes{display:none}.mobile-prototype{width:min(100vw,390px);height:min(100dvh,844px);margin-inline:auto;border-width:0;box-shadow:none}}@media(max-height:843px)and (max-width:840px){.mobile-prototype{transform-origin:top center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}