*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#e8e2d8;color:#5a4d3a}.app.svelte-12qhfyh{min-height:100dvh;display:flex;flex-direction:column;background:#e8e2d8}.navbar.svelte-12qhfyh{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:#1a1a2e;border-bottom:1px solid #333;gap:.75rem;flex-wrap:wrap}.logo.svelte-12qhfyh{font-size:1.25rem;font-weight:700;color:#fff;text-decoration:none}.nav-links.svelte-12qhfyh{display:flex;gap:1.5rem}.nav-links.svelte-12qhfyh a:where(.svelte-12qhfyh){color:#aaa;text-decoration:none;font-size:.95rem;transition:color .2s}.nav-links.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{color:#fff}@media(max-width:600px){.navbar.svelte-12qhfyh{padding:.5rem .75rem;gap:.5rem}.logo.svelte-12qhfyh{font-size:1rem}.nav-links.svelte-12qhfyh{gap:.75rem;order:3;width:100%;justify-content:center}.nav-links.svelte-12qhfyh a:where(.svelte-12qhfyh){font-size:.85rem}}.navbar.hidden.svelte-12qhfyh{display:none}main.svelte-12qhfyh{flex:1;padding:1rem;max-width:1200px;margin:0 auto;width:100%}main.svelte-12qhfyh:has(>.home),main.svelte-12qhfyh:has(>.play-page){padding:0;max-width:none}main.svelte-12qhfyh:has(>.setup-page),main.svelte-12qhfyh:has(>.scan-page),main.svelte-12qhfyh:has(>.tutorial-page),main.svelte-12qhfyh:has(>.learn-page),main.svelte-12qhfyh:has(>.learn-lesson){padding:0}