.app-nav{position:fixed;top:0;left:0;right:0;height:48px;z-index:100;display:flex;align-items:center;padding:0 1.5rem;background:var(--color-surface);border-bottom:1px solid var(--color-border);gap:2rem}.app-nav__wordmark{font-family:var(--font-serif);font-style:italic;font-size:1.2rem;color:var(--color-accent);text-decoration:none;flex-shrink:0;letter-spacing:.01em;line-height:1}.app-nav__wordmark:hover{opacity:.8}.app-nav__links{display:flex;align-items:center;flex:1;justify-content:center}.app-nav__link{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);text-decoration:none;padding:0 1rem;height:48px;display:flex;align-items:center;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.app-nav__link:hover{color:var(--color-text)}.app-nav__link--active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.app-nav__user{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.app-nav__username{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-muted)}.app-nav__logout{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-muted);background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.25rem .65rem;cursor:pointer;transition:color .15s,border-color .15s}.app-nav__logout:hover{color:var(--color-danger);border-color:var(--color-danger)}.app-content--with-nav{padding-top:48px}:root{--color-bg: #0f0f0f;--color-surface: #1a1a1a;--color-surface-alt: #141414;--color-invert-bg: #f5f4f0;--color-invert-text: #111111;--color-border: #2e2e2e;--color-border-subtle: #222222;--color-text: #f0f0f0;--color-muted: #888888;--color-text-dim: #444444;--color-accent: #c9a84c;--color-accent-dim: rgba(201, 168, 76, .1);--color-accent-btn: rgba(201, 168, 76, .68);--color-success: #4ade80;--color-success-dim: rgba(74, 222, 128, .08);--color-danger: #f87171;--color-danger-dim: rgba(248, 113, 113, .08);--color-warning: #f59e0b;--suit-hearts: #e06c75;--suit-diamonds: #7aace0;--suit-clubs: #5ebd7a;--suit-spades: #f0f0f0;--color-overlay: rgba(0, 0, 0, .78);--radius-sm: 3px;--radius-md: 6px;--radius-lg: 12px;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-serif: "EB Garamond", Georgia, serif;--font-mono: "IBM Plex Mono", "Fira Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.375rem;--font-size-2xl: 1.75rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semi: 600;--font-weight-bold: 700;--color-text-primary: var(--color-text);--color-text-muted: var(--color-muted);--color-text-faint: var(--color-text-dim);--color-border-faint: var(--color-border-subtle);--color-pos: var(--color-success);--color-neg: var(--color-danger);--color-invert-muted: #555555}.suit--clubs{color:var(--suit-clubs)}.suit--diamonds{color:var(--suit-diamonds)}.suit--hearts{color:var(--suit-hearts)}.suit--spades{color:var(--suit-spades)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);min-height:100vh}