:root{--ink: #1b1b1f;--paper: #fffdf5;--sky: #4aa8ff;--sky-deep: #1f6fd6;--red: #e2231a;--yellow: #ffd23f;--shadow: 6px 6px 0 var(--ink);--display: "Bangers", "Secular One", system-ui, sans-serif;--body: "Fredoka", "Secular One", system-ui, sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--body);color:var(--ink);background-color:var(--sky);background-image:radial-gradient(rgba(255,255,255,.35) 1.5px,transparent 1.6px),repeating-conic-gradient(from 0deg at 50% 0%,var(--sky) 0deg 8deg,var(--sky-deep) 8deg 16deg);background-size:14px 14px,100% 100%;background-attachment:fixed;-webkit-font-smoothing:antialiased}.page{max-width:760px;margin:0 auto;padding:16px 16px 32px;display:flex;flex-direction:column;gap:20px}.toolbar{display:flex;justify-content:flex-end;gap:8px}button{font:inherit;cursor:pointer;color:var(--ink);border:3px solid var(--ink);border-radius:12px;transition:transform .1s,box-shadow .1s}button:focus-visible,input:focus-visible{outline:4px solid var(--yellow);outline-offset:2px}.chip{background:var(--paper);padding:4px 14px;font-weight:600;box-shadow:3px 3px 0 var(--ink)}button:active{transform:translate(3px,3px);box-shadow:none}.masthead{text-align:center}.masthead h1{margin:0;font-family:var(--display);font-size:clamp(2.6rem,10vw,4.8rem);line-height:1;letter-spacing:.03em;color:var(--yellow);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:4px 4px 0 var(--red),7px 7px 0 var(--ink);transform:rotate(-2deg)}.masthead p{display:inline-block;margin:14px 0 0;padding:8px 16px;background:var(--paper);border:3px solid var(--ink);border-radius:8px;box-shadow:4px 4px 0 var(--ink);font-size:clamp(1rem,3.4vw,1.2rem);font-weight:500;transform:rotate(1deg)}.panel{background:var(--paper);border:4px solid var(--ink);border-radius:6px;box-shadow:var(--shadow);overflow:hidden}.hero{position:relative;aspect-ratio:2 / 1;background:url(/assets/background-L1FWVFES.jpeg) center / cover no-repeat;border-bottom:4px solid var(--ink);display:flex;align-items:flex-start;justify-content:center;padding:12px}.bubble{position:relative;max-width:92%;background:#fff;border:4px solid var(--ink);border-radius:28px;padding:10px 22px 14px;text-align:center;box-shadow:5px 5px 0 var(--ink);animation:pop .45s cubic-bezier(.2,1.6,.4,1) both}.bubble:before,.bubble:after{content:"";position:absolute;left:50%;transform:translate(-50%);border-style:solid;border-color:transparent;border-bottom-width:0}.bubble:before{top:100%;border-width:22px 16px 0;border-top-color:var(--ink)}.bubble:after{top:calc(100% - 4px);border-width:18px 11px 0;border-top-color:#fff}.bubble h2{margin:0;font-size:clamp(.85rem,2.6vw,1rem);font-weight:500}.funny-name{margin:2px 0 0;font-family:var(--display);font-size:clamp(1.8rem,7vw,3.2rem);line-height:1.1;color:var(--red);-webkit-text-stroke:1px var(--ink);text-transform:capitalize;letter-spacing:.02em}.funny-name span{display:inline-block;margin:0 .18em;animation:pop .4s cubic-bezier(.2,1.8,.4,1) both}@keyframes pop{0%{transform:scale(.2) rotate(-8deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.controls{padding:20px;display:flex;flex-direction:column;gap:12px}label{font-weight:600;font-size:1.1rem}input{font:inherit;font-size:1.4rem;width:100%;padding:12px 16px;border:3px solid var(--ink);border-radius:12px;background:#fff}.big{background:var(--yellow);font-family:var(--display);font-size:clamp(1.3rem,5vw,1.7rem);letter-spacing:.04em;padding:10px 24px;box-shadow:4px 4px 0 var(--ink)}.big:hover{background:#ffe066}.secondary{background:#fff;font-weight:600;padding:10px 18px;box-shadow:3px 3px 0 var(--ink)}.actions{display:flex;flex-wrap:wrap;gap:10px}.actions .big{flex:1 1 220px}.error,.hint{margin:0;font-weight:500;color:var(--red)}.breakdown{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.breakdown li{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:8px 10px;border:2px solid var(--ink);border-radius:10px;background:#fff}.breakdown b{grid-row:span 2;width:40px;height:40px;display:grid;place-items:center;background:var(--sky);color:#fff;border:2px solid var(--ink);border-radius:50%;font-family:var(--display);font-size:1.4rem}.breakdown span{font-size:.8rem;opacity:.75}.breakdown em{font-style:normal;font-weight:600;text-transform:capitalize}footer{text-align:center;font-size:.85rem;color:#fff;text-shadow:1px 1px 0 var(--ink)}@media(prefers-reduced-motion:reduce){.bubble,.funny-name span{animation:none}}footer p{margin:0 0 8px}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 18px}.footer-links a{color:#fff;font-weight:600}.page-text{padding:8px 24px 24px;line-height:1.6}.page-text h2{font-family:var(--display);font-size:clamp(1.8rem,6vw,2.4rem);letter-spacing:.03em;color:var(--red);margin:12px 0 4px}.page-text h3{margin:18px 0 4px}.page-text ul{padding-inline-start:20px;margin:0}.page-text li{margin:4px 0}.page-text a{color:var(--sky-deep);font-weight:600}.page-text .back{display:inline-block;margin-top:18px;padding:8px 18px;background:var(--yellow);color:var(--ink);border:3px solid var(--ink);border-radius:12px;box-shadow:3px 3px 0 var(--ink);text-decoration:none}