:root{--ink:#161510;--paper:#fff5b8;--pink:#ff3d69;--yellow:#ffc800;--card:#fffdf7;--shadow:0 5px 0 #191713}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;color:var(--ink);font-family:'Patrick Hand',cursive;font-size:20px;background:radial-gradient(circle at 15% 15%,#fffdd5 0 2%,transparent 18%),radial-gradient(circle at 90% 42%,#fffbd1 0 1%,transparent 22%),var(--paper);min-height:100vh}.app-shell{max-width:840px;margin:auto;padding:28px 28px 38px}.topbar{display:flex;justify-content:space-between;align-items:flex-start}.brand{color:var(--ink);text-decoration:none;line-height:.85;font-size:20px;display:flex;gap:7px;align-items:center;transform:rotate(-3deg)}.sloth{font-size:43px;letter-spacing:-14px;border-bottom:3px solid var(--ink);padding-right:10px}.top-actions{display:flex;gap:10px}.top-button{border:0;background:#fffdf8;box-shadow:0 3px 12px #bba85b52;border-radius:19px;padding:12px 16px;min-height:57px;font:700 17px/1.05 'Patrick Hand',cursive;display:flex;gap:7px;align-items:center;cursor:pointer}.hero{text-align:center;padding:48px 0 42px;position:relative}.hero h1{font:clamp(58px,14vw,118px)/.82 'Titan One',sans-serif;letter-spacing:1px;margin:0;transform:rotate(-1deg)}.hero p:not(.rays){font-size:clamp(24px,4vw,31px);line-height:1.25;margin:30px 0 0}.rays{position:absolute;right:5%;top:27%;font:55px/1 sans-serif;transform:rotate(-24deg)}.filters{display:grid;gap:27px}fieldset{border:0;padding:0;margin:0}legend{text-transform:uppercase;font-weight:700;font-size:20px;margin-bottom:9px}.options{display:grid;grid-template-columns:1fr 1fr;gap:16px}.options.three{grid-template-columns:repeat(3,1fr)}.option{font:25px/1 'Patrick Hand',cursive;background:var(--card);border:2px solid #e5dec1;border-radius:17px;box-shadow:0 4px 0 #ddd5b2;padding:15px 10px;min-height:78px;cursor:pointer;text-transform:uppercase;transition:transform .15s,border-color .15s,box-shadow .15s}.option b{font-weight:700;margin-left:5px}.option.selected{border-color:var(--yellow);box-shadow:0 4px 0 var(--yellow);transform:translateY(-2px)}button:focus-visible{outline:4px solid #286ad4;outline-offset:3px}.actions{text-align:center;margin:32px auto 25px;display:grid;justify-items:center;gap:14px}.primary{width:min(100%,670px);border:0;border-radius:28px;background:var(--pink);color:white;box-shadow:var(--shadow);font:clamp(37px,7vw,61px)/1 'Patrick Hand',cursive;text-transform:uppercase;padding:20px;cursor:pointer;transition:transform .15s,filter .15s}.primary:hover{transform:translateY(-3px) rotate(-.3deg);filter:saturate(1.13)}.primary:active{transform:translateY(3px);box-shadow:0 2px 0 #191713}.chaos{background:#141310;color:#fff;border:0;border-radius:16px;box-shadow:0 3px 0 #000;padding:9px 26px;display:grid;grid-template-columns:auto auto;column-gap:8px;align-items:center;cursor:pointer;font-family:'Patrick Hand',cursive}.chaos span{grid-row:span 2;font-size:28px}.chaos b{text-transform:uppercase;font-size:24px;line-height:.9}.chaos small{text-transform:uppercase;font:700 12px sans-serif}.chaos:hover{animation:wiggle .25s infinite}.counter{text-align:center;font-size:22px;margin:53px 0 25px}.counter strong{color:var(--pink);font-size:27px}footer{text-align:center;font-size:15px;opacity:.75}dialog{border:0;padding:0;background:transparent;max-width:min(94vw,620px)}dialog::backdrop{background:#191713a6;backdrop-filter:blur(3px)}.challenge-card,.success-card{background:var(--paper);border:4px solid var(--ink);border-radius:28px;padding:43px 29px 29px;text-align:center;box-shadow:9px 10px 0 #111;position:relative;animation:pop .25s ease-out}.close{position:absolute;right:14px;top:7px;border:0;background:none;font:42px/1 sans-serif;cursor:pointer}.eyebrow{text-transform:uppercase;font-weight:700;letter-spacing:1px;margin:0;color:#b42b4b}.challenge-card h2,.success-card h2{font:37px/1.08 'Titan One',sans-serif;margin:13px 0 28px}.meta{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.meta span{padding:7px 11px;background:#fffef8;border:2px solid var(--ink);border-radius:99px}.hint{font-size:20px;line-height:1.1}.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:23px 0 14px}.done,.secondary{border:2px solid var(--ink);border-radius:14px;padding:14px 7px;font:700 22px/1 'Patrick Hand',cursive;cursor:pointer}.done{background:#53ca78}.secondary{background:#fffef7}.text-button{border:0;background:none;text-decoration:underline;font:20px 'Patrick Hand',cursive;padding:6px;cursor:pointer}.skip-joke{min-height:1.2em;color:#b42b4b;margin:10px 0 0}.success-card{min-width:min(90vw,420px)}.big-emoji{font-size:70px;margin:0}.success-card h2{font-size:54px;margin:0}.success-card .primary{font-size:27px;border-radius:15px;padding:14px;margin:14px 0 5px}.confetti{color:var(--pink);font-size:29px;letter-spacing:10px;animation:float 1.5s infinite alternate}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,130px);background:#171510;color:#fff;padding:11px 18px;border-radius:12px;transition:transform .2s;z-index:2}.toast.show{transform:translate(-50%,0)}@keyframes pop{from{transform:scale(.86);opacity:0}to{transform:scale(1);opacity:1}}@keyframes wiggle{50%{transform:translateX(1px) rotate(.5deg)}}@keyframes float{to{transform:translateY(-8px) rotate(4deg)}}@media(max-width:550px){body{font-size:19px}.app-shell{padding:18px 16px 30px}.top-button{font-size:15px;padding:9px 11px;min-height:48px}.top-button span{display:none}.top-button:first-child span{display:block}.hero{padding:43px 0 33px}.hero h1{font-size:65px}.hero p:not(.rays){font-size:25px;margin-top:24px}.rays{right:0}.filters{gap:24px}.options{gap:10px}.option{font-size:21px;min-height:66px;padding:10px 4px}.options.three .option{font-size:18px}.options.three .option b{display:block;margin:3px 0 0}.primary{font-size:42px;padding:17px 8px;border-radius:23px}.counter{margin-top:42px;font-size:19px}.challenge-card,.success-card{padding:39px 18px 20px}.challenge-card h2{font-size:29px}.dialog-actions{grid-template-columns:1fr}.meta span{font-size:18px}}