:root{--ink:#183c31;--forest:#103b31;--paper:#f7e9cf;--cream:#fff8e9;--pink:#e86f73;--pink-light:#f6b0ad;--lime:#d7e58d;--line:3px solid var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#dfe7b4;color:var(--ink);font-family:DM Mono,monospace;background-image:linear-gradient(rgba(24,60,49,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(24,60,49,.05) 1px,transparent 1px);background-size:16px 16px}button,a{font:inherit}a{color:inherit;text-decoration:none}.shell{width:min(1180px,calc(100% - 32px));margin:22px auto;background:var(--paper);border:var(--line);box-shadow:8px 8px 0 var(--ink)}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 34px;border-bottom:var(--line)}.brand{display:flex;align-items:center;gap:12px;font-family:"Press Start 2P",monospace;font-size:14px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--pink);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}.nav-links{display:flex;gap:34px;margin-left:auto;font-size:13px;font-weight:500}.nav-links a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.sound-button{border:2px solid var(--ink);background:var(--cream);padding:9px 13px;box-shadow:3px 3px 0 var(--ink);cursor:pointer}.sound-button:active,.button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.hero{min-height:610px;display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:55px;padding:65px 64px 72px;overflow:hidden}.eyebrow,.kicker{font-size:11px;letter-spacing:2px;font-weight:500}.eyebrow{display:flex;align-items:center;gap:10px;color:#936144}.eyebrow span{width:22px;height:2px;background:var(--pink)}h1,h2,h3{margin:0;font-family:"Press Start 2P",monospace;line-height:1.35}h1{margin:24px 0;font-size:clamp(38px,5vw,66px);letter-spacing:-3px}h1 em{color:var(--pink);font-style:normal;text-shadow:3px 3px 0 var(--ink);-webkit-text-stroke:1px var(--ink)}.intro{max-width:530px;font-size:16px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:27px;margin:30px 0 34px}.button{display:inline-flex;align-items:center;gap:18px;padding:15px 18px;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font-weight:500}.button-primary{background:var(--pink)}.text-link{font-size:13px;border-bottom:2px solid var(--ink);padding-bottom:4px}.status{display:inline-flex;align-items:center;gap:9px;font-size:11px;background:#edf2cd;padding:8px 10px}.status-dot{width:8px;height:8px;background:#7aa14b;border:1px solid var(--ink);animation:pulse 2s infinite}.hero-art-wrap{position:relative;padding:16px 16px 54px;background:var(--cream);border:var(--line);box-shadow:8px 8px 0 var(--pink);transform:rotate(1.5deg)}.hero-art{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border:2px solid var(--ink);image-rendering:pixelated}.art-label{position:absolute;bottom:14px;left:18px;right:18px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}.pixel-spark{position:absolute;z-index:2;color:var(--pink);font-family:"Press Start 2P"}.spark-one{right:-32px;top:6%;font-size:27px}.spark-two{left:-25px;bottom:22%;font-size:26px}.stories{background:var(--forest);color:var(--paper);padding:70px 62px;border-top:var(--line);border-bottom:var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:36px}.section-heading h2,.friends h2{font-size:clamp(24px,3vw,36px)}.section-heading>p{max-width:430px;line-height:1.6;color:#c6d9b9}.kicker{color:var(--pink);margin:0 0 12px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.story-card{color:var(--ink);border:var(--line);padding:26px;min-height:330px;box-shadow:5px 5px #071e18;position:relative;display:flex;flex-direction:column}.pink-card{background:var(--pink-light)}.cream-card{background:var(--cream);transform:translateY(12px)}.green-card{background:var(--lime)}.card-icon{width:54px;height:54px;display:grid;place-items:center;border:2px solid var(--ink);background:var(--cream);font-size:26px}.cat-icon{background:var(--pink)}.card-number{font-size:10px;letter-spacing:1.5px;margin:25px 0 13px}.story-card h3{font-size:16px}.story-card>p:not(.card-number){font-size:13px;line-height:1.7}.card-link{background:none;border:0;border-bottom:2px solid var(--ink);padding:0 0 4px;align-self:flex-start;margin-top:auto;cursor:pointer;font-weight:500}.friends{text-align:center;padding:72px 20px 82px}.friends h2{max-width:780px;margin:0 auto 45px}.friend-row{display:flex;justify-content:center;align-items:center;gap:35px}.friend{display:flex;align-items:center;gap:16px;text-align:left}.friend strong{display:block;font-family:"Press Start 2P";font-size:13px;margin-bottom:8px}.friend small{font-size:11px}.avatar{width:70px;height:70px;display:grid;place-items:center;font-size:39px;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);image-rendering:pixelated}.fox-avatar{background:var(--pink-light)}.cat-avatar{background:var(--lime)}.heart-line{display:flex;align-items:center;gap:10px;color:var(--pink)}.heart-line span{display:block;width:30px;height:2px;background:var(--ink)}footer{background:var(--pink);border-top:var(--line);display:flex;justify-content:space-between;padding:20px 34px;font-size:10px;letter-spacing:1px}.note-dialog{width:min(520px,calc(100% - 32px));background:var(--paper);color:var(--ink);border:var(--line);box-shadow:8px 8px 0 var(--ink);padding:36px}.note-dialog::backdrop{background:#0a231cbf}.note-dialog h2{font-size:21px;margin:10px 0 20px}.dialog-copy{line-height:1.75}.dialog-close{position:absolute;right:12px;top:9px;border:0;background:none;font-size:28px;cursor:pointer}@keyframes pulse{50%{opacity:.35}}@media(max-width:850px){.nav{padding:0 20px}.nav-links{display:none}.hero{grid-template-columns:1fr;padding:48px 30px}.hero-art-wrap{max-width:600px}.section-heading{align-items:start;flex-direction:column}.stories{padding:55px 30px}.card-grid{grid-template-columns:1fr}.cream-card{transform:none}.story-card{min-height:285px}}@media(max-width:560px){.shell{width:calc(100% - 18px);margin:9px auto;box-shadow:4px 4px 0 var(--ink)}.brand{font-size:11px}.sound-label{display:none}.hero{padding:42px 21px 56px;gap:45px}h1{font-size:38px}.hero-actions{align-items:flex-start;flex-direction:column}.stories{padding:50px 20px}.friend-row{flex-direction:column}.heart-line{transform:rotate(90deg);margin:5px}footer{gap:10px;flex-direction:column}.spark-one{right:-8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.status-dot{animation:none}}