header{display:flex;justify-content:space-between;align-items:center;gap:1em;padding:.65em 1em;margin-bottom:.5em;background:var(--header-bg);position:sticky;top:0;z-index:10;min-height:var(--header-height, 2.75em)}header h1{font-size:1.05rem;font-weight:600;letter-spacing:.02em;color:var(--header-fg);margin:0}header h1 a{color:inherit;text-decoration:none}header .header-actions{display:flex;align-items:center;gap:.5em}header .header-btn,header button.header-btn{background:rgba(0,0,0,0);color:var(--header-fg);border:1px solid var(--header-border);border-radius:6px;height:2.3rem;min-height:0;min-width:0;font-size:.85rem;font-weight:500;padding:0 .85em;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:border-color .2s ease-in-out,background-color .2s ease-in-out}header .header-btn:hover,header button.header-btn:hover{border-color:var(--header-fg);background:hsla(0,0%,100%,.08)}header .header-btn:focus,header button.header-btn:focus{outline:none}header .header-btn:focus-visible,header button.header-btn:focus-visible{outline:2px solid var(--header-fg);outline-offset:2px}header button.rules-toggle.header-btn[aria-expanded=true]{background:hsla(0,0%,100%,.15);border-color:var(--header-fg)}header button.theme-toggle.header-btn,header button.settings-toggle.header-btn{width:2.3rem;padding:0;flex-shrink:0;transition:border-color .2s ease-in-out,background-color .2s ease-in-out,transform .2s ease-in-out}header button.theme-toggle.header-btn svg,header button.settings-toggle.header-btn svg{display:block;transition:transform .3s ease-in-out}header button.theme-toggle.header-btn:hover svg{transform:rotate(-15deg)}header button.settings-toggle.header-btn:hover svg{transform:rotate(60deg)}body.is-playing header{position:static}@media(prefers-reduced-motion: reduce){header .theme-toggle svg,header .theme-toggle:hover svg{transition:none;transform:none}}
@keyframes toast-slide-in{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.status-toasts{position:fixed;left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + .75em);z-index:80;display:flex;flex-direction:column;align-items:center;gap:.5em;pointer-events:none}.status-toasts .toast{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:.65em .9em;font-size:.9rem;box-shadow:0 8px 24px rgba(0,0,0,.18);display:flex;align-items:center;gap:.6em;max-width:calc(100% - 2em);pointer-events:auto;animation:toast-slide-in 220ms cubic-bezier(0.16, 1, 0.3, 1)}.status-toasts .toast .toast-dot{width:10px;height:10px;border-radius:50%;background:var(--muted);flex-shrink:0}.status-toasts .toast.toast-warn .toast-dot{background:var(--error)}.status-toasts .toast.toast-success .toast-dot{background:var(--win)}.status-toasts .toast.toast-install{padding:.75em 1em;max-width:380px}.status-toasts .toast.toast-install .toast-text{display:flex;flex-direction:column;gap:.15em}.status-toasts .toast.toast-install .toast-text strong{font-weight:600}.status-toasts .toast.toast-install .toast-text span{font-size:.8rem;color:var(--muted)}.status-toasts .toast.toast-install .toast-actions{display:flex;gap:.4em;margin-left:auto}.status-toasts .toast.toast-install .toast-actions .toast-btn,.status-toasts .toast.toast-install .toast-actions .toast-btn-ghost{font-size:.85rem;padding:.5em .9em;border-radius:6px;cursor:pointer;min-height:2.25em;transition:background-color .15s ease-in-out,border-color .15s ease-in-out}.status-toasts .toast.toast-install .toast-actions .toast-btn{background:var(--accent);color:#fff;border:1px solid var(--accent-strong)}.status-toasts .toast.toast-install .toast-actions .toast-btn:hover{background:var(--accent-strong)}.status-toasts .toast.toast-install .toast-actions .toast-btn-ghost{background:rgba(0,0,0,0);border:1px solid var(--border);color:var(--text)}.status-toasts .toast.toast-install .toast-actions .toast-btn-ghost:hover{border-color:var(--muted)}@media(prefers-reduced-motion: reduce){.status-toasts .toast{animation:none}}
@keyframes modal-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-pop-in{from{opacity:0;transform:translateY(12px) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-backdrop{position:fixed;inset:0;background:rgba(10,14,22,.55);display:flex;align-items:center;justify-content:center;padding:1em;z-index:100;animation:modal-fade-in 160ms ease-out}.modal{background:var(--surface);color:var(--text);border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.25);padding:1.5em;width:100%;max-width:400px;animation:modal-pop-in 200ms cubic-bezier(0.16, 1, 0.3, 1)}.modal h2{font-size:1.1rem;font-weight:600;margin:0 0 .5em}.modal p{font-size:.95rem;line-height:1.5;color:var(--muted);margin:0 0 1em}.modal .modal-actions{display:flex;justify-content:flex-end;gap:.5em;margin-top:1em}.modal .modal-actions button{font-size:.95rem;padding:.6em 1.1em;border-radius:6px;cursor:pointer;min-height:2.5em;transition:background-color .15s ease-in-out,border-color .15s ease-in-out}.modal .modal-actions .modal-cancel{background:rgba(0,0,0,0);border:1px solid var(--border);color:var(--text)}.modal .modal-actions .modal-cancel:hover{border-color:var(--text)}.modal .modal-actions .modal-confirm{background:var(--accent);color:#fff;border:1px solid var(--accent-strong)}.modal .modal-actions .modal-confirm:hover{background:var(--accent-strong)}.modal .modal-actions .modal-confirm.destructive{background:var(--danger);color:#fff;border-color:var(--danger-strong)}.modal .modal-actions .modal-confirm.destructive:hover{background:var(--danger-strong)}@media(prefers-reduced-motion: reduce){.modal-backdrop,.modal{animation:none}}

/*# sourceMappingURL=app.css.map*/