.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header .nav{position:relative}.primary-menu{display:flex;align-items:center;gap:4px;margin-inline-start:auto}.primary-menu>a,.menu-group>button{border:0;background:transparent;color:var(--muted);padding:10px 12px;border-radius:10px;cursor:pointer;font:inherit;white-space:nowrap}.primary-menu>a:hover,.menu-group>button:hover,.menu-group.open>button{background:var(--soft);color:#fff}.menu-group{position:relative}.menu-group small{font-size:.75rem;margin-inline-start:4px}.menu-dropdown{position:absolute;z-index:40;top:calc(100% + 9px);right:0;width:210px;padding:8px;background:#121621;border:1px solid rgba(255,255,255,.09);border-radius:14px;box-shadow:0 20px 55px rgba(0,0,0,.45);opacity:0;visibility:hidden;transform:translateY(-7px);transition:.2s}.menu-group.open .menu-dropdown{opacity:1;visibility:visible;transform:none}.menu-dropdown a{display:block;padding:9px 11px;border-radius:9px;color:#c6ccda}.menu-dropdown a:hover{background:var(--soft);color:#fff}.header-search-wrap{position:relative;width:min(330px,30vw)}.header-search{height:44px;display:flex;align-items:center;background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:13px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.header-search:focus-within{border-color:rgba(244,63,94,.65);box-shadow:0 0 0 3px rgba(244,63,94,.1)}.header-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#fff;padding:9px 7px}.header-search button{height:100%;border:0;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;padding:0 14px;cursor:pointer}.search-icon{padding-inline-start:12px;color:var(--muted);font-size:1.25rem}.search-suggestions{position:absolute;z-index:50;top:calc(100% + 10px);left:0;right:0;max-height:min(475px,70vh);overflow:auto;padding:8px;background:#10141e;border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 24px 65px rgba(0,0,0,.55)}.search-suggestions[hidden]{display:none}.suggestion{display:grid;grid-template-columns:47px 1fr auto;align-items:center;gap:11px;padding:7px;border-radius:11px}.suggestion:hover,.suggestion.active{background:var(--soft)}.suggestion img,.suggestion-placeholder{width:47px;height:62px;object-fit:cover;border-radius:8px;background:#252b3a}.suggestion h4{margin:0 0 3px;font-size:.87rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion p{margin:0;color:var(--muted);font-size:.73rem}.suggestion-rating{color:#fbbf24;font-size:.76rem}.suggestion-state{padding:22px;text-align:center;color:var(--muted)}.mobile-menu-toggle{display:none;width:43px;height:43px;border:0;border-radius:11px;background:var(--panel);padding:11px;cursor:pointer}.mobile-menu-toggle i{display:block;height:2px;background:#fff;margin:5px 0;border-radius:3px;transition:.2s}.mobile-menu-backdrop{display:none}
@media(max-width:980px){.mobile-menu-toggle{display:block;margin-inline-start:auto}.header-search-wrap{width:min(360px,42vw)}.primary-menu{position:fixed;z-index:80;top:0;right:0;bottom:0;width:min(330px,86vw);display:block;margin:0;padding:82px 15px 24px;background:#0d1018;transform:translateX(105%);transition:transform .28s;overflow:auto}.menu-open .primary-menu{transform:none}.primary-menu>a,.menu-group>button{display:flex;width:100%;justify-content:space-between;text-align:right;padding:13px}.menu-dropdown{position:static;width:auto;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;margin:3px 9px 8px;background:#171c28}.menu-group.open .menu-dropdown{display:block}.mobile-menu-backdrop{position:fixed;z-index:70;inset:0;display:block;background:#000b;opacity:0;visibility:hidden;transition:.25s}.menu-open .mobile-menu-backdrop{opacity:1;visibility:visible}.menu-open .mobile-menu-toggle{position:fixed;z-index:90;top:15px;right:15px}.menu-open .mobile-menu-toggle i:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-open .mobile-menu-toggle i:nth-child(2){opacity:0}.menu-open .mobile-menu-toggle i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}
@media(max-width:680px){.site-header .nav{gap:10px}.brand{font-size:1.18rem}.header-search-wrap{order:3;width:100%}.header-search{height:43px}.search-suggestions{position:fixed;top:126px;left:11px;right:11px;max-height:calc(100vh - 145px)}}