/* A permanent, compact extension of the Games navigation. No menu hover required. */
:root{--navigation-height:146px;--games-header-height:74px}
.site-header .header-inner{height:var(--games-header-height);min-height:var(--games-header-height)}
.games-navigation{position:relative;height:72px;padding-top:8px;padding-bottom:8px}
.games-navigation::before{content:"";position:absolute;z-index:1;top:2px;left:var(--games-nav-anchor,55%);width:10px;height:10px;background:#152439;border-top:1px solid #ff8066;border-left:1px solid #ff8066;transform:translateX(-50%) rotate(45deg)}
.games-navigation.is-arriving::before{animation:games-nav-connect 180ms ease-out 280ms backwards}
.games-nav-box{position:relative;display:flex;align-items:center;gap:6px;height:56px;padding:4px 8px;overflow:hidden;border:0;border-radius:0;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));background:linear-gradient(135deg,#ff8066 0 18px,transparent 18px) top left/28px 28px no-repeat,linear-gradient(-45deg,#eaf585 0 18px,transparent 18px) bottom right/28px 28px no-repeat,#3558ff}
.games-navigation.is-arriving .games-nav-box{animation:games-nav-arrive 460ms cubic-bezier(.22,1,.36,1)}
.games-nav-box::before{content:"";position:absolute;left:30px;right:30px;top:1px;height:2px;pointer-events:none;background:repeating-linear-gradient(90deg,#a5b4ff 0 7px,transparent 7px 11px);opacity:.6}
.games-nav-box::after{content:"";position:absolute;z-index:2;inset:0 auto 0 0;width:40%;opacity:0;pointer-events:none;background:linear-gradient(105deg,transparent 10%,rgb(255 255 255 / 24%) 50%,transparent 90%)}
.games-navigation.is-arriving .games-nav-box::after{animation:games-nav-shine 720ms ease-out 500ms backwards}
[data-games-mobile-nav]{display:none}
.games-discovery-layout>.game-match{top:calc(var(--navigation-height) + 16px)}
.games-nav-categories{display:flex;align-items:center;gap:5px;min-width:0;flex:1;height:48px;padding-inline:3px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:none;background:#101d33;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}
.games-nav-categories::-webkit-scrollbar{display:none}
.games-nav-categories>button{display:flex;align-items:center;justify-content:center;gap:7px;flex:none;min-height:44px;padding:8px 12px;border:1px solid #3c567b;border-radius:0;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));background:#172b46;box-shadow:inset 0 -3px 0 #09182b;color:#dceaf5;font:600 13px/1.2 var(--body);white-space:nowrap;cursor:pointer;transition:background-color 140ms,color 140ms}
.games-nav-categories>button[aria-pressed=true]{background:#e9f58a;border-color:#e9f58a;color:#0b1423;box-shadow:inset 0 -3px 0 #bec964}
.games-nav-categories>button:hover:not([aria-pressed=true]){background:#293e58}
.games-nav-categories>button:not([aria-pressed=true])>.icon{color:#ff947d}
.games-nav-categories .icon{width:17px;height:17px;flex:none}
.games-nav-categories>button:focus-visible{outline:2px solid #ff8066;outline-offset:-2px}
.games-library .games-library-search{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,.65fr);gap:12px;padding:0;border:0;margin:14px 0 2px}
.games-library-search .game-search{display:flex;align-items:center;gap:8px;margin:0;background:#0b1423;min-height:46px;height:46px;border:1px solid #66768d;padding:0 10px}
.games-library-search .game-search .icon{width:17px;height:17px;flex:none}
.games-library-search .game-search input{color:#e0ecf4;font-size:16px;width:100%;min-width:0;min-height:0;height:42px;padding:0}
.games-library-search .library-select{display:grid;gap:6px;min-width:0;color:#cdddeb;font-size:11px}
.games-library-search .library-select>span{margin:0}
.games-library-search select{width:100%;min-width:0;min-height:46px;height:46px;color:#e0ecf4;background:#0b1423;border:1px solid #66768d;font:400 16px/1.4 var(--body);padding:8px}
@keyframes games-nav-arrive{from{opacity:.3;transform:translate3d(0,-18px,0)}to{opacity:1;transform:none}}
@keyframes games-nav-connect{from{opacity:0}to{opacity:1}}
@keyframes games-nav-shine{0%{opacity:0;transform:translateX(-140%)}15%,80%{opacity:1}100%{opacity:0;transform:translateX(360%)}}
@media(max-width:1100px){.games-nav-categories>button{padding-inline:9px;gap:5px}}
@media(max-width:760px){:root{--games-header-height:72px;--navigation-height:72px}.site-header>.games-navigation{display:none}[data-games-mobile-nav]{display:block;height:72px}.games-library .games-navigation{width:100%;height:72px;padding-block:10px 6px}.games-navigation::before{display:none}.games-nav-categories>button{font-size:13px}.games-nav-categories{gap:3px}.games-library .games-library-search{gap:8px;margin-top:8px}}
@media(prefers-reduced-motion:reduce){.games-navigation.is-arriving .games-nav-box,.games-navigation.is-arriving::before{animation:none}.games-nav-box::after{display:none;animation:none!important}.games-nav-categories>button{transition:none}}
@media print{.games-navigation{display:none}}