@media(max-width:700px){
  html,body{min-height:100%;overflow-x:hidden;background:#0b1018}
  body{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px));}
  .app-shell{display:block!important;min-height:100dvh;padding-bottom:calc(82px + env(safe-area-inset-bottom,0px));}
  .app-shell>.sidebar{position:sticky!important;top:0!important;z-index:1200!important;height:auto!important;min-height:0!important;padding:calc(8px + env(safe-area-inset-top,0px)) 14px 8px!important;overflow:visible!important;border:0!important;border-bottom:1px solid rgba(143,168,201,.19)!important;background:rgba(9,15,24,.9)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;box-shadow:0 9px 28px rgba(0,0,0,.18)!important;}
  .sidebar>.brand{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:46px!important;padding:0!important;margin:0!important;}
  .sidebar>.brand>.brand-mark{width:39px!important;height:39px!important;flex:0 0 39px!important;border-radius:12px!important;}
  .sidebar>.brand>div:nth-child(2){flex:1 1 auto!important;min-width:0!important;}
  .sidebar .brand-name{font-size:18px!important;line-height:1.1!important;letter-spacing:-.035em!important;}
  .sidebar .brand-sub{margin-top:3px!important;font-size:8px!important;letter-spacing:.15em!important;}
  .mobile-brand-tools{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:0!important;margin-left:auto!important;min-width:40px!important;}
  .mobile-brand-tools>#libraryTopNav,.mobile-brand-tools>.topbar-clock{display:none!important;}
  .mobile-brand-tools>.settings-wrap{display:block!important;flex:0 0 40px!important;width:40px!important;}
  .mobile-brand-tools>.settings-wrap>.settings-trigger{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;border:1px solid rgba(143,168,201,.24)!important;border-radius:13px!important;background:linear-gradient(145deg,rgba(35,51,73,.92),rgba(17,27,41,.96))!important;color:#dce8f7!important;box-shadow:0 5px 15px rgba(0,0,0,.18)!important;}
  .mobile-brand-tools>.settings-wrap>.settings-trigger svg{width:20px!important;height:20px!important;}
  .sidebar>.side-label,.sidebar>#tabs,.sidebar>.sidebar-spacer,.sidebar>.side-tip,.sidebar>.side-actions{display:none!important;}
  .workspace{min-width:0!important;padding:0 13px calc(88px + env(safe-area-inset-bottom,0px))!important;}
  .topbar{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:11px!important;min-height:0!important;padding:11px 0 0!important;border:0!important;}
  .topbar-summary{display:block!important;width:100%!important;min-width:0!important;}
  .topbar-summary-copy{width:100%!important;min-width:0!important;}
  .hero{position:relative!important;overflow:hidden!important;margin:0!important;padding:15px 16px!important;border:1px solid rgba(143,168,201,.2)!important;border-radius:17px!important;background:linear-gradient(115deg,rgba(28,43,64,.96),rgba(17,28,43,.97) 60%,rgba(37,34,58,.94))!important;box-shadow:0 10px 26px rgba(0,0,0,.18)!important;}
  .hero:before{width:190px!important;height:190px!important;right:-76px!important;top:-116px!important;}
  .hero:after{right:12%!important;top:14px!important;font-size:17px!important;}
  .hero-copy{max-width:100%!important;}
  .hero .eyebrow{font-size:9px!important;letter-spacing:.17em!important;}
  .hero h2{margin:7px 0 0!important;font-size:clamp(22px,6vw,27px)!important;line-height:1.08!important;}
  .hero p{display:none!important;}
  .personal-lists-dock{display:none!important;}
  .top-actions{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:8px!important;width:100%!important;min-width:0!important;margin:0!important;}
  #archiveSearch{display:flex!important;flex:1 1 auto!important;width:100%!important;min-width:0!important;max-width:none!important;order:0!important;}
  #archiveSearch[hidden],#archiveSearch[aria-hidden="true"]{display:none!important;}
  #archiveSearch input,#q{width:100%!important;min-width:0!important;height:44px!important;padding:10px 42px 10px 39px!important;border:1px solid rgba(143,168,201,.25)!important;border-radius:13px!important;background-color:rgba(13,22,34,.95)!important;font-size:13px!important;}
  .top-actions>.library-top-nav,.top-actions>#newcat,.top-actions>#add,.top-actions>.topbar-clock{display:none!important;}
  .top-actions>.settings-wrap{display:none!important;}
  .topbar>.library-header-brand{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:48px!important;padding:8px 10px!important;border:1px solid rgba(143,168,201,.18)!important;border-radius:14px!important;background:linear-gradient(110deg,rgba(28,43,64,.94),rgba(17,27,41,.94))!important;}
  .library-header-copy strong{font-size:15px!important;}
  .library-header-copy small{font-size:8px!important;letter-spacing:.14em!important;}
  .library-recent-home{display:flex!important;flex-direction:column!important;width:100%!important;min-width:0!important;padding:10px 11px!important;border:1px solid rgba(143,168,201,.16)!important;border-radius:14px!important;background:rgba(15,24,37,.76)!important;}
  .topbar.library-mode{gap:8px!important;}
  .topbar.library-mode>.top-actions{justify-content:flex-end!important;min-height:0!important;}
  .section-head{display:flex!important;align-items:center!important;gap:8px!important;margin:13px 0 10px!important;}
  .archive-stats{display:flex!important;flex:1 1 auto!important;min-width:0!important;}
  .archive-stats .stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:8px!important;margin:0!important;}
  .archive-stats .stat{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-width:0!important;padding:9px 11px!important;border:1px solid rgba(143,168,201,.16)!important;border-radius:12px!important;background:rgba(18,28,42,.84)!important;}
  .archive-stats .stat strong{font-size:18px!important;}
  .archive-stats .stat span{margin:0!important;font-size:8px!important;letter-spacing:.04em!important;}
  #randomGameBtn{position:fixed!important;right:16px!important;bottom:calc(92px + env(safe-area-inset-bottom,0px))!important;z-index:1300!important;display:grid!important;place-items:center!important;width:64px!important;height:64px!important;min-width:64px!important;max-width:64px!important;padding:0!important;margin:0!important;border:1px solid rgba(193,176,255,.66)!important;border-radius:50%!important;background:radial-gradient(circle at 32% 24%,#8069d5 0%,#5d48ad 48%,#30236e 100%)!important;box-shadow:0 10px 28px rgba(28,18,74,.5),inset 0 1px 0 rgba(255,255,255,.24)!important;isolation:isolate!important;}
  #randomGameBtn::before{content:"Zar At";position:absolute!important;right:-5px!important;bottom:calc(100% + 8px)!important;padding:6px 12px!important;border:1px solid rgba(228,214,255,.3)!important;border-radius:999px!important;background:linear-gradient(110deg,#9b4ad9,#cf3799)!important;color:#fff!important;font:800 11px/1 var(--sans,system-ui,sans-serif)!important;letter-spacing:.01em!important;white-space:nowrap!important;box-shadow:0 5px 16px rgba(75,25,108,.35)!important;pointer-events:none!important;}
  #randomGameBtn svg{width:29px!important;height:29px!important;stroke:#f3edff!important;}
  #randomGameBtn svg circle{fill:#f3edff!important;}
  #randomGameBtn .rg-btn-label{display:none!important;}
  .toolbar{min-height:0!important;margin:0 0 12px!important;}
  #subs{display:flex!important;flex-wrap:nowrap!important;gap:7px!important;align-items:center!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 1px 8px!important;scrollbar-width:none!important;}
  #subs::-webkit-scrollbar{display:none!important;}
  #subs .sub,#subs #so{flex:0 0 auto!important;min-height:34px!important;padding:7px 10px!important;font-size:10px!important;}
  main{min-width:0!important;}
  #grid{min-width:0!important;}
  .cat{margin-bottom:12px!important;border-radius:14px!important;}
  .cgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;padding:10px!important;}
  .card{min-width:0!important;padding:7px!important;border-radius:12px!important;}
  .card-art{aspect-ratio:4/3!important;}
  .ct{font-size:11px!important;}
  .cf{font-size:9px!important;}
  #empty{padding:42px 15px 48px!important;}
  #savesView{min-width:0!important;padding-top:3px!important;}
  #savesView .saves-head{padding:13px!important;border-radius:16px!important;}
  #savesView .saves-title h2{font-size:19px!important;}
  #savesView .saves-title p{font-size:10px!important;}
  #savesView .saves-list{grid-template-columns:minmax(0,1fr)!important;}
  #libraryView{min-width:0!important;}
  #mobileArchiveNav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:1250!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important;gap:2px!important;min-height:66px!important;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px))!important;border-top:1px solid rgba(143,168,201,.2)!important;background:rgba(9,14,23,.94)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;box-shadow:0 -9px 26px rgba(0,0,0,.23)!important;}
  #mobileArchiveNav .mobile-nav-item{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;min-width:0!important;min-height:52px!important;padding:4px 2px!important;border:1px solid transparent!important;border-radius:13px!important;background:transparent!important;color:#8493a8!important;font:650 9px/1.1 var(--sans,system-ui,sans-serif)!important;letter-spacing:.01em!important;white-space:nowrap!important;cursor:pointer!important;-webkit-tap-highlight-color:transparent!important;}
  #mobileArchiveNav .mobile-nav-item svg{display:block!important;width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
  #mobileArchiveNav .mobile-nav-item[aria-current="page"]{color:#c1b4ff!important;border-color:rgba(167,139,250,.18)!important;background:linear-gradient(180deg,rgba(110,88,180,.19),rgba(110,88,180,.06))!important;}
  #mobileArchiveNav .mobile-nav-item:active{transform:scale(.96)!important;}
  #mobileCategorySheet{position:fixed!important;inset:0!important;z-index:2147483000!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;padding:12px 10px calc(12px + env(safe-area-inset-bottom,0px))!important;background:rgba(3,7,13,.64)!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;}
  #mobileCategorySheet[hidden]{display:none!important;}
  #mobileCategorySheet .mobile-category-panel{display:flex!important;flex-direction:column!important;width:min(100%,560px)!important;max-height:min(78dvh,690px)!important;overflow:hidden!important;border:1px solid rgba(143,168,201,.25)!important;border-radius:22px!important;background:linear-gradient(150deg,#19283c,#0d1725 76%)!important;box-shadow:0 24px 70px rgba(0,0,0,.56)!important;}
  #mobileCategorySheet .mobile-category-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:16px 17px 12px!important;border-bottom:1px solid rgba(143,168,201,.15)!important;}
  #mobileCategorySheet .mobile-category-head strong{color:#edf3fb!important;font-size:15px!important;}
  #mobileCategorySheet .mobile-category-head small{display:block!important;margin-top:3px!important;color:#8294ad!important;font-size:9px!important;letter-spacing:.11em!important;}
  #mobileCategorySheet .mobile-category-close{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border:1px solid rgba(143,168,201,.2)!important;border-radius:11px!important;background:rgba(255,255,255,.045)!important;color:#d6e0ee!important;font-size:20px!important;}
  #mobileCategorySheet .mobile-category-items{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;overflow:auto!important;padding:12px!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;}
  #mobileCategorySheet .mobile-category-items>.tab{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;min-width:0!important;min-height:46px!important;padding:8px 9px!important;border:1px solid rgba(143,168,201,.15)!important;border-radius:12px!important;background:rgba(14,23,36,.86)!important;color:#b9c7d9!important;text-align:left!important;}
  #mobileCategorySheet .mobile-category-items>.tab.on{border-color:rgba(167,139,250,.46)!important;background:rgba(115,91,180,.18)!important;color:#eee8ff!important;}
  #mobileCategorySheet .mobile-category-items>.tab>.nav-ico{display:grid!important;flex:0 0 27px!important;width:27px!important;height:27px!important;place-items:center!important;border-radius:8px!important;background:rgba(143,168,201,.11)!important;color:#c8d7eb!important;}
  #mobileCategorySheet .mobile-category-items>.tab>.tab-text{display:block!important;flex:1 1 auto!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:10px!important;}
  #mobileCategorySheet .mobile-category-items>.tab>.tab-count{display:inline-flex!important;flex:0 0 23px!important;justify-content:center!important;min-width:23px!important;padding:3px 0!important;font-size:9px!important;}
  #mobileCategorySheet .mobile-category-items>.personal-list-link{grid-column:span 1!important;}
  #mobileCategorySheet .mobile-category-empty{grid-column:1/-1!important;padding:18px!important;color:#899ab0!important;font-size:11px!important;text-align:center!important;}
  body.mobile-category-open{overflow:hidden!important;}
}
@media(max-width:390px){
  #mobileArchiveNav .mobile-nav-item{font-size:8px!important;}
  #mobileArchiveNav .mobile-nav-item svg{width:19px!important;height:19px!important;}
  .workspace{padding-left:10px!important;padding-right:10px!important;}
  .hero{padding:13px 14px!important;}
  .hero h2{font-size:22px!important;}
  .cgrid{gap:7px!important;padding:8px!important;}
  #mobileCategorySheet .mobile-category-items{gap:6px!important;padding:10px!important;}
}
@media(min-width:701px){#mobileArchiveNav,#mobileCategorySheet{display:none!important;}}
@media(max-width:700px){
  .sidebar-toggle{display:none!important;}
  .topbar-summary[hidden],.hero[hidden],.archive-stats[hidden],.section-head[hidden],.toolbar[hidden],.personal-lists-dock[hidden],.topbar>.library-header-brand[hidden],#libraryRecentHome[hidden],#libraryView[hidden],#savesView[hidden],#archiveSearch[hidden],#archiveSearch[aria-hidden="true"]{display:none!important;}
}