:root{--color-correct: #e63946;--color-present: #f4a261;--color-absent: #6b7280;--color-empty: #d1d5db;--color-bg: #111827;--color-bg-secondary: #1f2937;--color-text: #f9fafb;--color-text-secondary: #9ca3af;--color-key-bg: #374151;--color-key-text: #f9fafb;--color-border: #4b5563;--tile-size-max: 58px;--tile-gap: 5px;--font-mono: "Segoe UI", system-ui, -apple-system, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:var(--font-mono);background:var(--color-bg);color:var(--color-text);overflow:hidden;user-select:none;-webkit-user-select:none}body{display:flex;flex-direction:column}.app.svelte-12qhfyh{display:flex;flex-direction:column;height:100dvh;max-width:500px;margin:0 auto}header.svelte-12qhfyh{display:flex;align-items:center;justify-content:center;padding:8px 16px;border-bottom:1px solid var(--color-border);flex-shrink:0;position:relative}.logo.svelte-12qhfyh{text-decoration:none;color:inherit}.home-link.svelte-12qhfyh{position:absolute;left:16px;color:var(--color-text-secondary);text-decoration:none;display:flex;align-items:center;transition:color .15s}.home-link.svelte-12qhfyh:hover{color:var(--color-text)}h1.svelte-12qhfyh{font-size:1.6rem;font-weight:800;letter-spacing:.15em}main.svelte-12qhfyh{flex:1;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.header-right.svelte-12qhfyh{position:absolute;right:16px;display:flex;align-items:center}.login-link.svelte-12qhfyh{color:var(--color-text-secondary);text-decoration:none;font-size:.85rem;transition:color .15s}.login-link.svelte-12qhfyh:hover{color:var(--color-text)}.user-btn.svelte-12qhfyh{width:32px;height:32px;border-radius:50%;border:2px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text);font-size:.9rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;text-transform:uppercase}.menu-backdrop.svelte-12qhfyh{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99}.dropdown.svelte-12qhfyh{position:absolute;top:100%;right:0;margin-top:4px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;padding:8px 0;min-width:180px;z-index:100}.dropdown-user.svelte-12qhfyh{display:block;padding:8px 16px;font-size:.85rem;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);margin-bottom:4px}.dropdown-item.svelte-12qhfyh{display:block;width:100%;padding:8px 16px;border:none;background:none;color:var(--color-text);font-size:.9rem;text-align:left;cursor:pointer}.dropdown-item.svelte-12qhfyh:hover{background:var(--color-key-bg)}