:root{--portal-topbar-h:64px;--portal-sidebar-w:216px}
body.portal-shell-page{padding-top:var(--portal-topbar-h)}
.portal-topbar{position:fixed;inset:0 0 auto 0;height:var(--portal-topbar-h);z-index:90;display:grid;grid-template-columns:auto auto minmax(220px,640px) auto;align-items:center;gap:12px;padding:0 16px;background:rgba(8,12,9,.96);border-bottom:1px solid rgba(156,255,85,.10);backdrop-filter:blur(18px)}
.portal-menu-button{width:38px;height:38px;border:1px solid #2b372f;border-radius:11px;background:#101611;display:grid;place-content:center;gap:4px;cursor:pointer;color:#dfe8e1;padding:0}
.portal-menu-button:hover,.portal-menu-button:focus-visible{border-color:#63834d;color:var(--lime)}
.portal-menu-button span{display:block;width:16px;height:2px;border-radius:99px;background:currentColor;transition:.18s transform,.18s opacity}
.portal-menu-button[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.portal-menu-button[aria-expanded="true"] span:nth-child(2){opacity:0}
.portal-menu-button[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.portal-brand{display:flex;align-items:center;min-width:164px}
.portal-brand img{width:164px;height:auto}
.portal-search{justify-self:center;min-width:0;width:min(100%,640px);height:40px;display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid #2d3930;border-radius:13px;background:#141a15;color:#869389}
.portal-search:focus-within{border-color:#63834d;box-shadow:0 0 0 3px rgba(156,255,85,.08)}
.portal-search-icon{font-size:18px;color:#95a198;transform:translateY(-1px)}
.portal-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--text);font:700 14px/1 system-ui}
.portal-search input::placeholder{color:#77847a;font-weight:650}
.portal-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}
.portal-my-games{height:38px;display:flex;align-items:center;gap:7px;padding:0 12px;border:1px solid #2d3930;border-radius:12px;background:#111712;color:#dfe8e1;font-size:13px;font-weight:800}
.portal-my-games:hover,.portal-my-games:focus-visible{border-color:#63834d;color:var(--lime)}
.portal-action-icon{color:var(--lime);font-size:15px}
.portal-topbar .lang-select{height:38px}

.portal-sidebar{position:fixed;z-index:80;left:0;top:var(--portal-topbar-h);bottom:0;width:var(--portal-sidebar-w);display:flex;flex-direction:column;background:#0b100d;border-right:1px solid #202a22;transition:.2s transform;overflow:auto;overscroll-behavior:contain}
.portal-sidebar-nav{display:grid;gap:3px;padding:14px 10px 18px}
.portal-nav-link{position:relative;min-height:39px;display:flex;align-items:center;gap:10px;padding:0 11px;border-radius:10px;color:#aeb8b0;font-size:13px;font-weight:750;white-space:nowrap}
.portal-nav-link:hover,.portal-nav-link:focus-visible{background:#141b16;color:#eef5ef}
.portal-nav-link.active{background:linear-gradient(90deg,rgba(156,255,85,.16),rgba(156,255,85,.04));color:var(--lime)}
.portal-nav-link.active:before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:3px;border-radius:0 4px 4px 0;background:var(--lime)}
.portal-nav-icon{width:20px;display:grid;place-items:center;color:#8ea197;font-size:16px}
.portal-nav-link.active .portal-nav-icon{color:var(--lime)}
.portal-nav-divider{height:1px;background:#202a22;margin:10px 7px}
.portal-nav-title{padding:5px 11px 7px;color:#647067;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.portal-sidebar-categories{display:grid;gap:3px}
.portal-sidebar-bottom{margin-top:auto;padding:14px 12px;border-top:1px solid #202a22;display:grid;gap:7px}
.portal-sidebar-bottom a{font-size:12px;color:#7f8d83}
.portal-sidebar-bottom a:hover{color:var(--lime)}
.portal-sidebar-backdrop{position:fixed;z-index:75;inset:var(--portal-topbar-h) 0 0;background:rgba(0,0,0,.58);backdrop-filter:blur(2px)}

@media(min-width:901px){
  body.portal-shell-page:not(.portal-sidebar-collapsed)>main,
  body.portal-shell-page:not(.portal-sidebar-collapsed)>footer{margin-left:var(--portal-sidebar-w)}
  body.portal-shell-page>main,body.portal-shell-page>footer{transition:.2s margin-left}
  body.portal-sidebar-collapsed .portal-sidebar{transform:translateX(-100%)}
  body.portal-sidebar-collapsed>main,body.portal-sidebar-collapsed>footer{margin-left:0}
  .portal-sidebar-backdrop{display:none!important}
  body.portal-shell-page .container{width:min(1280px,calc(100% - 36px))}
}
@media(max-width:900px){
  :root{--portal-topbar-h:58px}
  .portal-topbar{grid-template-columns:auto auto minmax(0,1fr) auto;padding:0 10px;gap:8px}
  .portal-brand{min-width:0}.portal-brand img{width:142px}
  .portal-search{justify-self:stretch;width:100%;height:38px}
  .portal-my-games{width:38px;padding:0;justify-content:center}.portal-my-games-label{display:none}
  .portal-sidebar{transform:translateX(-102%);width:min(286px,86vw);box-shadow:24px 0 60px rgba(0,0,0,.38)}
  body.portal-mobile-menu-open{overflow:hidden}
  body.portal-mobile-menu-open .portal-sidebar{transform:translateX(0)}
  .portal-sidebar-backdrop[hidden]{display:none}
}
@media(max-width:620px){
  .portal-topbar{grid-template-columns:auto minmax(0,1fr) auto}
  .portal-brand{display:none}
  .portal-search{height:36px;padding-inline:11px}
  .portal-search input{font-size:13px}
  .portal-my-games{display:none}
  .portal-top-actions{gap:6px}
  .portal-topbar .lang-select{width:48px;height:36px}
}
@media(max-width:380px){
  .portal-topbar{padding-inline:8px}
  .portal-search input::placeholder{color:transparent}
}
@media(max-height:460px) and (orientation:landscape){
  :root{--portal-topbar-h:52px}
  .portal-topbar{height:52px}
  .portal-sidebar-nav{padding-top:8px}
  .portal-nav-link{min-height:34px}
}