*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#0f0f23;color:#e0e0e0}.app.svelte-12qhfyh{min-height:100vh;display:flex;flex-direction:column}.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}.nav-links.svelte-12qhfyh a.disabled-link:where(.svelte-12qhfyh){color:#555;cursor:not-allowed}.nav-links.svelte-12qhfyh a.disabled-link:where(.svelte-12qhfyh):hover{color:#555}@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}.auth-area.svelte-12qhfyh{margin-left:auto}}.auth-area.svelte-12qhfyh{display:flex;align-items:center}.user-info.svelte-12qhfyh{display:flex;align-items:center;gap:.5rem}.avatar.svelte-12qhfyh{width:28px;height:28px;border-radius:50%}.user-name.svelte-12qhfyh{color:#ccc;font-size:.85rem}.sign-out-btn.svelte-12qhfyh{background:none;border:1px solid #555;color:#aaa;padding:.25rem .5rem;border-radius:4px;cursor:pointer;font-size:.8rem}.sign-out-btn.svelte-12qhfyh:hover{color:#fff;border-color:#888}.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(>.tutorial-page),main.svelte-12qhfyh:has(>.play-page),main.svelte-12qhfyh:has(>.setup-page){padding:0;max-width:none}