@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@500;600;700;800;900&display=swap');
:root{--ink:#49352b;--green:#4b7566;--paper:#fff5ce;--line:#533c2d;--orange:#f2bc72;--mint:#c4e6d9;--pink:#f5c4d0;--blue:#c8e7ed}body{font-family:'Nunito',system-ui,sans-serif;background-color:var(--paper);background-image:radial-gradient(#d2b77938 .9px,transparent .9px);background-size:9px 9px;color:var(--ink)}h1,h2,h3,.brand{font-family:'Nunito',system-ui,sans-serif;font-weight:900}header{background:#fff9e7;border-bottom:2px solid var(--line);padding:18px 5%;box-shadow:0 4px 0 #e9ca8c45}.brand{font-size:29px;letter-spacing:-1.5px;display:flex;align-items:center;gap:9px}.brand span{color:#678e7c}.brandword{white-space:nowrap}.brandmark{height:38px;width:42px;display:inline-block;transform:rotate(-7deg)}nav button{border:2px solid transparent;border-radius:15px;font-size:14px;font-weight:800}nav button.active{border-color:var(--line);background:var(--mint);box-shadow:2px 3px 0 var(--line)}button{border:2px solid var(--line);border-radius:13px;background:var(--mint);color:var(--ink);font-weight:900;box-shadow:3px 4px 0 var(--line);transition:transform .15s,box-shadow .15s}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:3px 6px 0 var(--line)}button:active:not(:disabled){transform:translate(2px,3px);box-shadow:0 1px 0 var(--line)}button:focus-visible,a:focus-visible{outline:3px solid #567eb6;outline-offset:4px}button.secondary{background:#ffedb1;color:var(--ink)}button:disabled{opacity:.65;box-shadow:1px 2px 0 var(--line)}.wallet{background:#ffe5a0;border:2px solid var(--line);border-radius:30px;font-size:14px;padding:9px 14px}.notice{font-size:12px;background:#f4e6bb;border-bottom:1px dashed #a58a65;color:#6d5841;padding:8px 5%}.eyebrow{letter-spacing:1.7px;font-size:11px;color:#80644b}.muted{color:#77614e}main{padding-top:34px;max-width:1120px}h1{font-size:clamp(38px,5vw,57px);letter-spacing:-2px;line-height:1.04;margin:18px 0}h2{letter-spacing:-.8px}p{line-height:1.55}.hero{align-items:center;gap:40px;margin-bottom:38px}.intro{padding:10px 0}.intro>p.muted{font-size:17px}.dream-tag{display:inline-block;border:2px solid var(--line);border-radius:9px;background:var(--pink);padding:6px 12px;font-size:12px;font-weight:900;transform:rotate(-3deg);box-shadow:2px 3px 0 #dfb09a}.intro h1 span{color:#698c79}.intro #greeting{font-size:12px;margin-top:18px}.petcard{background:#ffefb4;border:2.5px solid var(--line);border-radius:25px;box-shadow:6px 7px 0 #d9b78c;min-height:360px;padding:17px;isolation:isolate}.petcard:before{display:none}.pethead{position:relative;font-size:13px}.tag{border:1.5px solid #745640;background:#fffcf0;font-size:11px;font-weight:800;padding:5px 9px}.room-art{width:100%;height:250px;object-fit:cover;object-position:center;mix-blend-mode:multiply;border-radius:15px;margin:4px 0}.pet{display:none}.petfoot{background:#fff9e7;border:2px solid var(--line);padding:12px;border-radius:15px;font-size:12px}.petfoot small{display:block;font-size:11px;margin-top:3px;color:#77614e}.petfoot br{display:none}.petfoot button{padding:8px 11px;font-size:11px;background:var(--pink);flex-shrink:0}.sectionhead{margin-top:26px;gap:18px}.sectionhead h2{font-size:23px;line-height:1.2}.card{border:2px solid var(--line);border-radius:20px;background:#fffcef;box-shadow:4px 5px 0 #dfbf95;padding:23px;position:relative}.card .icon{background:#cce7da;border:2px solid var(--line);width:58px;height:58px;display:grid;place-items:center;border-radius:17px;transform:rotate(-6deg);box-shadow:2px 2px 0 #c6ab81}.grid .card:nth-child(2) .icon{background:var(--pink);transform:rotate(5deg)}.grid .card:nth-child(3) .icon{background:var(--blue);transform:rotate(-4deg)}.card h3{font-size:21px;letter-spacing:-.5px}.card p{font-size:14px}.grid .card:nth-child(2)>button{background:var(--pink)}.grid .card:nth-child(3)>button{background:var(--blue)}.card button{font-size:14px}.answers{gap:14px}.answers button{background:#d8ece1;padding:15px 12px;font-size:15px;min-height:70px}.answers button:nth-child(2),.answers button:nth-child(3){background:#f8dbe1}.question{font-size:23px;font-weight:700;padding:22px 0;line-height:1.45}input,textarea,select{border:2px solid #a88b66;border-radius:12px;background:#fffdf7;font-size:15px}input:focus,textarea:focus,select:focus{outline:3px solid #c4e6d9;outline-offset:1px}.post{margin-top:21px}.post>small{display:inline-block;background:#e3efdf;border-radius:8px;padding:5px 8px;font-size:11px}.post button{margin-right:8px}#play{margin-top:22px}#play>#back{width:auto;font-size:12px}#feedback{font-size:15px}.feedback:not(:empty){background:#fff0b5;border-radius:10px;padding:14px;margin:18px 0}dialog{background:#fff6da;border:3px solid var(--line);box-shadow:7px 9px 0 #49352b}#toast{background:#49352b;font-size:14px}footer{font-size:12px;color:#8b7051}#home>.sectionhead:before{content:'✦';font-size:30px;color:#b28b4a}.sectionhead .tag{margin-left:auto}.sticker{position:absolute;top:50px;right:20px;background:#f7cbd6;border:2px solid var(--line);padding:8px;font-weight:900;font-size:10px;border-radius:50%;transform:rotate(10deg);z-index:2}.desktop-decor{color:#c3974a}
@media(max-width:700px){header{padding:14px 18px;gap:12px}.brand{font-size:25px;gap:6px}.brandmark{width:32px;height:32px}header>.row{gap:8px;margin-left:auto}#profile{font-size:10px;padding:8px;max-width:116px}.wallet{padding:7px 9px;font-size:12px}nav{gap:8px;padding-top:3px}nav button{padding:9px 7px;font-size:12px;flex:1;white-space:nowrap}.notice{padding:8px 20px;font-size:10px}main{padding:25px 21px}.hero{gap:18px;margin-bottom:32px}.intro{padding:0}h1{font-size:41px;margin:17px 0 13px;letter-spacing:-1.8px}.intro>p.muted{font-size:15px;margin:12px 0 18px}.intro>button{font-size:13px;padding:11px 16px}#greeting{margin-bottom:0}.petcard{min-height:0;padding:12px;box-shadow:4px 5px 0 #d9b78c}.room-art{height:224px;margin:0}.pethead{font-size:12px}.petfoot{padding:10px}.sectionhead{gap:10px}.sectionhead h2{font-size:22px}.sectionhead .tag{font-size:9px;max-width:110px;text-align:center}.grid{gap:20px}.card{padding:20px}.card .icon{height:48px;width:48px;font-size:28px}.card h3{margin:15px 0 8px}.card p{margin:8px 0 14px}.card button{font-size:13px}#games>.sectionhead h1{font-size:37px}.question{font-size:21px}.panel>h1{font-size:39px}#play .eyebrow{font-size:10px;letter-spacing:1px;margin-top:22px}.sticker{top:45px;right:12px;font-size:9px}footer{padding:18px 35px}#home>.sectionhead:before{display:none}}
@media(prefers-reduced-motion:reduce){button{transition:none}}

/* The wordmark is also the home navigation link. */
a.brand{color:var(--ink);text-decoration:none;flex-shrink:0;border-radius:8px}