:root{color-scheme:light;--color-bg: #f6f3ec;--color-surface: #faf8f2;--field-bg: #efebe0;--color-text: #2c2c2c;--color-text-secondary: #444141;--color-muted: #646464;--color-divider: #e1dccf;--color-ink: #282834;--color-accent: #41a1cf;--color-accent-2: #0081c0;--accent-ink: #41a1cf;--color-error: #a3402c;--font-heading: "Fraunces", Georgia, serif;--font-body: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--shadow-sm: 0 2px 6px rgba(23, 23, 23, .12);--shadow-lg: 0 12px 32px rgba(23, 23, 23, .16);--glass-bg: var(--field-bg);--glass-bg-strong: var(--color-surface);--glass-border: var(--color-divider);--glass-highlight: color-mix(in srgb, var(--color-accent) 14%, white);--glass-shadow: 0 1px 1px rgba(23, 23, 23, .08), 0 4px 5px rgba(23, 23, 23, .08);--glass-shadow-sm: 0 2px 6px rgba(23, 23, 23, .1);--glass-shadow-btn: none}html[data-om-theme=dark]{color-scheme:dark;--color-bg: #19181c;--color-surface: #211f24;--field-bg: #26242a;--color-text: #f3f2ee;--color-text-secondary: #cfcdc7;--color-muted: #9c9a95;--color-divider: color-mix(in srgb, #f3f2ee 18%, transparent);--color-ink: #eceaf0;--color-accent: #6cc1e8;--color-accent-2: #8fd0ee;--accent-ink: #6cc1e8;--color-error: #d97a63;--shadow-lg: 0 24px 64px rgba(0, 0, 0, .6);--glass-bg: var(--field-bg);--glass-bg-strong: var(--color-surface);--glass-border: var(--color-divider);--glass-highlight: color-mix(in srgb, var(--color-accent) 18%, var(--color-surface));--glass-shadow: 0 1px 1px rgba(0, 0, 0, .3), 0 4px 10px rgba(0, 0, 0, .3);--glass-shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--glass-shadow-btn: none}*{box-sizing:border-box}html,body{overflow-x:clip}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:400;letter-spacing:-.02em;line-height:1.1;margin:0}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-2);text-decoration:underline}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn{border-radius:8px!important;background:transparent;border:1px solid var(--color-ink);color:var(--color-text-secondary);box-shadow:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-family:var(--font-body);font-size:inherit;cursor:pointer;padding-inline:16px!important;transition:background .15s ease,color .15s ease,border-color .15s ease}.btn-ghost{padding-inline:0!important}.btn:hover{background:color-mix(in srgb,var(--color-text) 6%,transparent)}.btn:active{background:color-mix(in srgb,var(--color-text) 10%,transparent)}.btn-primary,.btn-secondary{min-width:96px;flex-shrink:0;font-weight:500;padding-inline:20px!important}.btn-primary{background:transparent;color:var(--color-accent);border-color:var(--color-accent)}.btn-primary:hover{background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.btn-primary:active{background:color-mix(in srgb,var(--color-accent) 18%,transparent)}.btn-secondary{background:transparent;color:var(--color-ink);border-color:var(--color-ink)}.btn-secondary:hover{background:color-mix(in srgb,var(--color-ink) 8%,transparent)}.btn-ghost{background:transparent;border-color:transparent;box-shadow:none;border-radius:4px!important;min-width:0;color:var(--color-text-secondary)}.btn-ghost:hover{background:transparent;text-decoration:underline}a.btn:hover{text-decoration:none}a.btn-primary:hover{color:var(--color-accent)}.input,textarea.input,select.input{background:var(--field-bg);color:var(--color-text-secondary);border:none;border-bottom:1px solid var(--color-text-secondary);border-radius:0!important;font-family:var(--font-body)}.input::placeholder{color:var(--color-muted)}@media(max-width:639px){input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important}}.input:focus{background:var(--color-surface);outline:2px solid var(--color-accent);outline-offset:-2px}.tag{display:inline-flex;align-items:center;padding:4px 10px;font-size:11px;letter-spacing:.04em;border-radius:4px;font-family:var(--font-body)}.tag-outline{background:transparent;border:1px solid var(--color-divider);color:var(--color-text-secondary)}.hero-nav .btn{color:#fff;border-color:#ffffff73}.hero-nav .btn:hover{background:#ffffff2e}.hero-nav .btn-primary{color:#fff;border-color:#fff}.hero-nav .btn-ghost{color:#ffffffd9;border-color:transparent}.lang-select{border:1px solid var(--color-ink);border-radius:8px!important;background:transparent;color:var(--color-text-secondary)}.lang-select option{background-color:var(--color-bg);color:var(--color-text)}.hero-nav .input{background:#ffffff24;color:#fff;border-bottom-color:#ffffff8c}.hero-nav .lang-select{border:1px solid rgba(255,255,255,.45);border-radius:8px!important}.server-row:hover{background:color-mix(in srgb,var(--color-text) 4%,transparent)}.game-card{transition:border-color .15s ease,box-shadow .15s ease}.game-card:hover{border-color:var(--color-accent)}::selection{background:color-mix(in srgb,var(--color-accent) 35%,transparent);color:var(--color-ink)}html{scrollbar-color:color-mix(in srgb,var(--color-text) 28%,transparent) var(--color-bg);scrollbar-width:thin}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--color-text) 28%,transparent);border-radius:8px;border:3px solid var(--color-bg)}::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--color-text) 42%,transparent)}@keyframes live{0%,to{opacity:1}50%{opacity:.35}}