:root{--ink:#10110f;--paper:#f4f0e8;--acid:#d9ff55;--slime:#94df3a;--bruise:#7d5cff;--pink:#ff70ba;--line:#10110f2b;--muted:#10110f9e}*{box-sizing:border-box}html{background:var(--paper)}body{color:var(--ink);background:radial-gradient(circle at 10% 20%, #d9ff553d, transparent 28rem), radial-gradient(circle at 88% 42%, #7d5cff1f, transparent 24rem), var(--paper);margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{color:inherit}.shell{width:min(100%,1040px);min-height:100svh;margin:0 auto;padding:18px clamp(18px,4vw,44px) 28px}.topbar,footer{justify-content:space-between;align-items:center;gap:16px;display:flex}.topbar{padding-bottom:36px}.wordmark{color:var(--ink);letter-spacing:-.08em;font-size:clamp(24px,3vw,38px);font-weight:950;text-decoration:none}.wordmark span{color:var(--bruise)}.stomach{border:1.5px solid var(--ink);text-transform:uppercase;letter-spacing:.04em;background:#ffffff59;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800}.stomach span{background:var(--acid);border-radius:50%;place-items:center;min-width:24px;height:24px;margin-right:4px;display:inline-grid}.hero{text-align:center;justify-items:center;padding:22px 0 54px;display:grid}.eyebrow,.label,.result__kicker{letter-spacing:.13em;text-transform:uppercase;font-size:11px;font-weight:900}.hero h1{letter-spacing:-.09em;margin:10px 0 6px;font-size:clamp(64px,12vw,154px);font-weight:950;line-height:.78}.intro{letter-spacing:-.035em;max-width:560px;margin:24px auto 8px;font-size:clamp(17px,2.5vw,24px);line-height:1.18}.monster-stage{aspect-ratio:1.08;isolation:isolate;place-items:center;width:min(78vw,420px);margin:10px auto -4px;display:grid;position:relative}.monster{aspect-ratio:.92;border:3px solid var(--ink);background:var(--slime);transform-origin:50% 90%;z-index:2;border-radius:47% 53% 42% 58%/39% 45% 55% 61%;width:69%;animation:2.8s ease-in-out infinite breathe;position:relative;box-shadow:inset -22px -22px #10110f12}.monster-stage--hungry .monster{animation:.8s ease-in-out infinite alternate hungry}.monster-stage--chewing .monster{animation:.22s linear infinite alternate chew}.monster-stage--vomiting .monster{background:var(--pink);animation:.42s ease-in-out infinite alternate gag}.monster__ear{border:3px solid var(--ink);background:inherit;z-index:-1;width:27%;height:26%;position:absolute;top:8%}.monster__ear--left{border-radius:100% 0 70% 20%;left:-8%;transform:rotate(-24deg)}.monster__ear--right{border-radius:0 100% 20% 70%;right:-8%;transform:rotate(24deg)}.monster__eye{aspect-ratio:1;background:var(--ink);border-radius:50%;width:15%;position:absolute;top:31%;box-shadow:inset 8px 7px #fff}.monster__eye--left{left:26%}.monster__eye--right{right:26%}.monster__mouth{aspect-ratio:1.85;border:3px solid var(--ink);background:var(--ink);border-radius:10% 10% 50% 50%/18% 18% 82% 82%;place-items:center;width:48%;display:grid;position:absolute;top:55%;left:50%;overflow:hidden;transform:translate(-50%)}.monster-stage--chewing .monster__mouth{animation:.22s linear infinite alternate mouth}.monster__face{filter:saturate(1.15);font-size:clamp(38px,10vw,62px);line-height:1;transform:translateY(2px)}.monster__spot{border:2px solid var(--ink);background:var(--acid);border-radius:50%;position:absolute}.monster__spot--one{aspect-ratio:1;width:12%;top:51%;left:12%}.monster__spot--two{aspect-ratio:1;width:8%;top:17%;right:14%}.monster__spot--three{aspect-ratio:1.4;width:17%;bottom:14%;right:8%;transform:rotate(-18deg)}.orbit{aspect-ratio:1;border:2px solid var(--ink);z-index:3;background:#fff;border-radius:50%;place-items:center;width:58px;font-size:30px;display:grid;position:absolute}.orbit--one{top:19%;left:4%;transform:rotate(-9deg)}.orbit--two{bottom:22%;right:2%;transform:rotate(11deg)}.monster-shadow{filter:blur(3px);z-index:0;background:#10110f29;border-radius:50%;width:60%;height:8%;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.feed-button,.again{border:2px solid var(--ink);cursor:pointer;letter-spacing:-.02em;font-weight:900;transition:transform .12s,box-shadow .12s}.feed-button{background:var(--acid);min-height:58px;box-shadow:5px 5px 0 var(--ink);border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:12px 22px;font-size:17px;display:inline-flex}.feed-button--hot{background:var(--pink);text-transform:uppercase;width:100%}.feed-button:hover,.again:hover,.photo-card:hover{transform:translate(-2px,-2px)}.feed-button:active,.again:active,.photo-card:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.feed-button:disabled{cursor:progress;opacity:.7}.feeding-zone{gap:14px;width:min(100%,390px);display:grid}.photo-card{border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);cursor:pointer;background:#fff;border-radius:28px;padding:0;transition:transform .12s,box-shadow .12s;position:relative;overflow:hidden}.photo-card img{object-fit:cover;width:100%;max-height:300px;display:block}.photo-card span{background:var(--paper);border:1.5px solid var(--ink);text-transform:uppercase;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900;position:absolute;bottom:10px;right:10px}.error{border:2px solid var(--ink);background:#ffb0b0;width:min(100%,520px);margin:20px auto 0;padding:12px 14px;font-weight:800}.result{border:2.5px solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:#fff;border-radius:34px;grid-template-columns:auto 1fr;gap:clamp(18px,4vw,42px);padding:clamp(22px,5vw,48px);display:grid;position:relative}.result__reaction{font-size:clamp(58px,8vw,100px);line-height:1}.result h2{letter-spacing:-.065em;max-width:700px;margin:4px 0 6px;font-size:clamp(34px,6vw,72px);line-height:.95}.material,.reason,.swap p{font-size:18px;line-height:1.35}.material{color:var(--muted);margin:0 0 28px}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:26px 0;display:grid}.result-grid>div,.swap{border:1.5px solid var(--ink);background:var(--acid);border-radius:18px;padding:16px}.result-grid strong{margin-top:6px;font-size:19px;display:block}.reason{max-width:670px}.swap{background:#ebe6ff;margin-top:24px}.swap p{margin:5px 0 0}.confidence{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:12px}.again{background:#fff;border-radius:999px;margin-top:10px;padding:11px 16px}.memory{border-top:1.5px solid var(--ink);grid-template-columns:1fr 1fr;align-items:end;gap:24px;margin-top:50px;padding:28px 0 36px;display:grid}.memory h2{letter-spacing:-.05em;margin:6px 0 0;font-size:clamp(28px,4vw,46px);line-height:.95}.memory p{color:var(--muted);margin:0;line-height:1.45}footer{border-top:1px solid var(--line);color:var(--muted);text-transform:uppercase;padding:18px 0 4px;font-size:12px;font-weight:800}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes breathe{0%,to{transform:scale(1)rotate(-1deg)}50%{transform:scale(1.025,.98)rotate(1deg)}}@keyframes hungry{0%{transform:rotate(-3deg)translateY(0)}to{transform:rotate(3deg)translateY(-5px)}}@keyframes chew{0%{transform:scale(1.02,.96)rotate(-1deg)}to{transform:scale(.98,1.03)rotate(1deg)}}@keyframes mouth{0%{transform:translate(-50%)scaleY(.65)}to{transform:translate(-50%)scaleY(1.1)}}@keyframes gag{0%{transform:rotate(-4deg)translateY(0)}to{transform:rotate(4deg)translateY(8px)}}@media (max-width:640px){.shell{padding-inline:14px}.topbar{padding-bottom:22px}.hero{padding-top:12px}.intro{max-width:340px}.result{border-radius:26px;grid-template-columns:1fr}.result-grid,.memory{grid-template-columns:1fr}.result__reaction{font-size:58px;position:absolute;top:18px;right:18px}.result__main{padding-top:38px}.monster-stage{width:min(94vw,390px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
.platform-nav{text-transform:uppercase;gap:14px;font-size:12px;font-weight:900;display:flex}.platform-nav a,.platform-page a,.result-actions a{color:inherit;text-underline-offset:3px}.mode-switch{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(100%,650px);margin:26px auto 10px;display:grid}.mode-switch button{border:2px solid var(--ink);cursor:pointer;text-align:left;background:#ffffff94;border-radius:22px;padding:16px}.mode-switch button.active{background:var(--acid);box-shadow:4px 4px 0 var(--ink)}.mode-switch strong,.mode-switch span{display:block}.mode-switch span{color:var(--muted);text-transform:uppercase;margin-top:4px;font-size:12px}.publish-toggle{text-align:left;align-items:flex-start;gap:10px;width:min(100%,650px);margin:8px auto 0;font-size:13px;line-height:1.35;display:flex}.save-status{border:1.5px solid var(--ink);border-radius:12px;width:fit-content;max-width:100%;margin:18px 0 0;padding:10px 12px;font-size:13px;font-weight:800}.save-status--saved{background:var(--acid)}.save-status--local-only{background:#ffe6a7}.result-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.result-actions .again{margin-top:0;text-decoration:none}.correction-form{border:2px dashed var(--ink);border-radius:20px;margin-top:24px;padding:18px}.correction-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0;display:grid}.correction-form label{gap:5px;font-size:12px;font-weight:800;display:grid}.correction-form input,.correction-form textarea{border:1.5px solid var(--ink);background:#fff;border-radius:10px;width:100%;padding:10px}.platform-page{min-height:100svh;padding:18px clamp(18px,4vw,44px) 60px}.platform-page__inner{width:min(100%,1120px);margin:0 auto}.platform-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:70px;display:flex}.platform-header nav{text-transform:uppercase;gap:16px;font-size:12px;font-weight:900;display:flex}.platform-title{letter-spacing:-.08em;max-width:960px;margin:0 0 18px;font-size:clamp(56px,10vw,132px);line-height:.82}.platform-lede{letter-spacing:-.03em;max-width:720px;font-size:clamp(18px,2.6vw,28px);line-height:1.2}.metric-grid,.platform-grid,.site-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:36px 0;display:grid}.metric,.platform-card,.site-card,.timeline-item{border:2px solid var(--ink);background:#ffffff9e;border-radius:22px;padding:18px}.metric strong{letter-spacing:-.06em;font-size:clamp(32px,5vw,60px);display:block}.metric span,.platform-card p,.site-card p,.timeline-item p{color:var(--muted)}.platform-card h2,.site-card h2{letter-spacing:-.04em;margin:4px 0 10px;font-size:26px}.map-field{border:2px solid var(--ink);background-color:#e5efdc;background-image:linear-gradient(#10110f0f 1px,#0000 1px),linear-gradient(90deg,#10110f0f 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:36px 36px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:30px;min-height:520px;margin:32px 0;position:relative;overflow:hidden}.map-empty{text-align:center;place-items:center;padding:30px;font-size:24px;font-weight:900;display:grid;position:absolute;inset:0}.map-dot{border:2px solid var(--ink);background:var(--pink);width:34px;height:34px;box-shadow:3px 3px 0 var(--ink);border-radius:50%;place-items:center;margin:-17px 0 0 -17px;font-size:16px;text-decoration:none;display:grid;position:absolute}.timeline{gap:10px;margin:26px 0;display:grid}.timeline-item{grid-template-columns:150px 1fr;gap:20px;display:grid}.timeline-item time{text-transform:uppercase;font-size:12px;font-weight:900}.code-link{border:1.5px solid var(--ink);background:var(--acid);border-radius:999px;padding:10px 12px;font-weight:900;text-decoration:none;display:inline-block}@media (max-width:720px){.platform-nav{display:none}.mode-switch,.correction-grid,.metric-grid,.platform-grid,.site-grid{grid-template-columns:1fr}.platform-header{margin-bottom:44px}.platform-header nav{gap:10px}.timeline-item{grid-template-columns:1fr;gap:6px}.map-field{min-height:420px}}