:root{--color-blue: #7dd3fc;--color-teal: #60d394;--color-charcoal: #111214;--surface-0: #0a0a0c;--surface-1: var(--color-charcoal);--surface-2: #191b1e;--surface-3: #222428;--line-subtle: rgba(244, 247, 246, .11);--line-strong: rgba(125, 211, 252, .4);--ink-0: #f4f7f6;--ink-1: #c9d1cf;--ink-dim: #8a9290;--ink-faint: #666e6c;--accent-blue: var(--color-blue);--accent-teal: var(--color-teal);--status-warn: #f4c95d;--status-danger: #f43f5e;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "Cascadia Code", "Fira Code", "JetBrains Mono", monospace;--font-serif: "Fraunces", Georgia, serif;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 8px}:root{--bg-primary: var(--surface-0);--bg-secondary: var(--surface-1);--bg-card: var(--surface-2);--bg-card-hover: var(--surface-3);--text-primary: var(--ink-0);--text-secondary: var(--ink-1);--text-muted: var(--ink-dim);--text-subtle: var(--ink-faint);--accent-cyan: var(--color-teal);--accent-purple: var(--color-blue);--accent-green: var(--color-teal);--accent-gold: var(--color-blue);--accent-amber: var(--color-blue);--accent-red: var(--status-danger);--border-subtle: var(--line-subtle);--border-accent: var(--line-strong);--font-body: var(--font-sans);--max-width: 1100px;--glow-cyan: 0 0 22px rgba(96, 211, 148, .24);--glow-purple: 0 0 22px rgba(125, 211, 252, .22)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--bg-primary);background-image:linear-gradient(180deg,#07070b9e,#07070bf0),linear-gradient(90deg,rgba(45,212,191,.08),transparent 22%,rgba(244,63,94,.07) 78%,transparent),url(/assets/arcade/ambient-texture.webp);background-size:auto,auto,cover;background-position:center top;background-attachment:fixed;color:var(--text-primary);line-height:1.6;min-height:100dvh;-webkit-font-smoothing:antialiased;overflow-x:hidden;overscroll-behavior:none}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:repeating-linear-gradient(180deg,rgba(255,255,255,.035) 0,rgba(255,255,255,.035) 1px,transparent 1px,transparent 4px),linear-gradient(90deg,rgba(251,146,60,.05),transparent 28%,rgba(45,212,191,.045) 74%,rgba(232,121,249,.04));mix-blend-mode:screen;opacity:.42}#root{min-height:100dvh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);position:relative;z-index:1}a{color:var(--accent-cyan);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-gold)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}img,svg{display:block;max-width:100%}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.4rem;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;transition:all .2s;white-space:nowrap;border:1px solid transparent;text-transform:uppercase;letter-spacing:.03em}.btn-primary{background:linear-gradient(180deg,var(--color-teal),#3f9e6c);color:#05130c;box-shadow:0 3px #0000008c}.btn-primary:hover{background:linear-gradient(180deg,#8ee6b3,var(--color-teal));box-shadow:var(--glow-cyan)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-accent)}.btn-accent{background:linear-gradient(180deg,var(--color-blue),#3fa9d1);color:#06202b;box-shadow:0 3px #0000008c}.btn-accent:hover{background:linear-gradient(180deg,#b3e6fd,var(--color-blue));box-shadow:var(--glow-purple)}.btn-sm{padding:.4rem .9rem;font-size:.85rem}.card{background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 38%),var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.25rem;box-shadow:0 8px 26px #00000047;transition:transform .18s ease,border-color .2s ease,box-shadow .22s ease}.card:hover{border-color:var(--border-accent);box-shadow:var(--glow-cyan);transform:translateY(-3px)}.input{width:100%;padding:.6rem .9rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.95rem;font-family:inherit;outline:none;transition:border-color .2s}.input:focus{border-color:var(--accent-cyan)}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:100px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-patron{background:#7dd3fc26;color:var(--accent-gold)}.badge-free{background:#60d39426;color:var(--accent-green)}.page{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){:root{--max-width: 100%}.container{padding:0 .75rem}.btn{max-width:100%;min-width:0;white-space:normal;text-align:center;line-height:1.25}}