.navbar{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--bg-900) 88%,transparent);backdrop-filter:blur(16px) saturate(1.1);-webkit-backdrop-filter:blur(16px) saturate(1.1);border-bottom:1px solid var(--border)}.navbar-inner{max-width:1280px;margin:0 auto;padding:0 clamp(16px,2vw,24px);height:60px;display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center;gap:2px;font-weight:800;font-size:18px;color:var(--text-100);text-decoration:none;transition:opacity .15s;white-space:nowrap;line-height:1}.nav-brand:hover{opacity:.85}.nav-brand svg{width:22px;height:22px;flex-shrink:0;margin-right:8px}.nav-brand span{color:var(--accent)}.nav-brand .net-suffix{color:var(--text-500);font-weight:400;font-size:13px;line-height:1}.nav-links{display:flex;gap:6px;margin-left:auto;align-items:center}.nav-links a{padding:8px 14px;color:var(--text-400);text-decoration:none;font-size:13px;font-weight:700;border-radius:6px;transition:color .18s,background .18s,box-shadow .18s;position:relative}.nav-links a:hover{color:var(--text-200);background:rgba(255,255,255,.05)}.nav-links a.active{color:var(--text-100);background:var(--accent-glow);box-shadow:inset 0 -2px 0 var(--accent),0 0 0 1px rgba(91,189,204,.16)}.locale-switcher{position:relative;flex-shrink:0}.locale-switcher summary{list-style:none}.locale-switcher summary::-webkit-details-marker{display:none}.locale-switcher-toggle{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:6px 9px 6px 8px;border:1px solid color-mix(in srgb,var(--accent) 16%,var(--border));border-radius:9px;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-700) 92%,white 8%),color-mix(in srgb,var(--bg-800) 96%,var(--accent) 4%));color:var(--text-200);cursor:pointer;user-select:none;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s}.locale-switcher-toggle:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--border));background:linear-gradient(180deg,color-mix(in srgb,var(--bg-700) 84%,var(--accent) 16%),color-mix(in srgb,var(--bg-800) 86%,var(--accent) 14%));box-shadow:0 10px 24px rgba(0,0,0,.18),0 0 0 1px color-mix(in srgb,var(--accent) 14%,transparent)}.locale-switcher[open] .locale-switcher-toggle{border-color:color-mix(in srgb,var(--accent) 54%,var(--border));box-shadow:0 14px 32px rgba(0,0,0,.22),0 0 0 1px color-mix(in srgb,var(--accent) 20%,transparent);transform:translateY(-1px)}.locale-switcher-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);flex-shrink:0}.locale-switcher-icon svg,.locale-switcher-caret svg{width:13px;height:13px}.locale-switcher-copy{display:flex;flex-direction:column;min-width:0;flex:1 1 auto;line-height:1.1}.locale-switcher-label{font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-500)}.locale-switcher-current{font-size:12px;font-weight:700;color:var(--text-100);max-width:clamp(84px,10vw,132px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.locale-switcher-code,.locale-option-code{display:inline-flex;align-items:center;justify-content:center;min-width:38px;padding:0 7px;height:21px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 26%,var(--border));background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--text-200);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;flex-shrink:0}.locale-switcher-caret{display:inline-flex;color:var(--text-500);transition:transform .18s ease,color .18s ease}.locale-switcher[open] .locale-switcher-caret{color:var(--accent);transform:rotate(180deg)}.locale-switcher-menu{position:absolute;top:calc(100% + 10px);right:0;width:min(340px,calc(100vw - 24px));display:grid;grid-template-columns:1fr;gap:8px;padding:10px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));border-radius:16px;background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 18%,transparent),transparent 42%),linear-gradient(180deg,color-mix(in srgb,var(--bg-700) 94%,white 6%),color-mix(in srgb,var(--bg-900) 94%,var(--accent) 6%));box-shadow:0 22px 42px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.02);opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease;z-index:120}.locale-switcher[open] .locale-switcher-menu{opacity:1;pointer-events:auto;transform:translateY(0)}.locale-option{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-height:54px;padding:11px 12px 11px 14px;border:1px solid transparent;border-radius:12px;background:color-mix(in srgb,var(--bg-700) 78%,transparent);color:var(--text-200);text-decoration:none;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s}.locale-option:hover{border-color:color-mix(in srgb,var(--accent) 36%,var(--border));background:color-mix(in srgb,var(--accent) 10%,var(--bg-700));transform:translateY(-1px)}.locale-option.active{border-color:color-mix(in srgb,var(--accent) 48%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 16%,var(--bg-700)),color-mix(in srgb,var(--accent) 7%,var(--bg-800)));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent)}.locale-option-text{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1 1 auto}.locale-option-native{font-size:13px;font-weight:700;color:var(--text-100);line-height:1.25;white-space:normal;overflow-wrap:anywhere}.locale-option-label{font-size:11px;line-height:1.25;color:var(--text-400);white-space:normal;overflow-wrap:anywhere}.locale-option-code{margin-top:1px}.locale-option.active .locale-option-code{border-color:color-mix(in srgb,var(--accent) 42%,var(--border));background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}.theme-toggle{width:34px;height:34px;border-radius:8px;border:1px solid var(--border);background:var(--bg-700);color:var(--text-400);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;margin-left:2px;transition:all .2s ease;padding:0}.theme-toggle:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow);box-shadow:0 0 10px var(--accent-glow)}.theme-toggle svg{width:15px;height:15px;stroke:currentColor}.steam-status-btn{width:34px;height:34px;border-radius:8px;border:1px solid rgba(255,153,0,0.3);background:rgba(255,153,0,0.08);color:#ff9900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;margin-left:2px;transition:all .2s ease;padding:0;animation:steamPulse 2s ease-in-out infinite;position:relative}.steam-status-btn.hidden{display:none}.steam-status-btn::before{content:'';position:absolute;inset:-2px;border-radius:10px;background:rgba(255,153,0,0.2);opacity:0;animation:steamRipple 2s ease-in-out infinite;pointer-events:none}@keyframes steamPulse{0%,100%{border-color:rgba(255,153,0,0.3);box-shadow:0 0 0 0 rgba(255,153,0,0)}50%{border-color:rgba(255,153,0,0.6);box-shadow:0 0 12px rgba(255,153,0,0.3)}}@keyframes steamRipple{0%{opacity:0;transform:scale(1)}50%{opacity:0.4;transform:scale(1.3)}100%{opacity:0;transform:scale(1.5)}}.steam-status-btn:hover{border-color:rgba(255,153,0,0.8);color:#ff9900;background:rgba(255,153,0,0.15);box-shadow:0 0 16px rgba(255,153,0,0.4);transform:scale(1.05);animation:none}.steam-status-btn:hover::before{animation:none;opacity:0}.steam-status-btn svg{width:16px;height:16px;stroke:currentColor}.nav-hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:8px;background:none;border:1px solid var(--border);border-radius:8px;cursor:pointer;z-index:110;transition:border-color .2s;flex-shrink:0}.nav-hamburger span{display:block;width:18px;height:2px;background:var(--text-300);border-radius:2px;transition:transform .3s ease,opacity .3s ease}.nav-hamburger:hover{border-color:var(--accent)}.nav-hamburger:hover span{background:var(--accent)}.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:99;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease;pointer-events:none}.nav-overlay.open{display:block;opacity:1;pointer-events:auto}@media (max-width:640px){.locale-switcher{width:100%}.locale-switcher-toggle{width:100%;min-height:46px;padding:10px 12px}.locale-switcher-current{max-width:none}.locale-switcher-current{font-size:13px}.locale-switcher-menu{position:static;width:100%;margin-top:8px;grid-template-columns:1fr;transform:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}.locale-switcher:not([open]) .locale-switcher-menu{display:none;opacity:1;pointer-events:none}.locale-switcher[open] .locale-switcher-menu{pointer-events:auto}.locale-option{min-height:52px;padding:11px 12px}}