:root{--ink:#11100f;--cream:#f5ecdf;--paper:#fff9ef;--mint:#b9f2df;--pink:#ff9fb7;--blue:#b9dcff;--acid:#d8ff45;--orange:#ffb45c;--muted:#74695f;--line:rgba(17,16,15,.14);--shadow:0 26px 80px rgba(17,16,15,.18)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 18% 10%,#fff 0 10%,transparent 32%),linear-gradient(135deg,#f8f0e4,#f3e1d4 45%,#e7f5ee);color:var(--ink);overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")} .shell{width:min(1180px,calc(100% - 28px));margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;padding:22px 0;gap:18px}.brandmark{font-weight:950;text-transform:uppercase;letter-spacing:.06em;display:flex;gap:10px;align-items:center}.catdot{display:grid;place-items:center;width:34px;height:34px;background:var(--ink);color:var(--cream);border-radius:50%;font-size:26px}nav{display:flex;gap:18px;font-size:14px}nav a{color:var(--ink);text-decoration:none;opacity:.7}.ghost,.secondary,.primary,button{font:inherit;border:2px solid var(--ink);border-radius:999px;padding:12px 18px;background:var(--paper);box-shadow:4px 4px 0 var(--ink);cursor:pointer;transition:.15s transform,.15s box-shadow}.primary{background:var(--ink);color:var(--cream)}button:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--ink)}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center;min-height:76vh;padding:24px 0 64px}.sticker{display:inline-block;background:var(--acid);border:2px solid var(--ink);border-radius:18px;padding:8px 14px;font-weight:900;box-shadow:4px 4px 0 var(--ink);margin-bottom:18px}.tilt-a{transform:rotate(-3deg)}h1{font-size:clamp(48px,8vw,104px);line-height:.9;margin:0 0 22px;letter-spacing:-.07em}h1 em{font-family:Georgia,serif;font-weight:400;background:linear-gradient(transparent 55%,var(--pink) 55%);font-style:italic}.lead{font-size:20px;line-height:1.45;color:#2b2723;max-width:650px}.narrow{max-width:700px}.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}.rulecards{display:flex;gap:10px;flex-wrap:wrap}.rulecards span,.values span,.finds span{background:#fff;border:1.5px solid var(--ink);border-radius:999px;padding:8px 12px;font-weight:800}.cat-stage{position:relative;min-height:600px}.moon{position:absolute;inset:40px 18px auto auto;width:420px;height:420px;border-radius:50%;background:var(--mint);border:3px solid var(--ink);box-shadow:14px 14px 0 var(--ink)}.cat-card{position:absolute;inset:75px 0 auto 20px;min-height:420px}.cat-illustration{position:relative;width:370px;height:460px;margin:auto;filter:drop-shadow(14px 18px 0 rgba(17,16,15,.18));animation:float 5s ease-in-out infinite}.ear{position:absolute;top:16px;width:95px;height:110px;background:#111;clip-path:polygon(50% 0,100% 100%,0 100%);z-index:1}.ear.left{left:88px;transform:rotate(-18deg)}.ear.right{right:88px;transform:rotate(18deg)}.face{position:absolute;top:72px;left:50%;transform:translateX(-50%);width:245px;height:210px;border:5px solid var(--ink);background:#f9f1e9;border-radius:46% 46% 40% 40%;z-index:2}.eye{position:absolute;top:70px;width:42px;height:26px;border:4px solid var(--ink);border-radius:50%;background:var(--acid);overflow:hidden}.eye.left{left:48px}.eye.right{right:48px}.eye span{display:block;width:9px;height:28px;background:var(--ink);border-radius:10px;margin:0 auto}.nose{position:absolute;top:112px;left:50%;transform:translateX(-50%);width:22px;height:16px;background:var(--pink);border:3px solid var(--ink);border-radius:60%}.mouth{position:absolute;top:138px;left:50%;width:46px;height:20px;border-bottom:4px solid var(--ink);border-radius:0 0 50px 50px;transform:translateX(-50%)}.whiskers{position:absolute;top:118px;width:82px;height:3px;background:var(--ink)}.w1{left:-55px;box-shadow:4px -18px 0 var(--ink),8px 18px 0 var(--ink);transform:rotate(6deg)}.w2{right:-55px;box-shadow:-4px -18px 0 var(--ink),-8px 18px 0 var(--ink);transform:rotate(-6deg)}.body{position:absolute;top:260px;left:75px;width:220px;height:170px;background:#111;border-radius:46% 46% 34% 34%;border:5px solid var(--ink)}.tail{position:absolute;right:-72px;top:40px;width:120px;height:38px;border:14px solid #111;border-left:0;border-radius:0 60px 60px 0;transform:rotate(-26deg);animation:tail 2.2s ease-in-out infinite}.paw{position:absolute;left:38px;bottom:-14px;width:80px;height:45px;background:#f9f1e9;border:5px solid var(--ink);border-radius:50%}.bubble{position:absolute;right:15px;top:330px;width:290px;background:var(--paper);border:3px solid var(--ink);border-radius:28px;padding:18px;font-weight:900;box-shadow:8px 8px 0 var(--ink)}.challenge-card{position:absolute;left:10px;bottom:18px;background:var(--pink);border:3px solid var(--ink);border-radius:28px;padding:18px;width:360px;box-shadow:8px 8px 0 var(--ink)}.board{margin:28px 0;padding:38px;border:3px solid var(--ink);border-radius:38px;background:rgba(255,249,239,.78);box-shadow:var(--shadow);position:relative;overflow:hidden}.board:before{content:"";position:absolute;right:-70px;top:-70px;width:170px;height:170px;border-radius:50%;background:var(--blue);border:3px solid var(--ink);opacity:.8}.section-kicker{font-weight:950;text-transform:uppercase;letter-spacing:.08em;color:#4c4138;margin-bottom:8px}.board h2{font-size:clamp(34px,5vw,62px);line-height:.96;margin:0 0 24px;letter-spacing:-.05em}.onboard-grid,.mod-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel,.bag-grid article{background:#fff;border:2px solid var(--ink);border-radius:28px;padding:24px;box-shadow:7px 7px 0 var(--ink)}label{display:block;font-weight:900;margin:0 0 15px}input,select{width:100%;margin-top:8px;border:2px solid var(--ink);border-radius:16px;padding:14px;background:#fff;font:inherit}.wide{width:100%;justify-content:center}.statline{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.statline div{background:var(--ink);color:var(--cream);border-radius:24px;padding:18px}.statline small{display:block;opacity:.7}.statline strong{font-size:36px}.actions,.path-grid,.bag-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.actions button{background:var(--mint);border-radius:24px}.path-grid{grid-template-columns:repeat(4,1fr)}.path{background:#fff;text-align:left;border-radius:24px;min-height:120px}.path b{display:block;font-size:22px}.path span{color:var(--muted)}.values,.finds{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.device{position:relative;height:270px;background:linear-gradient(145deg,#111,#3a332e);border:4px solid var(--ink);border-radius:42px;box-shadow:11px 11px 0 var(--ink);display:grid;place-items:center;color:var(--acid);font-family:monospace;font-size:28px}.dial{position:absolute;left:28px;top:30px;width:72px;height:72px;background:var(--orange);border:4px solid var(--ink);border-radius:50%}.screen{background:#0b150f;border:3px solid var(--acid);border-radius:14px;padding:18px;width:70%;text-align:center;text-shadow:0 0 14px var(--acid)}.antenna{position:absolute;right:52px;top:-72px;width:8px;height:92px;background:var(--ink);transform:rotate(16deg)}.antenna:after{content:"";position:absolute;top:-18px;left:-11px;width:30px;height:30px;background:var(--pink);border:3px solid var(--ink);border-radius:50%}.progress{height:18px;background:#e6ddd2;border:2px solid var(--ink);border-radius:99px;overflow:hidden;margin:16px 0}.progress span{display:block;height:100%;width:0;background:var(--acid)}.chatbox{min-height:180px;background:#fff;border:2px solid var(--ink);border-radius:26px;padding:18px;display:flex;flex-direction:column;gap:10px}.msg{max-width:75%;padding:12px 14px;border-radius:18px;border:2px solid var(--ink);background:var(--mint);font-weight:750}.msg.user{align-self:flex-end;background:var(--blue)}.msg.cat{align-self:flex-start;background:var(--paper)}.chatForm{display:flex;gap:10px;margin-top:12px}.chatForm input{margin:0}.chatForm button{min-width:130px}.bag-grid{grid-template-columns:repeat(3,1fr)}.bag-grid article{background:linear-gradient(135deg,#fff,var(--mint));min-height:180px}.bag-grid article:nth-child(2){background:linear-gradient(135deg,#fff,var(--pink))}.bag-grid article:nth-child(3){background:linear-gradient(135deg,#fff,var(--blue))}.bag-grid small{display:block;margin:8px 0 24px;color:var(--muted)}footer{text-align:center;padding:40px 0 60px;font-weight:950;font-size:24px}@keyframes float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)}}@keyframes tail{0%,100%{transform:rotate(-26deg)}50%{transform:rotate(-11deg)}}@media(max-width:880px){nav{display:none}.hero,.onboard-grid,.mod-grid{grid-template-columns:1fr}.hero{min-height:auto}.cat-stage{min-height:520px}.moon{width:310px;height:310px}.cat-illustration{width:290px;transform:scale(.78);transform-origin:top center}.bubble{right:0;top:300px}.challenge-card{width:auto;right:0}.actions,.path-grid,.bag-grid,.statline{grid-template-columns:1fr}.board{padding:24px}.chatForm{flex-direction:column}}