.account-menu{position:relative}.account-avatar{display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--ink-raised);border:1px solid var(--ink-line-strong);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--weight-medium);color:var(--on-ink);line-height:1}.account-avatar-btn{display:grid;place-items:center;padding:0;background:none;border:0;cursor:pointer}.account-avatar-btn:hover .account-avatar,.account-avatar-btn[aria-expanded=true] .account-avatar{border-color:var(--signal)}.account-chip{display:inline-flex;align-items:center;gap:.45rem;max-width:14rem;padding:.2rem .55rem .2rem .2rem;background:var(--ink-raised-2);border:1px solid var(--ink-line-strong);border-radius:999px;color:var(--on-ink);cursor:pointer}.account-chip:hover,.account-chip[aria-expanded=true]{border-color:var(--signal)}.account-chip-name{overflow:hidden;min-width:0;font-size:var(--text-sm);font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap}.account-chip-chevron{flex-shrink:0;color:var(--on-ink-dim);transition:transform var(--duration-fast) var(--ease-out)}.account-chip[aria-expanded=true] .account-chip-chevron{transform:rotate(180deg)}.account-panel{position:absolute;right:0;top:calc(100% + .5rem);z-index:2;min-width:14rem;padding:var(--space-3);background:var(--ink-raised);border:1px solid var(--ink-line-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-ink)}.account-panel-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--on-ink)}.account-panel-email{margin-top:.125rem;margin-bottom:var(--space-3);font-size:var(--text-2xs);color:var(--on-ink-faint);word-break:break-all}.account-panel-item{display:block;width:100%;margin:0;padding:.5rem 0;background:none;border:0;border-top:1px solid var(--ink-line);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--on-ink-dim);text-align:left;text-decoration:none;cursor:pointer}.account-panel-item:hover{color:var(--on-ink)}@media(max-width:68rem){.account-chip-name,.account-chip-chevron{display:none}.account-chip{padding:0;background:none;border:0}.account-chip .account-avatar{width:2rem;height:2rem;background:var(--ink-raised-2)}}.app-sidebar{display:flex;flex-direction:column;min-height:0;background:var(--ink-deep);border-right:1px solid var(--ink-line)}.app-sidebar-head{display:flex;align-items:center;padding:18px 20px 14px}.app-sidebar-new{padding:0 16px 14px}.app-sidebar-new .btn{gap:8px}.app-sidebar-nav{flex:1;min-height:0;overflow-y:auto;padding:4px 12px 16px}.app-group+.app-group{margin-top:22px}.app-group-title{margin:0 0 8px;padding:0 8px;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--signal)}.app-group-empty{margin:0;padding:0 8px;font-size:var(--text-xs);line-height:1.5;color:var(--on-ink-faint)}.app-game-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.app-game-row{display:flex;align-items:center;border-radius:10px}.app-game-row:hover,.app-game-row:focus-within{background:var(--ink-raised)}.app-game-row.is-active{background:var(--ink-raised-2)}.app-game-link{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:9px 4px 9px 8px;text-decoration:none;color:inherit}.app-game-theme{flex-shrink:0;width:3px;height:26px;border-radius:99px;background:var(--signal)}.app-game-theme.is-jungle{background:#3d9b74}.app-game-theme.is-ocean,.app-game-theme.is-sea{background:#4a8fd4}.app-game-theme.is-desert{background:#d4a04a}.app-game-theme.is-space{background:#8b7cff}.app-game-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.app-game-title{overflow:hidden;font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:1.3;color:var(--on-ink);text-overflow:ellipsis;white-space:nowrap}.app-game-meta{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-label);color:var(--on-ink-faint)}.app-game-purpose{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-game-state.is-ready{color:var(--signal)}.app-game-state.is-building{color:var(--amber);animation:app-blink 1.8s ease-in-out infinite}.app-game-state.is-partial{color:var(--amber)}@keyframes app-blink{0%,to{opacity:1}50%{opacity:.55}}.app-game-delete{flex-shrink:0;display:grid;place-items:center;width:28px;height:28px;margin-right:6px;padding:0;background:none;border:0;border-radius:7px;color:var(--on-ink-faint);opacity:0;cursor:pointer}.app-game-row:hover .app-game-delete,.app-game-delete:focus-visible{opacity:1}.app-game-delete:hover{background:color-mix(in srgb,var(--danger) 18%,transparent);color:var(--danger)}.app-sidebar-error{margin:16px 8px 0;font-size:var(--text-xs);line-height:1.5;color:var(--danger)}.app-sidebar-foot{padding:14px 16px 18px;border-top:1px solid var(--ink-line)}.app-sidebar-foot .account-panel{top:auto;right:auto;left:0;bottom:calc(100% + .5rem)}.app-sidebar-foot .account-chip{max-width:100%;padding:.2rem .55rem .2rem .2rem;background:var(--ink-raised-2);border:1px solid var(--ink-line-strong)}.app-sidebar-foot .account-chip-name,.app-sidebar-foot .account-chip-chevron{display:block}.app-account-pending{width:32px;height:32px;border-radius:50%;background:var(--ink-raised-2);border:1px solid var(--ink-line);opacity:.45}.app-dialog-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-dialog);display:grid;place-items:center;padding:var(--space-5);overflow:auto}.app-dialog-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--ink-deep) 78%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-dialog{position:relative;width:min(28rem,100%);padding:28px 26px 24px;background:var(--ink-raised);color:var(--on-ink);border:1px solid var(--ink-line-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-ink)}.app-dialog-rule{margin-bottom:8px}.app-dialog-title{margin:0;font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-heading);line-height:var(--leading-heading);color:var(--on-ink)}.app-dialog-lead{margin:10px 0 0;font-size:var(--text-sm);line-height:1.55;color:var(--on-ink-dim)}.app-dialog-game{display:flex;flex-direction:column;gap:10px;margin-top:20px;padding:16px 16px 14px;background:var(--ink);border:1px solid color-mix(in srgb,var(--danger) 28%,var(--ink-line));border-radius:12px}.app-dialog-game-top{display:flex;flex-wrap:wrap;gap:8px}.app-dialog-game-title{margin:0;font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--weight-semibold);line-height:1.35;color:var(--on-ink)}.app-dialog-game-meta{margin:0;font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--on-ink-faint)}.app-dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-3);margin-top:22px}.app-dialog-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.app-dialog-danger:hover:not(:disabled){background:#c43d3d;border-color:#c43d3d}@media(max-width:60rem){.app-game-delete{opacity:1}}@media(prefers-reduced-motion:reduce){.app-game-state.is-building{animation:none}}body:has(.app-shell){background-color:var(--ink);color:var(--on-ink)}.app-shell{height:100dvh;display:grid;grid-template-columns:17.5rem minmax(0,1fr);font-family:var(--font-body);overflow:hidden}.app-workspace{min-width:0;display:flex;flex-direction:column;overflow:hidden}.app-empty{flex:1;display:grid;place-items:center;overflow-y:auto;padding:40px 24px}.app-empty-card{display:flex;flex-direction:column;align-items:flex-start;gap:14px;max-width:34rem;padding:40px 36px;background:var(--ink-raised);border:1px dashed var(--ink-line-strong);border-radius:16px}.app-empty-title{margin:0;font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-heading);color:var(--on-ink)}.app-empty-lead{margin:0;font-size:var(--text-sm);line-height:1.6;color:var(--on-ink-dim)}.app-menu-toggle{display:none;position:fixed;top:12px;left:12px;z-index:var(--z-menu);padding:var(--space-2);color:var(--on-ink);background:var(--ink-raised);border:1px solid var(--ink-line-strong);border-radius:var(--radius-sm)}.app-scrim{display:none}@media(max-width:60rem){.app-shell{grid-template-columns:minmax(0,1fr)}.app-menu-toggle{display:inline-flex}.app-shell.is-menu-open .app-menu-toggle{left:calc(min(17.5rem,86vw) + 12px)}.app-workspace{padding-top:52px}.app-sidebar{position:fixed;inset:0 auto 0 0;z-index:var(--z-menu);width:min(17.5rem,86vw);transform:translate(-100%);transition:transform var(--duration-fast) var(--ease-out)}.app-shell.is-menu-open .app-sidebar{transform:translate(0)}.app-shell.is-menu-open .app-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-menu) - 1);background:color-mix(in srgb,var(--ink-deep) 70%,transparent)}}@media(prefers-reduced-motion:reduce){.app-sidebar{transition:none}}