@theme{ --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }:root{color-scheme:light;--app-bg: oklch(.975 .009 248);--surface: oklch(.998 .003 248);--surface-muted: oklch(.955 .012 248);--line: oklch(.89 .018 248);--ink: oklch(.22 .031 252);--muted: oklch(.48 .028 252);--accent: oklch(.52 .17 252);--accent-soft: oklch(.94 .038 252);--success: oklch(.55 .13 160);--success-soft: oklch(.94 .046 158);--danger: oklch(.57 .18 28);--danger-soft: oklch(.95 .052 28);--warning: oklch(.69 .14 72)}*{-webkit-tap-highlight-color:transparent}body{margin:0;min-width:320px;background:var(--app-bg);color:var(--ink);font-family:var(--font-sans)}button,input,textarea,select{font:inherit}.app-page{min-height:calc(100dvh - 8rem);padding:.75rem}@media (min-width: 640px){.app-page{padding:1.5rem}}.app-container{width:min(100%,68rem);margin-inline:auto}.panel{border:1px solid var(--line);border-radius:1rem;background:var(--surface);box-shadow:0 12px 34px #0c17230f}.panel-compact{border:1px solid var(--line);border-radius:.875rem;background:var(--surface);box-shadow:0 8px 22px #0c17230d}.field{width:100%;border:1px solid var(--line);border-radius:.75rem;background:var(--surface);color:var(--ink);padding:.78rem .9rem;font-size:.95rem;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.field:focus{border-color:color-mix(in oklab,var(--accent) 80%,var(--line));box-shadow:0 0 0 4px color-mix(in oklab,var(--accent-soft) 72%,transparent);background:var(--surface)}.field[aria-invalid=true]{border-color:color-mix(in oklab,var(--danger) 72%,var(--line))}.label{display:block;margin-bottom:.45rem;color:var(--ink);font-size:.82rem;font-weight:700}.hint{color:var(--muted);font-size:.78rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.75rem;border-radius:.75rem;padding:.68rem 1rem;font-size:.9rem;font-weight:750;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:#fcfcf9;box-shadow:0 8px 18px color-mix(in oklab,var(--accent) 20%,transparent)}.btn-primary:hover{background:color-mix(in oklab,var(--accent) 88%,oklch(.2 .03 252))}.btn-secondary{border:1px solid var(--line);background:var(--surface);color:var(--ink)}.btn-secondary:hover{background:var(--surface-muted)}.chip{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;border:1px solid var(--line);background:var(--surface);padding:.4rem .7rem;color:var(--muted);font-size:.78rem;font-weight:700}.game-context-badge{display:inline-flex;min-width:0;max-width:min(15rem,42vw);align-items:center;gap:.55rem;border:1px solid var(--line);border-radius:999px;background:color-mix(in oklab,var(--surface-muted) 72%,var(--surface));color:var(--ink);padding:.25rem .7rem .25rem .25rem;box-shadow:0 8px 18px #0c17230a}.game-context-icon{position:relative;display:inline-flex;width:2.25rem;height:2.25rem;flex:0 0 2.25rem;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--accent);font-size:.72rem;font-weight:900}.game-context-image{width:100%;height:100%;border-radius:inherit;object-fit:contain;padding:.18rem}.game-context-presence{position:absolute;right:-.04rem;bottom:-.04rem;width:.68rem;height:.68rem;border:2px solid var(--surface);border-radius:999px;background:var(--success)}.game-context-copy{display:none;min-width:0;flex-direction:column}.game-context-kicker{color:var(--muted);font-size:.62rem;font-weight:900;letter-spacing:0;line-height:1}.game-context-name{overflow:hidden;max-width:9.5rem;margin-top:.12rem;font-size:.86rem;font-weight:850;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 640px){.game-context-copy{display:flex}}@media (max-width: 420px){.game-context-badge{gap:0;padding-right:.25rem}}.status-dot{width:.5rem;height:.5rem;border-radius:999px;background:currentColor}.alert{display:flex;gap:.75rem;border-radius:1rem;padding:.85rem;font-size:.88rem}.alert-danger{background:var(--danger-soft);color:color-mix(in oklab,var(--danger) 72%,var(--ink))}.alert-success{background:var(--success-soft);color:color-mix(in oklab,var(--success) 72%,var(--ink))}.mobile-safe-bottom{padding-bottom:max(1rem,env(safe-area-inset-bottom))}.faq-content h1,.faq-content h2,.faq-content h3,.faq-content h4{margin-top:1rem;margin-bottom:.5rem;color:var(--ink);font-weight:800}.faq-content p{margin-block:.75rem}.faq-content ul,.faq-content ol{margin-block:.75rem;padding-left:1.25rem}.faq-content ul{list-style:disc}.faq-content ol{list-style:decimal}.faq-content a{color:var(--accent);font-weight:700;text-decoration:underline}.faq-content code{border-radius:.5rem;background:var(--surface-muted);padding:.15rem .35rem;color:var(--ink)}.field.faq-search-input{padding-left:3rem}