@media(max-width:700px){
  header.topbar.library-mode>.library-header-brand>#libraryDocLocationToggle{
    display:grid!important;
    place-items:center!important;
    flex:0 0 32px!important;
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(134,164,204,.3)!important;
    border-radius:10px!important;
    background:linear-gradient(145deg,rgba(40,60,87,.88),rgba(18,29,46,.92))!important;
    color:#d7e5f5!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  header.topbar.library-mode>.library-header-brand>#libraryDocLocationToggle svg{
    display:block!important;
    width:20px!important;
    height:20px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.55!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  header.topbar.library-mode>.library-recent-home .library-recent-home-head{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex:0 0 108px!important;
    width:108px!important;
    min-width:108px!important;
    gap:6px!important;
  }
  header.topbar.library-mode>.library-recent-home .library-recent-home-head>.library-recent-home-icon{
    appearance:none!important;
    -webkit-appearance:none!important;
    display:grid!important;
    place-items:center!important;
    flex:0 0 30px!important;
    width:30px!important;
    min-width:30px!important;
    height:30px!important;
    min-height:30px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(143,168,201,.2)!important;
    border-radius:9px!important;
    background:rgba(43,64,91,.36)!important;
    color:#a9c2df!important;
    font-size:15px!important;
    line-height:1!important;
    cursor:pointer!important;
  }
  header.topbar.library-mode>.library-recent-home .library-recent-home-head>.library-recent-home-icon:hover{
    border-color:rgba(143,168,201,.65)!important;
    background:rgba(58,82,114,.7)!important;
  }
  header.topbar.library-mode>.library-recent-home .library-recent-home-head>.library-recent-home-icon:focus-visible{
    outline:2px solid #8fb9b7!important;
    outline-offset:2px!important;
  }
  header.topbar.library-mode>.library-recent-home .library-recent-home-title{flex:1 1 auto!important;min-width:0!important;}
  header.topbar.library-mode>.library-recent-home .library-recent-home-title strong{font-size:8px!important;white-space:nowrap!important;}
}
@media(max-width:390px){
  header.topbar.library-mode>.library-header-brand>#libraryDocLocationToggle{flex-basis:31px!important;width:31px!important;min-width:31px!important;height:31px!important;min-height:31px!important;}
  header.topbar.library-mode>.library-recent-home .library-recent-home-head{flex-basis:106px!important;width:106px!important;min-width:106px!important;gap:5px!important;}
  header.topbar.library-mode>.library-recent-home .library-recent-home-head>.library-recent-home-icon{flex-basis:29px!important;width:29px!important;min-width:29px!important;height:29px!important;min-height:29px!important;}
}
@media(max-width:700px){
  header.topbar.library-mode>.library-recent-home .library-recent-home-head>.library-recent-home-icon,
  #libraryRecentHome.recent-collapsed .library-recent-home-icon{
    appearance:none!important;
    -webkit-appearance:none!important;
    display:grid!important;
    place-items:center!important;
    flex:0 0 30px!important;
    width:30px!important;
    min-width:30px!important;
    height:30px!important;
    min-height:30px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(143,168,201,.32)!important;
    border-radius:50%!important;
    background:linear-gradient(145deg,rgba(48,70,100,.82),rgba(24,39,60,.92))!important;
    color:#d7e5f5!important;
    font-size:15px!important;
    line-height:1!important;
    box-shadow:0 3px 9px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.06)!important;
    cursor:pointer!important;
  }
  header.topbar.library-mode>.library-recent-home .library-recent-home-head>.library-recent-home-icon:hover,
  #libraryRecentHome.recent-collapsed .library-recent-home-icon:hover{
    border-color:rgba(143,168,201,.7)!important;
    background:linear-gradient(145deg,rgba(65,91,126,.9),rgba(31,49,73,.96))!important;
  }
}

@media(max-width:700px){
  #libraryRecentToggle{
    box-sizing:border-box!important;
    display:grid!important;
    place-items:center!important;
    flex:0 0 30px!important;
    width:30px!important;
    min-width:30px!important;
    max-width:30px!important;
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    padding:0!important;
    margin:0!important;
    border:1px solid rgba(143,168,201,.34)!important;
    border-radius:50%!important;
    background:linear-gradient(145deg,rgba(48,70,100,.86),rgba(24,39,60,.96))!important;
    color:#dce9f8!important;
    box-shadow:0 3px 10px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.08)!important;
    line-height:1!important;
    transform:none!important;
  }
  #libraryRecentToggle svg{display:block!important;width:15px!important;height:15px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.65!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
  #libraryRecentToggle .recent-toggle-expand{display:none!important;}
  #libraryRecentToggle[aria-expanded="false"] .recent-toggle-collapse{display:none!important;}
  #libraryRecentToggle[aria-expanded="false"] .recent-toggle-expand{display:block!important;}
  #libraryRecentToggle:active{transform:scale(.96)!important;}
  #randomGameBtn{
    position:relative!important;
    inset:auto!important;
    right:auto!important;
    bottom:auto!important;
    z-index:2!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:76px!important;
    max-width:none!important;
    height:32px!important;
    min-height:32px!important;
    padding:0 10px!important;
    margin:0!important;
    gap:7px!important;
    border:1px solid rgba(167,139,250,.42)!important;
    border-radius:999px!important;
    background:linear-gradient(100deg,rgba(76,56,140,.34),rgba(36,28,76,.52))!important;
    color:#e8deff!important;
    box-shadow:0 3px 12px rgba(32,20,76,.2)!important;
    opacity:1!important;
    transform:none!important;
  }
  #randomGameBtn::before{content:none!important;display:none!important;}
  #randomGameBtn svg{position:relative!important;z-index:2!important;display:block!important;flex:0 0 16px!important;width:16px!important;height:16px!important;stroke:#d7caff!important;}
  #randomGameBtn .rg-btn-label{
    position:static!important;
    left:auto!important;
    top:auto!important;
    z-index:auto!important;
    display:inline-flex!important;
    align-items:center!important;
    flex:0 0 auto!important;
    width:auto!important;
    max-width:none!important;
    height:auto!important;
    max-height:none!important;
    padding:0!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:none!important;
    color:transparent!important;
    font-size:0!important;
    opacity:1!important;
    box-shadow:none!important;
    transition:none!important;
  }
  #randomGameBtn .rg-btn-label::after{content:"Zar At";display:inline-block;color:#e8deff;font-size:10px;font-weight:800;letter-spacing:.02em;line-height:1;}
  .section-head{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;}
  .section-head>#randomGameBtn{order:0!important;}
  .section-head>.archive-stats{order:1!important;flex:1 1 auto!important;min-width:0!important;}
}
@media(max-width:390px){
  #libraryRecentToggle{flex-basis:30px!important;width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;}
  #randomGameBtn{min-width:70px!important;height:30px!important;min-height:30px!important;padding:0 8px!important;gap:6px!important;}
  #randomGameBtn svg{width:15px!important;height:15px!important;flex-basis:15px!important;}
  #randomGameBtn .rg-btn-label::after{font-size:9px!important;}
}

@media(max-width:700px){
  #libraryRecentToggle{
    box-sizing:border-box!important;
    display:grid!important;
    place-items:center!important;
    flex:0 0 30px!important;
    width:30px!important;
    min-width:30px!important;
    max-width:30px!important;
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    padding:0!important;
    margin:0!important;
    border:1px solid rgba(143,168,201,.34)!important;
    border-radius:50%!important;
    background:linear-gradient(145deg,rgba(48,70,100,.86),rgba(24,39,60,.96))!important;
    color:#dce9f8!important;
    box-shadow:0 3px 10px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.08)!important;
    line-height:1!important;
    transform:none!important;
  }
  #libraryRecentToggle svg{display:block!important;width:15px!important;height:15px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.65!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
  #libraryRecentToggle .recent-toggle-expand{display:none!important;}
  #libraryRecentToggle[aria-expanded="false"] .recent-toggle-collapse{display:none!important;}
  #libraryRecentToggle[aria-expanded="false"] .recent-toggle-expand{display:block!important;}
  #libraryRecentToggle:active{transform:scale(.96)!important;}
  #randomGameBtn{
    position:relative!important;
    inset:auto!important;
    right:auto!important;
    bottom:auto!important;
    z-index:2!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:76px!important;
    max-width:none!important;
    height:32px!important;
    min-height:32px!important;
    padding:0 10px!important;
    margin:0!important;
    gap:7px!important;
    border:1px solid rgba(167,139,250,.42)!important;
    border-radius:999px!important;
    background:linear-gradient(100deg,rgba(76,56,140,.34),rgba(36,28,76,.52))!important;
    color:#e8deff!important;
    box-shadow:0 3px 12px rgba(32,20,76,.2)!important;
    opacity:1!important;
    transform:none!important;
  }
  #randomGameBtn::before{content:none!important;display:none!important;}
  #randomGameBtn svg{position:relative!important;z-index:2!important;display:block!important;flex:0 0 16px!important;width:16px!important;height:16px!important;stroke:#d7caff!important;}
  #randomGameBtn .rg-btn-label{
    position:static!important;
    left:auto!important;
    top:auto!important;
    z-index:auto!important;
    display:inline-flex!important;
    align-items:center!important;
    flex:0 0 auto!important;
    width:auto!important;
    max-width:none!important;
    height:auto!important;
    max-height:none!important;
    padding:0!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:none!important;
    color:transparent!important;
    font-size:0!important;
    opacity:1!important;
    box-shadow:none!important;
    transition:none!important;
  }
  #randomGameBtn .rg-btn-label::after{content:"Zar At";display:inline-block;color:#e8deff;font-size:10px;font-weight:800;letter-spacing:.02em;line-height:1;}
  .section-head{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;}
  .section-head>#randomGameBtn{order:0!important;}
  .section-head>.archive-stats{order:1!important;flex:1 1 auto!important;min-width:0!important;}
}
@media(max-width:390px){
  #libraryRecentToggle{flex-basis:30px!important;width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;}
  #randomGameBtn{min-width:70px!important;height:30px!important;min-height:30px!important;padding:0 8px!important;gap:6px!important;}
  #randomGameBtn svg{width:15px!important;height:15px!important;flex-basis:15px!important;}
  #randomGameBtn .rg-btn-label::after{font-size:9px!important;}
}