@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Inter:wght@400;500;600&display=swap");:root{--gold:#c9a84c;--dark-gold:#3d3525;--bg:#1e1b18;--card-bg:#252220;--text-muted:#8b7b5e;--text-light:#e8dcc0;--text-body:#d4c5a0}*{margin:0;padding:0;box-sizing:border-box}body,html{background:var(--bg);color:var(--text-body);font-family:Inter,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width:768px){html{font-size:14px}}::selection{background:rgba(201,168,76,.3);color:var(--text-light)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--dark-gold);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}a,button,input,textarea{-webkit-tap-highlight-color:rgba(201,168,76,.2)}html{scroll-behavior:smooth}:root{--header-logo-size:200px;--header-title-size:48px;--header-title-spacing:10px;--modal-padding:32px;--nav-button-padding:12px 20px;--nav-button-font:13px;--nav-button-spacing:2px;--user-button-padding:12px 20px;--user-button-font:11px;--join-button-bottom:32px;--join-button-right:32px;--join-button-padding:16px 28px;--join-button-font:15px}@media (max-width:768px){:root{--header-logo-size:120px;--header-title-size:32px;--header-title-spacing:5px;--modal-padding:16px;--nav-button-padding:8px 12px;--nav-button-font:11px;--nav-button-spacing:1px;--user-button-padding:8px 12px;--user-button-font:9px;--join-button-bottom:16px;--join-button-right:16px;--join-button-padding:12px 20px;--join-button-font:12px}}.main-nav{flex-direction:row;gap:8px;position:relative}.main-nav,.main-nav .nav-tabs{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.main-nav .nav-tabs{gap:4px}.main-nav .nav-user-menu{display:flex;gap:6px;align-items:center}@media (min-width:769px){.main-nav{justify-content:center}.main-nav .nav-user-menu{position:absolute;right:16px;top:50%;transform:translateY(-50%)}}@media (max-width:768px){.main-nav{justify-content:center}.main-nav .nav-tabs,.main-nav .nav-user-menu{position:relative;justify-content:center;width:100%}}