:root{--c-bg: #fffbf3;--c-ink: #2b2d42;--c-ink-soft: #5c5f7a;--c-card: #ffffff;--c-coral: #ff6b6b;--c-sun: #ffd166;--c-mint: #06d6a0;--c-sky: #4cc9f0;--c-grape: #9b5de5;--c-pink: #f15bb5;--font-display: "Fredoka", "Comic Sans MS", system-ui, sans-serif;--font-body: "Nunito", system-ui, sans-serif;--radius: 1.25rem;--shadow-chunky: 4px 4px 0 var(--c-ink);--border-chunky: 3px solid var(--c-ink)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%}body:has(.game-active){overflow:hidden}body{font-family:var(--font-body);color:var(--c-ink);background-color:var(--c-bg);background-image:radial-gradient(rgba(43,45,66,.07) 1.5px,transparent 1.5px);background-size:22px 22px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);line-height:1.15;margin:0 0 .5em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.7rem 1.3rem;font:600 1.1rem var(--font-display);color:var(--c-ink);background:var(--c-sun);border:var(--border-chunky);border-radius:999px;box-shadow:3px 3px 0 var(--c-ink);cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .15s}.btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--c-ink)}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--c-ink)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.panel{background:var(--c-card);border:var(--border-chunky);border-radius:var(--radius);box-shadow:var(--shadow-chunky);padding:1.5rem}:focus-visible{outline:3px dashed var(--c-grape);outline-offset:3px}