/* nav */
.nav{position:fixed;top:max(14px,env(safe-area-inset-top,0px));left:0;right:0;z-index:50;pointer-events:none}
.nav .bar{pointer-events:auto;margin-inline:auto;max-width:1320px;width:calc(100% - 32px);height:64px;display:flex;align-items:center;gap:36px;padding:0 10px 0 18px;border-radius:18px;background:rgba(14,14,16,.7);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border:1px solid rgba(255,255,255,.07)}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.12rem;letter-spacing:.02em}
.logo svg{width:30px;height:30px}
.logo .lx-logo{position:relative;width:34px;height:34px;flex:none}
.logo .lx-logo img,.logo .lx-logo canvas{position:absolute;inset:0;width:100%;height:100%}
.logo .lx-logo img{object-fit:contain;filter:brightness(0) invert(1);transition:opacity .6s}
.logo .lx-logo.live img{opacity:0}
.logo small{font-weight:500;color:var(--text-3);letter-spacing:0;font-size:.86rem}
.nav-links{display:flex;gap:30px;font-size:.92rem;color:var(--text-2);margin-inline:auto}
.nav-links a:hover{color:#fff}
.nav .btn{height:44px;padding:0 18px;font-size:.92rem;border-radius:12px}
@media (max-width:960px){.nav-links{display:none}.nav .btn{margin-left:auto}}


.nav{font-family:Inter,Arial,sans-serif}.nav a{text-decoration:none;color:inherit}.nav .bar{gap:22px}.nav .logo{color:#fff;white-space:nowrap}.nav .logo small{color:#8a8a9e}.nav .nav-links{gap:22px;color:#b0b0c8;font-size:12px}.nav .nav-links a:hover{color:#f5b731}.nav .btn{display:inline-flex;align-items:center;justify-content:center;font:600 12px Inter,Arial,sans-serif;border:0;background:#f5b731;color:#15120b;white-space:nowrap}.menu-toggle{display:none;border:1px solid #ffffff24;border-radius:10px;background:#1a1a1a;color:#fff;width:44px;height:44px;font-size:20px;cursor:pointer}.nav a:focus-visible,.menu-toggle:focus-visible{outline:2px solid #f5b731;outline-offset:4px}.nav .lx-logo img{opacity:1}
@media(max-width:1100px){.nav .bar{gap:12px}.nav .nav-links{gap:14px}}
@media(max-width:960px){.menu-toggle{display:block}.nav .nav-links{display:none;position:absolute;top:76px;left:16px;right:16px;margin:0;padding:14px 20px;background:#141416fa;border:1px solid #ffffff20;border-radius:18px;box-shadow:0 16px 50px #0009}.nav.menu-open .nav-links{display:flex;flex-direction:column;gap:0}.nav .nav-links a{padding:12px;font-size:14px}.nav .bar{height:64px}.nav .btn{margin-left:auto}.nav .logo{font-size:17px}}
@media(max-width:380px){.nav .logo small{display:none}.nav .btn{padding:0 12px;font-size:11px}}
.scene-settings{position:relative;white-space:nowrap}.scene-settings summary{cursor:pointer;list-style:none;font:inherit;color:inherit;padding:0;min-height:0}.scene-settings summary::-webkit-details-marker{display:none}.scene-settings summary:after{content:'⌄';margin-left:6px}.scene-settings summary:focus-visible,.scene-options button:focus-visible{outline:2px solid #f5b731;outline-offset:4px}.scene-options{position:absolute;top:30px;right:0;min-width:190px;padding:8px;background:#171719;border:1px solid #ffffff24;border-radius:12px;box-shadow:0 14px 35px #0008}.scene-options button{display:block;width:100%;min-height:44px;text-align:left;padding:10px 12px;color:#e2dfd6;background:transparent;border:0;border-radius:6px;font:12px Inter,Arial,sans-serif;cursor:pointer}.scene-options button:hover{background:#ffffff0a;color:#f5b731}.scene-options button:disabled{opacity:.45;cursor:default}@media(max-width:960px){.scene-settings summary{padding:12px;font-size:14px}.scene-options{position:static;margin:0 10px 8px;box-shadow:none}.nav .nav-links{max-height:calc(100svh - 100px);overflow:auto}}