:root{color:#f4f3e9;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#264941;font-family:system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}.top-screen,.settings-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;min-height:100svh;padding:2rem 1rem;font-family:Yomogi,cursive;display:flex}.top-screen h1,.settings-screen h1{letter-spacing:.02em;margin:0;font-size:clamp(2.5rem,10vw,4.5rem);font-weight:400}button{max-width:100%;font:inherit;color:inherit;cursor:pointer;background-color:#0000;border:2px solid;border-radius:.5rem;padding:.875rem 1.75rem;font-size:1.125rem;font-weight:400}button:hover:not(:disabled){background-color:#ffffff14}button:focus-visible{outline-offset:5px;outline:3px solid #f4f3e9}button:disabled{opacity:.6;cursor:not-allowed}.settings-screen{gap:1.5rem}.settings-screen>button{margin-top:.75rem}.settings-screen h1{font-size:clamp(2rem,8vw,3rem)}.settings-screen fieldset{border:0;width:min(100%,32rem);min-width:0;margin:0;padding:0}.settings-screen legend{width:100%;margin-bottom:.75rem;font-size:1.25rem}.setting-options{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.setting-options label{cursor:pointer;border:2px solid #f4f3e966;border-radius:.5rem;align-items:center;gap:.5rem;padding:.625rem .875rem;display:flex}.setting-options label:has(input:checked){background-color:#ffffff24;border-color:#f4f3e9}.setting-options label:has(input:focus-visible){outline-offset:4px;outline:3px solid #f4f3e9}.setting-options input{accent-color:#f4f3e9;margin:0}