
.session-note{font:12px/1.5 'Space Mono',monospace;color:var(--muted);border-top:1px dashed var(--line);padding-top:14px;margin:18px 0 0}.touch-hint{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);white-space:nowrap;font:12px 'Space Mono',monospace;color:var(--ink);padding:7px 12px;border-radius:999px;background:rgba(255,255,249,.65);border:1px solid rgba(255,255,255,.85)}
.intro .eyebrow{font-size:12px;max-width:280px;letter-spacing:1px}.hello{font-size:16px}.speech{font-size:14px}.status-heading{font-size:12px;flex-wrap:wrap}.status dl>div{font-size:14px}.status dd small,.learning .eyebrow,.learning small{font-size:12px}.interactions button{font-size:14px;min-height:48px}.interactions p,.section-footnote,.memory-tools button,.memory-tools span{font-size:12px}.memory-tools button{min-height:44px}.scribble{font-size:14px;max-width:140px;left:0;bottom:40px}.brain-grid small,.token-details p,.social-links span,.ca-bottom span{font-size:12px}.social-links button{font-size:14px;min-height:44px}.ca-bottom button{font-size:14px}.day{font-size:12px}.stamp{font-size:12px}.nav-note{font-size:12px}
@media(min-width:1001px) and (max-width:1200px){.interactions button{font-size:13px}.scribble{font-size:12px;max-width:125px}.status{padding:20px}.status-heading{font-size:11px}}
@media(max-width:1000px){.intro .eyebrow{max-width:none;font-size:12px}.speech{font-size:14px}.scribble{left:auto;right:0;bottom:40px;font-size:12px}.interactions button{font-size:13px}.memory-tools{grid-column:1/-1}.status-heading{font-size:12px}}
@media(max-width:600px){.topbar{gap:16px}nav{gap:15px;font-size:14px}.intro .eyebrow{font-size:12px;letter-spacing:.5px}.hello{font-size:16px}.speech{font-size:14px;left:8%;max-width:84%}.scribble{font-size:12px;max-width:105px;bottom:28px}.status dl>div{font-size:14px}.interactions{gap:8px;flex-wrap:wrap}.interactions button{font-size:12px;flex:1 1 90px;min-height:48px;padding:14px 7px}.interactions p{font-size:12px;line-height:1.5}.brain-grid span{font-size:14px}.brain-grid small{font-size:12px;line-height:1.5}.token-details>div{font-size:14px;flex-wrap:wrap}.ca-bottom button{font-size:13px}.ca-bottom span{font-size:12px;line-height:1.5}footer>span{font-size:12px}}

.community-feedback{width:100%;text-align:center;font:12px/1.5 'Space Mono',monospace;margin:0;color:var(--muted)}.interactions button:disabled{opacity:.55;cursor:wait;transform:none}

.mascot-body{position:relative;transform-origin:50% 85%;animation:idle-breathe 4s ease-in-out infinite;pointer-events:none}.mascot-wrap .mascot-body img{animation:none!important;transform:none}.taught .mascot-body{animation:curious-tilt 1.1s ease-in-out}.fed .mascot-body{animation:snack-bounce 1.1s ease-in-out}.poked .mascot-body,.local-wiggle .mascot-body{animation:poke-squish .9s ease-in-out}.local-startled .mascot-body{animation:local-startle .95s ease-in-out}.local-dazed .mascot-body{animation:local-daze 1.5s ease-in-out}.eyelid{position:absolute;top:43.8%;width:4.5%;height:4%;background:#faf6ec;opacity:0;pointer-events:none;border-radius:40%}.eyelid.left{left:39.9%}.eyelid.right{left:53.2%}.eyelid:after{content:'';position:absolute;left:12%;right:12%;top:50%;height:2px;border-radius:50%;background:#2d302c}.local-blink .eyelid{animation:little-blink .45s ease-in-out}.local-dazed .eyelid{opacity:1}.antenna-piece{display:none;position:absolute;inset:0;background:url('mopi.png') center/100% 100% no-repeat;clip-path:inset(0 0 73% 0);transform-origin:52% 27%}.local-antenna .mascot-body img{clip-path:inset(27% 0 0 0)}.local-antenna .antenna-piece{display:block;animation:antenna-search 1.4s ease-in-out}.local-thought{position:absolute;z-index:5;left:50%;bottom:64px;transform:translateX(-50%) rotate(3deg);max-width:80%;width:max-content;padding:10px 15px;background:#faf8ef;border:1px solid #bacdc6;border-radius:18px;font:12px/1.5 'Space Mono',monospace;opacity:0;pointer-events:none;transition:opacity .15s}.local-thought.visible{opacity:1}
@keyframes local-startle{0%,100%{transform:none}25%{transform:translateY(-32px) scale(.94,1.08) rotate(5deg)}50%{transform:scale(1.07,.94) rotate(-4deg)}75%{transform:rotate(3deg)}}
@keyframes local-daze{0%,100%{transform:none}20%{transform:rotate(-8deg) scale(1.03,.97)}45%{transform:rotate(7deg)}70%{transform:rotate(-4deg)}85%{transform:rotate(2deg)}}
@keyframes little-blink{0%,25%,80%,100%{opacity:0}35%,65%{opacity:1}}
@keyframes antenna-search{0%,100%{transform:none}25%{transform:rotate(-5deg)}55%{transform:rotate(5deg)}80%{transform:rotate(-2deg)}}
@media(prefers-reduced-motion:reduce){.mascot-body,.antenna-piece,.eyelid{animation:none!important}.local-blink .eyelid{opacity:1}.local-thought{transition:none}}


@media(max-width:600px){
 .topbar{padding:12px 18px;gap:12px;justify-content:space-between}.wordmark{font-size:30px}nav{margin-left:0;gap:12px;font-size:12px}nav a{min-height:44px;display:flex;align-items:center}
 main,footer{margin-inline:18px}.hero{padding-top:26px;gap:18px}.intro h1{font-size:clamp(76px,24vw,96px);letter-spacing:-6px}.tagline{font-size:clamp(18px,5.5vw,22px);line-height:1.4}.hello{font-size:15px;line-height:1.7;margin-top:14px}
 .creature-space{height:410px;max-width:400px;overflow:clip}.mascot-wrap{width:calc(100% + 32px);max-width:400px;top:40px}.speech{top:0;left:7%;max-width:86%;font-size:12px;line-height:1.6;padding:12px 15px;min-height:0}.scribble{display:none}.touch-hint{bottom:0;font-size:11px;padding:7px 12px}.local-thought{bottom:54px;max-width:88%;font-size:11px;line-height:1.6;text-align:center;overflow-wrap:anywhere}
 .interactions{grid-row:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;padding:10px;gap:8px;border-radius:25px}.interactions button{min-width:0;min-height:56px;font-size:11px;line-height:1.6;padding:10px 6px;white-space:normal}.interactions p{grid-column:1/-1;margin:0;font-size:11px}.status{grid-row:4;padding:22px;margin:0}.status dd{overflow-wrap:anywhere}.status dl{gap:14px 18px}.learning p{font-size:20px;line-height:1.5}
 .memory{padding:25px 0;gap:12px}.memory p{font-size:22px;line-height:1.45;overflow-wrap:anywhere}.memory-tools{gap:10px}.section{padding:38px 0}.eyebrow{font-size:11px;line-height:1.7;letter-spacing:1px}h2{font-size:clamp(32px,9vw,39px);line-height:1.15}.lore-copy{line-height:1.75}.underlined{line-height:1.7}.brain-grid>div{min-width:0;padding:20px 14px}.brain-grid span,.brain-grid small{overflow-wrap:anywhere;line-height:1.5}.brain-grid strong{font-size:48px;letter-spacing:-3px}.token-details>div{gap:10px}.token-details strong{max-width:60%;overflow-wrap:anywhere}.contract{padding:24px 18px;border-radius:24px}.contract h2{font-size:32px;line-height:1.2}.contract code{font-size:14px;line-height:1.8}.ca-bottom button{min-height:52px;line-height:1.5}.social-links button{min-height:48px;line-height:1.6}.social-links span{float:none;margin-left:auto}.social-links button{display:flex;gap:12px;justify-content:space-between}.social-links span{white-space:nowrap}footer{padding:26px 0;gap:12px;flex-wrap:wrap}footer p{font-size:13px;margin:0}footer>span{width:100%;margin-left:0;line-height:1.6}
}
@media(max-width:360px){.creature-space{height:375px}.mascot-wrap{top:48px}.touch-hint{bottom:0}.local-thought{bottom:48px}.interactions{gap:6px;padding:8px}.interactions button{font-size:10px}.social-links button{font-size:12px}}
.social-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;border-bottom:1px solid var(--ink);padding:10px 0;font:14px/1.6 'Space Mono',monospace}.social-links a:hover{color:#528f85}.social-links a span{margin-left:0;font-size:12px;white-space:nowrap}@media(max-width:360px){.social-links a{font-size:12px}.social-links a span{font-size:11px}}
